6. Theme Shortcodes

INTRODUCTION

Theme Shortcodes

List of all theme shortcodes:

SECTION 01

Accordion


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/accordion_b.jpg

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


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/accordion-item_b.jpg

Accordions can include:


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/accordion-elements_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/accordion.jpg


SECTION 02

Button


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/button_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/button.jpg


SECTION 03

Cost 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/wheelco/wp-content/uploads/sites/23/2016/10/cost-calculator_b.jpg

Cost Calculator can include:


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/05/cost_calculator_2.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/cost-calculator.jpg


SECTION 04

Countdown


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/countdown_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/countdown-02.jpg


SECTION 05

Counter


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/counter_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/counter.jpg


SECTION 06

Custom Menu


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/custom-menu.jpg

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


SECTION 07

Google 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/wheelco/wp-content/uploads/sites/23/2017/09/google-map_b.jpg

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


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/google-maps-location_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/google-map.jpg


SECTION 08

Headline


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/headline_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/headline.jpg


SECTION 09

History


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/history_b.jpg

Once you add History element, make sure to add History Year or Date element:


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/history-elements_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/history-date_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/history.jpg


SECTION 10

Icon


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/icon_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/icon.jpg


SECTION 11

Image


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/image_b.jpg

Image element can include:


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/11/image-inludes.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/11/image-inludes-elements.jpg


SECTION 12

Image Slider


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/image-slider_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/image-slider.jpg


SECTION 13

Inner Row


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/inner-row_b.jpg

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


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/inner-row-layout_b.jpg


SECTION 14

Instagram


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/wheelco/wp-content/uploads/sites/23/2017/12/instagram.jpg


SECTION 16

Latest Posts


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/latest-posts_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/latest-posts.jpg


SECTION 17

Masonry Image Grid


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/masonry-image_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/masonry-image.jpg


SECTION 18

Masonry Post Grid


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/masonry-post-grid_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/masonry-post-grid.jpg


SECTION 19

Price List


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/price-list_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/price-list.jpg


SECTION 20

Progress bar


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/progress-bar_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/progress-bar.jpg


SECTION 21

Raw Content


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/05/raw-content.jpg


SECTION 22

Separator


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/separator_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/separator.jpg


SECTION 23

Service


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/services_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/services.jpg


SECTION 24

Simple Cost Calculator


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/simple-cc_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/simple-cc-element_b.jpg


SECTION 25

Simple price


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/simple-price_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/simple-price.jpg


SECTION 26

Slider


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/slider_b.jpg

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


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/slider-item_b.jpg

Slider Item can include:


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/accordion-elements_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/slider-wheelco.jpg


SECTION 27

Tabs


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/tabs_b.jpg

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


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/tabs-item_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2016/10/tabs-1.jpg


SECTION 28

Text


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/text_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/text.jpg


SECTION 29

Twitter


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/wheelco/wp-content/uploads/sites/23/2017/09/twitter_b.jpg


SECTION 30

Video


http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/09/video_b.jpg

http://documentation.bold-themes.com/wheelco/wp-content/uploads/sites/23/2017/11/video-example.jpg