Home 6. Theme Shortcodes

INTRODUCTIONTheme Shortcodes

List of all theme shortcodes:

SECTION 01Accordion

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/accordion.jpg

Once you add Accordion element, make sure to add Accordion Item:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/accordion-item.jpg

Below is the list of elements that can be added to Accordion Item:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/accordion-elements.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/accordion-f.jpg

SECTION 02Advanced Progress Bar

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/advanced-progress-bar.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/advanced-progress-bar-f.jpg

SECTION 03Button

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/button.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/button-f.jpg

SECTION 04Cost Calculator

Documentation on Cost Calculator plugin can be found on the following link.
Although documentation uses WPBakery Page Builder (formerly Visual Composer) as an example page builder, the same elements and functionalities are included in Bold Builder.

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/cost-calculator.jpg

Cost Calculator can include:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/cost-calculator-items.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/cost-calculator-f.jpg

SECTION 05Countdown

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/countdown.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/countdown-f.jpg

SECTION 06Counter

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/counter.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/counter-f.jpg

SECTION 07Custom Menu

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/custom-menu.jpg

SECTION 08Google Maps

Google maps require an API key for site domains. Follow the next steps:

  • First step is to make sure to update the theme to the newest version.
  • When the theme is updated, please Get your API key.
  • Then locate the Google Map element in Bold Builder and enter your API key.

On Snazzy Maps are available all kinds of Google Map styles. The required map code is possible to add to the Custom map style array field.

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/google-maps.jpg

Once you add Google Maps element, make sure to add Google Maps Location (multiple locations available):

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/google-maps-location.jpg

Below is the list of elements that can be added to Google Maps element:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/google-maps-elements.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/google-maps-f.jpg

SECTION 09Headline

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/headline.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/headline-f.jpg

SECTION 10Icon

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/icon.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/icon-f.jpg

SECTION 11Image

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/image.jpg

Image element can include:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/image-elements.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/image-f.jpg

SECTION 12Image Slider

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/image-slider.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/image-slider-f.jpg

SECTION 13Inner Row

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/inner-row.jpg

Once you add Inner Row element, make sure to define layout and add Inner Column:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/inner-row-layout.jpg

SECTION 14Instagram

In order to get Client ID, Access Token, and User ID, please follow the steps from our article: How to set up your Instagram widget?

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/12/instagram.jpg

SECTION 15Latest Posts

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/latest-posts.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/latest-posts.jpg

SECTION 16Masonry Image Grid

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/masonry-image-grid.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/masonry-image-grid-f.jpg

SECTION 17Masonry Post Grid

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/masonry-post-grid.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/masonry-post-grid-f.jpg

SECTION 18Price List

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/price-list.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/price-list-f.jpg

SECTION 19Progress bar

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/progress-bar.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/progress-bar-f.jpg

SECTION 20Raw Content

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/raw-content.jpg

SECTION 21Separator

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/separator.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/separator.jpg

SECTION 22Service

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/service.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/service-f-1.jpg

SECTION 23Simple Cost Calculator

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/simple-cost-calculator.jpg

Once you add Simple Cost Calculator, make sure to add Simple Cost Calculator Item:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/simple-cost-calculator-item.jpg

SECTION 24Slider

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/slider.jpg

Once you add Slider element, make sure to add single Slider Item:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/slider-item.jpg

Slider Item can include:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/accordion-elements.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/slider.jpg

SECTION 25Tabs

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2017/11/tab.jpg

Once you add Tabs element, make sure to add single Tab Title:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/tab-item.jpg

Tabs Item can include:

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/accordion-elements.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/tabs.jpg

SECTION 26Text

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/text.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/text-f.jpg

SECTION 27Twitter

As with Instagram element, you’ll need to register an application here to be able to use the element. Please follow the steps from our article: How to set up your Twitter widget?

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/twitter.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/twitter-f.jpg

SECTION 28Video

http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/video.jpg
http://documentation.bold-themes.com/squadrone/wp-content/uploads/sites/29/2018/02/video-f.jpg