BookingWP™

WordPress Appointment Booking Plugins for WooCommerce

Shortcodes are a simple set of functions for creating macro codes for use in post content and have been avilable in WordPress since version 2.5. For instance, the following shortcode (in the post/page content) would add a photo gallery into the page:

All themes come predefined with a number of custom short codes, some of them are listed here:

  • Columns shortcode
  • Boxes shortcode
  • Tabs and Toggles shortcode
  • Social shortcode
  • Buttons shortcodes
  • Random shortcodes

Instructions:

  1. Open your post/page and simply add shortcode inside content editor, preferably in Visual mode (not HTML).
  2. That’s it.

Everything you need to know about short codes: http://codex.wordpress.org/Shortcode_API.

Columns shortcode

columns-shortcode-half
[one_half]your text[/one_half]
[one_half_last]your text[/one_half_last]
columns-shortcode-third
[one_third]your text[/one_third]
[one_third_last]your text[/one_third_last]
columns-shortcode-fourth
[one_fourth]your text[/one_fourth]
[one_fourth_last]your text[/one_fourth_last]
columns-shortcode-sixth
[one_sixth]your text[/one_sixth]
[one_sixth_last]your text[/one_sixth_last]
columns-shortcode-two-third
[two_third]your text[/two_third]
[one_third_last]your text[/one_third_last]
columns-shortcode-one-fourth
[one_fourth]your text[/one_fourth]
[one_half_last]your text[/one_half_last]
columns-shortcode-one-sixth
[one_sixth]your text[/one_sixth]
[five_sixth_last]your text[/five_sixth_last]

Boxes shortcode

Normal Boxes
shortcode-boxes-normal
[box type="info" size="medium" style="rounded" border="full"]Info Box sample[/box] [box type="alert" size="medium" style="rounded" border="full"]Alert Box sample[/box] [box type="tick" size="medium" style="rounded" border="full"]Tick Box sample[/box] [box type="download" size="medium" style="rounded" border="full"]Download Box sample[/box] [box type="note" size="medium" style="rounded" border="full"]Notice Box sample[/box]

Big Boxes
shortcode-boxes-big

[big_box title="Your Title" bgcolor="#ffffff" txtcolor="#555555"]Your Text[/big_box] [big_box title="Your Title" bgcolor="#EFD279" txtcolor="#414110"]Your Text[/big_box] [big_box title="Your Title" bgcolor="#95CBE9" txtcolor="#024769"]Your Text[/big_box] [big_box title="Your Title" bgcolor="#AFD775" txtcolor="#2C5700"]Your Text[/big_box] [big_box title="Your Title" bgcolor="#DE9D7F" txtcolor="#511F1F"]Your Text[/big_box] [big_box title="Your Title" bgcolor="#333333" txtcolor="#ffffff"]Your Text[/big_box]
Notice Boxes
shortcode-boxes-notice
[download_box]Download Box[/download_box] [warning_box]Warning Box[/warning_box] [info_box]Info Box[/info_box] [notice_box]Notice Box[/notice_box]

Tabs and Toggles shortcode

Tabs

shortcode-tabs
[tabs_container tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
    [tab]Tab content 1[/tab]
    [tab]Tab content 2[/tab]
    [tab]Tab content 3[/tab]
[/tabs_container]


Toggles

shortcode-toggles
[toggle title="Your title"]your text.[/toggle]

Social shortcode

shortcode-social
[fbshare type="button"]
[fblike style="standard"]
[digg]
[twitter]
[feedburner name="bizzartic"]
[stumble]
[buzz]

Buttons shortcodes

Action Buttons

shortcode-buttons-action
[action_button url="#" color="white"] White button [/action_button] [action_button url="#" color="red"] Red button [/action_button] [action_button url="#" color="blue"] Blue button [/action_button] [action_button url="#" color="green"] Gree button [/action_button] [action_button url="#" color="black"] Black button [/action_button] [action_button url="#" color="grey"] Grey button [/action_button] [action_button url="#" color="orange"] Orange button [/action_button] [action_button url="#" color="purple"] Purple button [/action_button]

Large Buttons

shortcode-buttons-advanced
[button size="large" color="grey" style="info" link="http://bizzthemes.com"]testing button[/button] [button size="large" color="red" style="alert" link="http://bizzthemes.com"]testing button[/button] [button size="large" color="green" style="tick" link="http://bizzthemes.com"]testing button[/button] [button size="large" color="black" style="download" link="http://bizzthemes.com"]testing button[/button] [button size="large" color="blue" style="note" link="http://bizzthemes.com"]testing button[/button]

Small Buttons

shortcode-buttons-small
[button size="small" color="#f2f2f2" text="#666666" style="info" link="http://bizzthemes.com"]testing button[/button] [button size="small" color="#f2f2f2" text="#666666" style="alert" link="http://bizzthemes.com"]testing button[/button] [button size="small" color="#f2f2f2" text="#666666" style="tick" link="http://bizzthemes.com"]testing button[/button] [button size="small" color="#f2f2f2" text="#666666" style="download" link="http://bizzthemes.com"]testing button[/button] [button size="small" color="#f2f2f2" text="#666666" style="note" link="http://bizzthemes.com"]testing button[/button]

Simple Buttons

shortcode-buttons-big
[big_button link="#" bgcolor="#ffffff" txtcolor="#333333"]Your Button Text[/big_button] [big_button link="#" bgcolor="#FFFCD2" txtcolor="#000000"]Your Button Text[/big_button] [big_button link="#" bgcolor="#EFD279" txtcolor="#414110"]Your Button Text[/big_button] [big_button link="#" bgcolor="#95CBE9" txtcolor="#024769"]Your Button Text[/big_button] [big_button link="#" bgcolor="#AFD775" txtcolor="#2C5700"]Your Button Text[/big_button]

Random shortcodes

Text Highlights

shortcode-text-highlights
[ihighlight bgcolor="#FFFCD2" txtcolor="#000000"]Your Text[/ihighlight] [ihighlight bgcolor="#EFD279" txtcolor="#414110"]Your Text[/ihighlight] [ihighlight bgcolor="#95CBE9" txtcolor="#024769"]Your Text[/ihighlight] [ihighlight bgcolor="#AFD775" txtcolor="#2C5700"]Your Text[/ihighlight] [ihighlight bgcolor="#DE9D7F" txtcolor="#511F1F"]Your Text[/ihighlight] [ihighlight bgcolor="#333333" txtcolor="#ffffff"]Your Text[/ihighlight]

Section Breaks

shortcode-section-breaks
[divider]
[divider_top]

Icons

shortcode-icons
[icon_tick]
[icon_cross]