Step-Byte-Service GmbH

Add beautiful maps to your WordPress pages with ease. Customize location, map styles, up to two markers, routing and more. Include the map as Gutenberg block, WPBakery Page Builder (formerly Visual Composer) content element or shortcode.
<h3>General Settings</h3>
This plugin comes with sane predefined settings. Adjust them to your liking. The marker is optional and is not displayed by default.
<h4>Map Settings</h4>
Map Style Choose the style of the map from one of the available map tile providers to fit your needs. 
Map Style Key Enter an API key or access token for the provider depending on the chosen map style. Only required for some map style providers. 
Map Height in Relation to Width Change the map’s aspect ratio. Works nicely with responsive designs. 
Zoom Level Change the view distance. The higher the number, the closer the distance to the map. (Note: not all styles support all zoom levels). 
Zoom With CTRL-Key Only Prevent zooming during page scroll. 
Latitude/Longitude of the Map’s Center Specify the map’s center position. Only needed if no marker configured or no marker is set as center of the map. 
Activate Routing Activate route planning for the user. 
Show Attribution Display or hide attribution for map styles and data. If you disable the checkbox please consider the legal circumstances.
<h4>Routing Settings</h4>
Default Routing Destination Enter the number of the marker that should be the default routing destination. 
Routing Service Choose the routing service that is used for retrieving the routing information. 
Routing Key Enter an API key or access token depending on the chosen routing service.
<h4>Geocoding Settings</h4>
Geocoding Service Choose the geocoding service that is used to translate addresses to latitude and longitude. 
Geocoding Key Enter an API key or access token depending on the chosen geocoding service.
<h4>Marker Settings</h4>
Center map on Enter the number of the marker that should be in the center of the map. 
Determine Position By Choose if you want to specify the marker position by an address or coordinates. The marker appears only if you specify an address or coordinates. 
Address Insert the marker’s address here with comma separated address parts (only used if you have chosen ‘Address’ in previous setting). 
Latitude/Longitude Specify marker position with latitude and longitude data (only used if you have chosen ‘Coordinates’ in first setting). 
Icon The icon to appear on the marker. Subset from <a href="https://material.io/resources/icons/?style=outline" rel="nofollow ugc">Material Icons</a> in outlined style (available categories: Maps, Places, Social). 
Color Background color of the marker. 
Popup Text Content of the popup that appears if the user clicks on the marker.
<h3>Gutenberg</h3>
The block is located in the ‘Embed’ category and supports the wide and full width options.
<h3>WPBakery Page Builder</h3>
The content element for the map can be found on the ‘Content’ tab with the name ‘SBS OpenStreetMap’. The content element for the marker can also be found on the ‘Content’ tab with the name ‘SBS Openstreetmap Marker’ but only as child of the map element.
<h3>Shortcodes</h3>
The Plugin comes with two shortcodes: <code>[sbs_openstreetmap]</code> for the map and <code>[sbs_marker]</code> for the markers (need to be placed between the opening and closing tags of the map shortcode). 
If parameters are not specified, the defaults are used (the same as in the other components). The popup text for the marker can be specified between the opening and closing tags of the marker shortcode.
<h4>Parameters Map Shortcode</h4>
See section ‘General Settings’ for description. Name in parentheses is the entry there.
map_style (Map Style) 
Choose provider and style variant and define map_style as ‘provider.variant’ (eg. Thunderforest.Transport) or in case of a provider without variants just ‘provider’ (eg. OpenTopoMap) . (pay attention to upper and lower case)
Available Provider with Variants: 
OpenStreetMap — Variants: DE (default), Mapnik, France, HOT 
OpenTopoMap 
Stadia — Variants: AlidadeSmooth, AlidadeSmoothDark, Outdoors, OSMBright, StamenToner, StamenTonerLite, StamenTerrain, StamenWatercolor 
Thunderforest — Variants: OpenCycleMap, Transport, TransportDark, SpinalMap, Landscape, Outdoors, Pioneer, MobileAtlas, Neighbourhood 
MapBox — Variants: Streets, Outdoors, Light, Dark, Satellite 
CartoDB — Variants: Positron, DarkMatter, Voyager 
MapTiler — Variants: Basic, Bright, Pastel, Positron, Hybrid, Streets, Toner, Topo, Voyager
For more information see section ‘Map Styles’. 
map_style_key (Map Style Key) Needed for certain map providers. 
map_height (Map Height in Relation to Width) Use a number as percentage of the width. Default value is 50. 
zoom (Zoom Level) Number between 0 and 20. Default value is 15. 
ctrl_mouse_zoom (Zoom With CTRL-Key Only) Set to true or false. Default is false. 
latitude (Latitude of the Map’s Center) 
longitude (Longitude of the Map’s Center) 
routing (Activate Routing) Set to true or false. Default is false. 
show_attribution (Show Attribution) Set to true or false. Default is true. 
destination_marker (Default Routing Destination) Number of the marker shortcode based on order inside the map shortcode. 0 if no marker is supposed to be the default routing destination. Default is 1. 
router (Routing Service) Available values: 
osrmv1 (default) 
mapbox 
router_key (Routing Key) Needed for certain routing services. 
geocoder (Geocoding Service) Available values: 
nominatim (default) 
mapbox 
geocoder_key (Geocoding Key) Needed for certain geocoding services. 
center_marker (Center Map on) Number of the marker shortcode based on order inside the map shortcode. 0 if no marker is supposed to be the center of the map. Default is 1.
<h4>Parameters Marker Shortcode</h4>
See section ‘General Settings’ for description. Name in parentheses is the entry there.
marker_source (Determine Position By) Available values: 
address (default) 
coordinates 
marker_address (Address) 
marker_latitude (Latitude) 
marker_longitude (Longitude) 
marker_icon (Icon) CSS classes for the icon. Go to the Material Icon website and choose your desired icon. To get the CSS classes, use the icon’s name, replace the underscore with a hyphen and prepend ‘sbs-map-icon sbs-map-‘. Example: icon ‘local_airport’ becomes ‘sbs-map-icon sbs-map-local-airport’ 
marker_color (Color) Available values: 
red 
white 
dark_blue (default) 
green 
black 
orange 
yellow
Examples:
<pre><code>[sbs_openstreetmap][sbs_marker][/sbs_marker][/sbs_openstreetmap]
</code></pre>
Uses default values
<pre><code>[sbs_openstreetmap center_marker="1"][sbs_marker marker_source="coordinates" marker_color="green" marker_latitude="52.4681196" marker_longitude="13.3279639" marker_icon="sbs-map-icon sbs-map-my-location"][/sbs_marker][/sbs_openstreetmap]
</code></pre>
Green marker from coordinates with my_location icon, centered map at marker and no popup text
<pre><code>[sbs_openstreetmap map_style="CartoDB.Voyager" map_height="30" zoom="14" ctrl_mouse_zoom="true"][sbs_marker marker_color="dark_blue" marker_address="Bundesallee 87, 12161 Berlin" marker_icon="sbs-map-icon sbs-map-beenhere"]Popup Text[/sbs_marker][/sbs_openstreetmap]
</code></pre>
CartoDB Voyager style, Zoom with CTRL key only, dark blue marker from address with popup text
<pre><code>[sbs_openstreetmap map_style="MapBox.Streets" map_style_key="<your access token>"][/sbs_openstreetmap]
</code></pre>
Mapbox Streets style that needs an access token
<pre><code>[sbs_openstreetmap zoom="12" latitude="52.493558" longitude="13.375148" center_marker="0"][sbs_marker marker_address="Bundesallee 87, 12161 Berlin"]Marker 1[/sbs_marker][sbs_marker marker_address="Platz der Republik 1, 10557 Berlin"]Marker 2[/sbs_marker][/sbs_openstreetmap]
</code></pre>
Two markers with different addresses, center of the map somewhere in between through coordinates
<h3>Map Styles</h3>
The selectable styles are offered by various providers. Each provider has its own terms of use and licensing, which should be taken into account before using the styles. (See section ‘Licenses/Policies’ for links) 
Providers could change their terms of use or might not be available at all times (especially if they are free/ without registration).
<h4>Providers</h4>
OpenStreetMap 
Usable without registration. 
Variants: DE, Mapnik, France, HOT 
Examples: <a href="https://www.openstreetmap.de/karte.html" rel="nofollow ugc">DE</a>, <a href="https://www.openstreetmap.org/#map=6/55.801/22.126" rel="nofollow ugc">Mapnik</a>, <a href="http://tile.openstreetmap.fr/" rel="nofollow ugc">France</a>, <a href="https://www.openstreetmap.org/#map=6/55.179/22.830&layers=H" rel="nofollow ugc">HOT</a> 
Tiles: 
* DE: https://tile.openstreetmap.de/{z}/{x}/{y}.png 
* Mapnik: https://tile.openstreetmap.org/{z}/{x}/{y}.png 
* France: https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png 
* HOT: https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png 
Attributions: 
* DE, Mapnik: © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors 
* France: © OpenStreetMap France | © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors 
* HOT: © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors, Tiles style by <a href="https://www.hotosm.org/" rel="nofollow ugc">Humanitarian OpenStreetMap Team</a> hosted by <a href="https://openstreetmap.fr/" rel="nofollow ugc">OpenStreetMap France</a>
OpenTopoMap 
Usable without registration. 
<a href="https://opentopomap.org/#map=6/49.532/16.194" rel="nofollow ugc">Example</a> 
Tiles: 
* https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png 
Attributions: 
* Map data: © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org" rel="nofollow ugc"></a> | Map style: © <a href="https://opentopomap.org" rel="nofollow ugc">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="nofollow ugc">CC-BY-SA</a>)
Stadia 
In order to use Stadia maps, you must <a href="https://client.stadiamaps.com/signup/" rel="nofollow ugc">register</a> and whitelist your domain within your account. Map styles from Stamen are now included in Stadia. 
Variants: AlidadeSmooth, AlidadeSmoothDark, Outdoors, OSMBright, StamenToner, StamenTonerLite, StamenTerrain, StamenWatercolor 
<a href="https://docs.stadiamaps.com/themes/" rel="nofollow ugc">Examples</a> 
Tiles: 
* https://tiles.stadiamaps.com/tiles/{variant}/{z}/{x}/{y}{r}.{ext} 
Attributions: 
* Stamen: © <a href="https://www.stadiamaps.com/" rel="nofollow ugc">Stadia Maps</a> © <a href="https://www.stamen.com/" rel="nofollow ugc">Stamen Design</a> © <a href="https://openmaptiles.org/" rel="nofollow ugc">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors 
* Other: © <a href="https://www.stadiamaps.com/" rel="nofollow ugc">Stadia Maps</a> © <a href="https://openmaptiles.org/" rel="nofollow ugc">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors
Thunderforest 
In order to use Thunderforest maps, you must <a href="https://www.thunderforest.com/pricing/" rel="nofollow ugc">register</a>. Once registered, you get an API key to use for the map styles. 
Variants: OpenCycleMap, Transport, TransportDark, SpinalMap, Landscape, Outdoors, Pioneer, MobileAtlas, Neighbourhood 
<a href="https://www.thunderforest.com/maps/" rel="nofollow ugc">Examples</a> 
Tiles: 
* https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey} 
Attributions: 
* © <a href="http://www.thunderforest.com/" rel="nofollow ugc">Thunderforest</a>, © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors
MapBox 
In order to use MapBox maps, you must <a href="https://account.mapbox.com/auth/signup/" rel="nofollow ugc">register</a>. Once registered, you get an access token to use for the map styles. 
Variants: Streets, Outdoors, Light, Dark, Satellite 
<a href="https://www.mapbox.com/maps" rel="nofollow ugc">Examples</a> 
Tiles: 
* https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}{r}?access_token={accessToken} 
Attributions: 
* © <a href="https://www.mapbox.com/about/maps/" rel="nofollow ugc">Mapbox</a> © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors <a href="//www.mapbox.com/map-feedback/" rel="nofollow ugc">Improve this map</a>
CartoDB 
Basemaps are usable without registration. 
Variants: Positron, DarkMatter, Voyager 
<a href="https://carto.com/help/building-maps/basemap-list/" rel="nofollow ugc">Examples</a> 
Tiles: 
* https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png 
Attributions: 
* © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors <a href="https://carto.com/attributions" rel="nofollow ugc">CARTO</a>
MapTiler 
In order to use MapTiler maps, you must <a href="https://cloud.maptiler.com/auth/widget?mode=select&next=https%3A%2F%2Fcloud.maptiler.com%2Fstart" rel="nofollow ugc">register</a>. Once registered, you get an API key to use for the map styles. 
Variants: Basic, Bright, Pastel, Positron, Hybrid, Streets, Toner, Topo, Voyager 
<a href="https://www.maptiler.com/maps/#streets/raster/1/2.3/8.2" rel="nofollow ugc">Examples</a> 
Tiles: 
* https://api.maptiler.com/maps/{variant}/{z}/{x}/{y}{r}.{ext}?key={key} 
Attributions: 
* <a href="//www.maptiler.com/copyright/" rel="nofollow ugc">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">© OpenStreetMap contributors</a>
<h4>Deprecated</h4>
These values are deprecated and will be mapped onto the corresponding new values for the same map style. 
openstreetmap_de 
opentopomap 
stamen_toner 
stamen_toner_light 
stamen_terrain 
stamen_watercolor 
wikimedia (not available anymore and if set in map, will be replaced with OpenStreetMap.DE)
<h3>Licenses/Policies</h3>
<h4>External Services</h4>
Provides the map data 
OpenStreetMap <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">ODbL</a> 
Providers for routing 
OSRM Demo Server <a href="https://github.com/Project-OSRM/osrm-backend/wiki/Api-usage-policy" rel="nofollow ugc">Usage policy</a> 
Mapbox <a href="https://www.mapbox.com/legal/tos/" rel="nofollow ugc">Terms of service</a> 
Providers for geocoding 
Nominatim <a href="https://operations.osmfoundation.org/policies/nominatim/" rel="nofollow ugc">Usage policy</a> 
Mapbox <a href="https://www.mapbox.com/legal/tos/" rel="nofollow ugc">Terms of service</a> 
Providers used for choosable map styles 
OpenStreetMap <a href="https://operations.osmfoundation.org/policies/tiles/" rel="nofollow ugc">Terms of use</a> 
OpenTopoMap <a href="https://opentopomap.org/about" rel="nofollow ugc">CC-BY-SA/Terms of use</a> 
Stadia <a href="https://stadiamaps.com/terms-of-service/" rel="nofollow ugc">Terms of use</a> 
Thunderforest <a href="https://www.thunderforest.com/terms/" rel="nofollow ugc">Terms of use</a> 
MapBox <a href="https://www.mapbox.com/legal/tos/" rel="nofollow ugc">Terms of use</a> 
CartoDB <a href="https://carto.com/legal/" rel="nofollow ugc">Terms of use</a> 
MapTiler <a href="https://www.maptiler.com/cloud/terms/" rel="nofollow ugc">Terms of use</a>
<h4>Third-Party Components</h4>
<a href="https://leafletjs.com/" rel="nofollow ugc">Leaflet JS</a> <a href="https://github.com/Leaflet/Leaflet/blob/master/LICENSE" rel="nofollow ugc">BSD 2-Clause “Simplified” License</a> 
Leaflet.GestureHandling <a href="https://github.com/elmarquis/Leaflet.GestureHandling/blob/master/LICENSE" rel="nofollow ugc">MIT License</a> 
Leaflet-providers <a href="https://github.com/leaflet-extras/leaflet-providers/blob/master/license.md" rel="nofollow ugc">BSD 2-Clause “Simplified” License</a> 
Leaflet-control-geocoder <a href="https://github.com/perliedman/leaflet-control-geocoder/blob/master/LICENSE" rel="nofollow ugc">BSD 2-Clause “Simplified” License</a> 
Leaflet-routing-machine <a href="https://github.com/perliedman/leaflet-routing-machine/blob/master/LICENSE.md" rel="nofollow ugc">ISC License</a>

OpenStreetMap for Gutenberg and WPBakery Page Builder (formerly Visual Composer)

A really good alternative to google maps.

Nice and easy

OpenStreetMap Gutenberg block, WPBakery PageBuilder content element and standalone WordPress shortcode

Freemius

livemesh

Livemesh Addons for WPBakery Page Builder features professional looking, easy to use yet highly functional extensions that can be used in WPBakery Page Builder. This is really a premium plugin that you can get for free.
This plugin comes with widgets for just about everything you need to build a professional website without switching to a premium theme – services, team profiles, counters, bar charts, piecharts, testimonials, clients list, portfolio/posts grid, posts carousels, varieties of tabs, accordions or toggles, pricing plan and much more in the <a href="https://livemeshwp.com/wpbakery-addons" title="Livemesh Addons for WPBakery Page Builder Premium Version" rel="nofollow ugc">PRO version</a>. All the addons that help turn your free theme into a premium one with just a few clicks. Every premium page builder element you need is available for easy drag and drop into your page by just activating this plugin.
WPBakery Page Builder plugin must be installed and activated to use this plugin. After you activate the required plugins, the elements should be available for use in WPBakery Page Builder.
See the all of addon elements in action here –
<a href="https://livemeshwp.com/wpbakery-addons/addons-demo#demo-section" title="Livemesh Addons for WPBakery Page Builder Demo Site" rel="nofollow ugc">LIVE DEMO</a> | <a href="https://livemeshwp.com/wpbakery-addons/pricing/" title="Livemesh Addons for WPBakery Page Builder Premium Version" rel="nofollow ugc">PRO Version</a>.
The plugin comes with the following WPBakery Page Builder Addons or extensions. Almost all of the elements come with a dark version. –
<ul>
<li><a href="https://livemeshwp.com/wpbakery-addons/services/" title="Services Extension" rel="nofollow ugc">Services</a> that capture what you can offer for your clients/customers.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/tabs/" title="Responsive Tabs Addon" rel="nofollow ugc">Responsive Tabs</a> that function seamlessly across all devices and resolutions.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/accordions/" title="Accordion Extension" rel="nofollow ugc">Accordion/Toggle</a> that capture collapsible content panels when space is limited.</li>
<li>Heading styles to capture effective headings for your page sections.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/portfolio-grid/" title="Portfolio Grid Addon" rel="nofollow ugc">Portfolio Grid addon</a> that displays portfolio/blog entries in a nice responsive grid. Masonry and packed options are supported.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-grid/" title="Posts Grid Extension" rel="nofollow ugc">Blog Posts Grid</a> that displays portfolio/blog entries in a nice responsive grid. Masonry and packed options are supported.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/team-member-profiles/" title="Team Profiles Addon" rel="nofollow ugc">Team Profiles</a> extension to display all the team members.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/odometer-counters/" title="Odometer/Counters Extension" rel="nofollow ugc">Odometers/Counters</a> to show impressive numbers pertaining to your work or company.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/progress-bars/" title="Bar Charts" rel="nofollow ugc">Bar charts addon</a> to capture skills or any type of percentage stats.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/piecharts/" title="Piecharts Extension" rel="nofollow ugc">Animated Pie charts</a> for visual depiction of percentage stats.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/testimonials/" title="Testimonials Addon" rel="nofollow ugc">Testimonials</a> to tell everyone the good things you often hear from your clients/customers.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/testimonial-slider/" title="Testimonial Slider Addon" rel="nofollow ugc">Testimonials slider</a> is a responsive touch enabled slider that cycles through testimonials.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-carousel/" title="Posts Carousel Extension" rel="nofollow ugc">Post Carousel extension</a> that displays your posts as a highly responsive carousel.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/generic-carousel/" title="Generic Carousel Addon" rel="nofollow ugc">Generic Carousel</a> element that displays lets you present a list of HTML content in a carousel.</li>
<li>Spacer element that displays lets you set space between elements and vary the spacing across device resolutions.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/clients-element/" title="Clients List Element" rel="nofollow ugc">Clients List</a> extension to showcase the clients that you have handled.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/pricing-table/" title="Pricing Table Extension" rel="nofollow ugc">Pricing Plans</a> to help get more sales.</li>
</ul>
The <a href="https://livemeshwp.com/wpbakery-addons/" title="Livemesh Addons for WPBakery Page Builder Pro" rel="nofollow ugc">PRO version</a> of the plugin comes with additional addons and advanced features added to elements above –
<ul>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-slider/" title="Posts Slider Addon" rel="nofollow ugc">Posts Slider</a> that helps showcase your posts as a highly responsive, touch enabled slider.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-gridbox-slider/" title="Posts Gridbox Slider Addon" rel="nofollow ugc">Posts Gridbox Slider</a> that displays your posts as a slider of tiled post grids.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-multislider/" title="Posts Multislider Addon" rel="nofollow ugc">Posts Multislider</a> that helps showcase your posts as a highly responsive, touch friendly carousel.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/posts-block/" title="Posts Block Addon" rel="nofollow ugc">Posts Block</a> to help present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/sliders/" title="Image Slider Extension" rel="nofollow ugc">Image Slider</a> to create a responsive slider of images with support for captions, multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail navigation etc.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/image-gallery/" title="Image Gallery Addon" rel="nofollow ugc">Image Gallery</a> addon that lets you create a grid of images with options for masonry or fit rows, pagination, lazy load, lightbox support etc.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/video-gallery/" title="Video Gallery Addon" rel="nofollow ugc">Video Gallery</a> to build a beautiful grid of videos to help showcase a collection of YouTube/Vimeo videos on your site.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/gallery-carousel/" title="Image Carousel" rel="nofollow ugc">Image Carousel</a> for a responsive carousel of images.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/gallery-carousel/" title="Video Carousel" rel="nofollow ugc">Video Carousel</a> for creation of a responsive carousel of YouTube/Vimeo videos.</li>
<li>Countdown extension to display a countdown timer on your site pages such as those that feature events or under construction/coming soon pages.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/faq-element/" title="FAQ Element" rel="nofollow ugc">FAQ element</a> to display a set of Frequently Asked Questions in a page.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/features/" title="Features Addon" rel="nofollow ugc">Features Addon</a> for showcasing product features or services provided by an agency/business.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/buttons/" title="Icon Lists and Buttons" rel="nofollow ugc">Flat style buttons</a> with rich set of customization options.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/services-advanced/" title="Advanced Services" rel="nofollow ugc">Advanced Services</a> with additional styles and animations for services addon.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/icon-lists/" title="Icon List element" rel="nofollow ugc">Icon list addon</a> that lets you use either images or icon fonts to create custom social icons list, capture payment options etc.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/portfolio-grid-pro/" title="Posts/Portfolio Grid" rel="nofollow ugc">Lazy Load</a> – The portfolio/post grid and image gallery addons incorporate option to lazy load posts/images with the click of a Load More button.</li>
<li><a href="https://livemeshwp.com/wpbakery-addons/portfolio-grid-pro/" title="Posts/Portfolio Grid" rel="nofollow ugc">Pagination</a> – Create a grid of posts or custom post types with AJAX based pagination support. </li>
<li>Lightbox Support – The premium version comes with support for Lightbox for grid and carousel addons.</li>
<li>Customizations – Ability to choose custom font size, color or hover color for certain addons. More coming.</li>
<li>Custom Animations – Choose from over 40+ animations for most addon elements (excludes sliders, carousels and grid). The animations display on user scrolling to the element or when the element becomes visible in the browser window.</li>
<li>Sample Data – Sample data that you can import into your site to get started quickly on the addons and some sample layouts.</li>
<li>Premium Support – The customers will have access to a support portal with queries attended to within 24 hours.</li>
</ul>
You can view the change log for the Premium version of the plugin at <a href="https://livemeshwp.com/wpbakery-addons/change-log/" title="Livemesh Addons for WPBakery Page Builder Premium Change Log" rel="nofollow ugc">https://livemeshwp.com/wpbakery-addons/change-log/</a>.
<h3>Support</h3>
The premium version of the plugin entitles you to quick support with replies posted within 24 hours (on week days).
Please submit your support query through our <a href="https://livemeshwp.com/wpbakery-addons/contact-us/" title="Livemesh Contact form" rel="nofollow ugc">website contact form</a>. This will create a support ticket in our support portal.

WPBakery Page Builder Addons by Livemesh

A collection of 25+ beautifully designed premium quality addons or extensions for WPBakery Page Builder.

OpenStreetMap for Gutenberg and WPBakery Page Builder (formerly Visual Composer) vs WPBakery Page Builder Addons by Livemesh