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

Genetech Products

Genetech Solutions

pagebuilderaddons

A collection of free premium quality addons or elements for WPBakery Page builder previously know as Visual Composer page builder.
It features professional looking, easy to use yet highly functional elements that can be used in a WPBakery (Visual Composer) page builder. The plugin comes with Custom Post types as well through which you can add content easily. These includes Testimonials, Services, Clients, Member, Videos, FAQ Post types
WPBakery Page builder plugin must be activated to use this plugin. After you activate the required plugins, the elements should be available for use in Visual Composer WPBakery Page builder.
For a wider collection of addons or elements, <a href="https://pagebuilderaddons.com/addons/" rel="nofollow ugc">Watch Live demo</a>
<a href="https://wordpress.org/support/plugin/vc-addons-by-bit14/" rel="ugc">Support forum</a> | <a href="https://pagebuilderaddons.com/documentation/introduction/" rel="nofollow ugc">How to use</a> | <a href="https://pagebuilderaddons.com/contact-us/" rel="nofollow ugc">Contact</a>
Fast Loading : 
Clean code and a small footprint to make websites load faster
Responsive : 
Elements render correctly on all devices
Clean Code : 
Quality code with a selection of styles to minimize customization
Animations : 
Add various Animations to make your Websites more engaging
Font-awesome Library : 
Add icons to pop your website sections
Google fonts : 
Google fonts is available in all elements
Custom Post Type : 
Add content through post types to save time
RTL Language Support : 
Convert the elements to start from Right to Left
Following are WPBakery page builder Addons or Elements:
<h4>FREE</h4>
<ol>
<li>
<a href="https://pagebuilderaddons.com/pricing-table/" rel="nofollow ugc">Pricing Plan</a> 
Create high converting pricing comparison tablesCreate high converting pricing comparison tables
</li>
<li>
<a href="https://pagebuilderaddons.com/heading/" rel="nofollow ugc">Heading</a> 
Heading styles provides the opportunity to enhance the heading/title of a particular section.
</li>
<li>
<a href="https://pagebuilderaddons.com/info-banner/" rel="nofollow ugc">Info Banner</a> 
Create creative and unique Advertisement banner within minutes having an option to add title, description, button and link option
</li>
<li>
<a href="https://pagebuilderaddons.com/iconic-list/" rel="nofollow ugc">Iconic List</a> 
Unleash your creativity with Iconic List
</li>
<li>
<a href="https://pagebuilderaddons.com/counters/" rel="nofollow ugc">Statistic Counter</a> 
Easily add animated statistic counters. Useful to add numbers like: hours worked, product review, customer registered or download count.
</li>
<li>
<a href="https://pagebuilderaddons.com/testimonials/" rel="nofollow ugc">Testimonials</a> 
Display Unlimited testimonials, reviews or quotes in multiple ways
</li>
<li>
<a href="https://pagebuilderaddons.com/progress-bar/" rel="nofollow ugc">Progress Bar</a> 
Help display statistical information in the form of stats bar
</li>
<li>
<a href="https://pagebuilderaddons.com/tabs/" rel="nofollow ugc">Content Tabs</a> 
Easy and lightweight way to show content in tabs format
</li>
<li>
<a href="https://pagebuilderaddons.com/social-icon/" rel="nofollow ugc">Social Icon</a> 
Display the most popular social media icons beautifully
</li>
<li>
<a href="https://pagebuilderaddons.com/audio-player/" rel="nofollow ugc">Audio Player</a> 
Add audio player on your web page with multiple styling options
</li>
<li>
<a href="https://pagebuilderaddons.com/ribbon/" rel="nofollow ugc">Ribbon</a> 
Mark single or multiple products/posts with the Ribbons element to make them prominent
</li>
<li>
<a href="https://pagebuilderaddons.com/divider/" rel="nofollow ugc">Divider</a> 
Use the divider to make your headings more prominent
</li>
<li>
<a href="https://pagebuilderaddons.com/recent-posts/" rel="nofollow ugc">Recent Posts</a> 
Help users show your new content and enhance your visitors’ experience
</li>
<li>
<a href="https://pagebuilderaddons.com/simple-animated-text/" rel="nofollow ugc">Simple Animated Text</a> 
Create eye-catching animated text to keep your audience engaged
</li>
<li>
<a href="https://wordpress.org/plugins/pie-register/" rel="ugc">Pie Register – registration form plugin</a> 
Add registration forms easily on the pages
</li>
<li>
<a href="https://wordpress.org/plugins/pie-forms-for-wp/" rel="ugc">Pie Forms – forms plugin</a> 
Add forms easily on the pages
</li>
</ol>
<h4>PREMIUM</h4>
The <a href="https://pagebuilderaddons.com/addons/" rel="nofollow ugc">PRO version</a> of the plugin comes with additional addons and advanced features added to elements above –
Custom Animations : 
Choose from over 50+ animations for most of the elements.
Custom Images : 
Ability to upload images in place of default icons.
Premium Support : 
The customers will have access to a support portal with queries attended to within 24 hours.
Restricted Content : 
Visible content based on user roles, User is logged in, Guest user (logged out).
Library Templates available : 
About us (2 variations), Services (2 variations), Blog Post (2 variations).
<ul>
<li>
<a href="https://pagebuilderaddons.com/popup-modals" rel="nofollow ugc">Popup Modals</a> 
Display user notifications, pop-ups and prompts in a beautiful layout on your webpage using the Pop-up Modal element.
</li>
<li>
<a href="https://pagebuilderaddons.com/text-block" rel="nofollow ugc">Text Block</a> 
Display and design the Text Content on your website with multiple styling options using the Text Block element.
</li>
<li>
<a href="https://pagebuilderaddons.com/drop-caps" rel="nofollow ugc">Drop Caps</a> 
Increase the readability and enhance the styles of your content, making the first letter of the paragraph capital with the PB addons Drop Caps element.
</li>
<li>
<a href="https://pagebuilderaddons.com/singlepost" rel="nofollow ugc">Single Post</a> 
List your blog post in different styles
</li>
<li>
<a href="https://pagebuilderaddons.com/singlepagenavigator" rel="nofollow ugc">Single Page Navigator</a> 
Use the navigator to scroll through sections on parallax website
</li>
<li>
<a href="https://pagebuilderaddons.com/pullquote" rel="nofollow ugc">Pull Quote</a> 
Show an eye-catching quotation taken from the main text of an article
</li>
<li>
<a href="https://pagebuilderaddons.com/mailchimp/" rel="nofollow ugc">Mailchimp</a> 
Easily embed mailchimp into your website
</li>
<li>
<a href="https://pagebuilderaddons.com/flipbox/" rel="nofollow ugc">Flip Box</a> 
Show a content box with two sides
</li>
<li>
<a href="https://pagebuilderaddons.com/advance-pricing-table/" rel="nofollow ugc">Advance Pricing Table</a> 
Enable you to create a great advance pricing table with the least amount of effort
</li>
<li>
<a href="https://pagebuilderaddons.com/accordions/" rel="nofollow ugc">Accordions</a> 
Great way to communicate text-heavy information in an elegant and condensed fashion while saving valuable space on your WordPress site
</li>
<li>
<a href="https://pagebuilderaddons.com/buttons/" rel="nofollow ugc">Buttons</a> 
Provides unique and useful button designs
</li>
<li>
<a href="https://pagebuilderaddons.com/countdown/" rel="nofollow ugc">Countdown</a> 
Easy to create countdown timers for Coming soon, Website Maintenance, Limited time offer, Event Announcement and Product launch
</li>
<li>
<a href="https://pagebuilderaddons.com/clients/" rel="nofollow ugc">Clients</a> 
Displays your client’s logo on a page with their social profile links
</li>
<li>
<a href="https://pagebuilderaddons.com/compact-pricing-table/" rel="nofollow ugc">Compact Pricing Table</a> 
Enable you to create a great pricing table with the least amount of effort
</li>
<li>
<a href="https://pagebuilderaddons.com/faq/" rel="nofollow ugc">FAQ</a> 
Lets you create FAQs (frequently asked questions), organize FAQs and publicize your FAQ in no time
</li>
<li>
<a href="https://pagebuilderaddons.com/info-list/" rel="nofollow ugc">Info List</a> 
List company information, Important steps by using info list element
</li>
<li>
<a href="https://pagebuilderaddons.com/opening-time/" rel="nofollow ugc">Business Hours</a> 
Show your business hours, office opening hours table via business hours element
</li>
<li>
<a href="https://pagebuilderaddons.com/image-carousel/" rel="nofollow ugc">Image Carousel</a> 
Easily create beautiful & fancy image carousel just in minutes
</li>
<li>
<a href="https://pagebuilderaddons.com/members/" rel="nofollow ugc">Team Members</a> 
Display your team members name, description with their social profile links
</li>
<li>
<a href="https://pagebuilderaddons.com/parallax-background/" rel="nofollow ugc">Parallax Background</a> 
Build attractive landing pages with parallax animations
</li>
<li>
<a href="https://pagebuilderaddons.com/post-carousel/" rel="nofollow ugc">Post Carousel</a> 
Showcase your post content in a nice looking slider to impress your visitors and make them reach your platform
</li>
<li>
<a href="https://pagebuilderaddons.com/post-grid/" rel="nofollow ugc">Post Grid</a> 
Beautiful grid and list of posts will make your WordPress site stand out and keep visitors engaged
</li>
<li>
<a href="https://pagebuilderaddons.com/services/" rel="nofollow ugc">Services</a> 
Show your website services in a creative way
</li>
<li>
<a href="https://pagebuilderaddons.com/tabs/" rel="nofollow ugc">Content Tabs</a> 
Easy and lightweight way to show content in tabs format
</li>
<li>
<a href="https://pagebuilderaddons.com/video-gallery/" rel="nofollow ugc">Video Gallery</a> 
Easily upload and show videos of different formats (mp4, webM, ogv) and sizes in a grid form
</li>
<li>
<a href="https://pagebuilderaddons.com/icon-box/" rel="nofollow ugc">Icon Box</a> 
Unleash your creativity with Icon Box
</li>
<li>
<a href="https://pagebuilderaddons.com/timeline/" rel="nofollow ugc">Timeline</a> 
Display your company timeline, Historical event, sales steps, and lots other with using elegant simple responsive Timeline element
</li>
<li>
<a href="https://pagebuilderaddons.com/advance-tabs/" rel="nofollow ugc">Advance Tabs</a> 
Easy and lightweight way to show content in tabs format
</li>
<li>
<a href="https://pagebuilderaddons.com/qr-code/" rel="nofollow ugc">QR Code</a> 
Encode any text or URL for easy scanning through digital camera of smartphones
</li>
<li>
<a href="https://pagebuilderaddons.com/portfolio/" rel="nofollow ugc">Portfolio</a> 
Showcase your work and posts in beautiful layouts with the Portfolio element
</li>
<li>
<a href="https://pagebuilderaddons.com/image-grid-slider/" rel="nofollow ugc">Image Grid Slider</a> 
Make your products visually appealing by displaying products in the Grid slider
</li>
<li>
<a href="https://pagebuilderaddons.com/call-button/" rel="nofollow ugc">Call Button</a> 
Provide your customers an easy way to connect with you with a click-to-call button
</li>
</ul>
Custom Post Types 
Here is the list of Custom Post Types through which you can easily manage your content. This option is available in Pro Version
<ul>
<li>
Testimonials 
Custom post type for the testimonials makes it easy to create a testimonials page or display testimonials anywhere on your site
</li>
<li>
Services 
Add all your business services content through Service custom post type and display it through Service element
</li>
<li>
Clients 
Add client logo, description and their social profile links in post type and display it through Client Addon
</li>
<li>
Member 
Add team members data through custom post type where you can enter custom details for your staff members such as their social profiles, position and display it through Team Member element on a page
</li>
<li>
Videos 
Add videos all in one place through video post type and display it through video gallery element on a page
</li>
<li>
FAQ 
Add all the frequently asked answers through FAQ custom post type in one place and display the content through FAQ element
</li>
<li>
Image Grid Slider 
Add images all in one place and display them on your website with style with the Image Grid Slider element.
</li>
</ul>
Introducing WooCommerce Addons 
Create Your Online Stores with Premium Quality WooCommerce Addons for the WPBakery Page Builder
<ul>
<li>
<a href="https://pagebuilderaddons.com/add-to-cart/" rel="nofollow ugc">Add to Cart</a> 
Connect your products with the shopping cart with the Add to Cart button element
</li>
<li>
<a href="https://pagebuilderaddons.com/product-category/" rel="nofollow ugc">Product Category</a> 
Display all your product categories to help your users make choice hassle-free
</li>
<li>
<a href="https://pagebuilderaddons.com/single-product/" rel="nofollow ugc">Single Product</a> 
Showcase multiple products in beautiful layouts on your WooCommerce online store
</li>
<li>
<a href="https://pagebuilderaddons.com/grid-single-product/" rel="nofollow ugc">Grid Single Product</a> 
Display your products in grids to make the buying process efficient and hassle-free
</li>
<li>
<a href="https://pagebuilderaddons.com/grid-product-category/" rel="nofollow ugc">Grid Product Category</a> 
Display your product categories in grid layouts to give your users an overview of the store
</li>
<li>
<a href="https://pagebuilderaddons.com/banner-product-category/" rel="nofollow ugc">Banner Product Category</a> 
Showcase your product categories in a Banner and grab your user’s attention
</li>
<li>
<a href="https://pagebuilderaddons.com/carousel-single-product/" rel="nofollow ugc">Carousel Single Product</a> 
Showcase the multiple products on your online store beautifully, using the Carousels
</li>
<li>
<a href="https://pagebuilderaddons.com/carousel-product-category/" rel="nofollow ugc">Carousel Product Category</a> 
Display your product categories in a slider layout using the Carousels
</li>
<li>
<a href="https://pagebuilderaddons.com/featured-product/" rel="nofollow ugc">Featured Product</a> 
Use this feature to display the featured products in a beautiful layout on your website
</li>
<li>
<a href="https://pagebuilderaddons.com/best-selling-product/" rel="nofollow ugc">Best Selling Products</a> 
Display your best-selling products aesthetically on the website to increase your sales
</li>
<li>
<a href="https://pagebuilderaddons.com/recent-product/" rel="nofollow ugc">Recent Products</a> 
Display the list of recent products to make your website efficient and easy to navigate
</li>
</ul>
<h4>Helpful Links:</h4>
Watch Live demo here: <a href="https://pagebuilderaddons.com/" rel="nofollow ugc">https://pagebuilderaddons.com/</a> 
Support forum: <a href="https://wordpress.org/support/plugin/vc-addons-by-bit14/" rel="ugc">https://wordpress.org/support/plugin/vc-addons-by-bit14/</a> 
Contact Us: <a href="https://pagebuilderaddons.com/contact-us/" rel="nofollow ugc">https://pagebuilderaddons.com/contact-us/</a>

Web and WooCommerce Addons for WPBakery Builder

I have used this plugin. It is very useful plugin. Thanks Bit14!

Very Useful Plugin

Clean, responsive, well designed addons for WPBakery Page Builder with custom post type

OpenStreetMap for Gutenberg and WPBakery Page Builder (formerly Visual Composer) vs Web and WooCommerce Addons for WPBakery Builder