St. Louis: (314) 729-7000
or (800) 365-7565

Kansas City: (800) 365-7565

Springfield, MO:(800) 365-7565

Fluid Air

Shortcodes

Home / Shortcodes

Interio has over 70 shortcodes that you can use them in your posts, pages and widgets, also you will be able to use them inside of each other and create awesome layouts and designs with cobination of them.

Accordion
[accordion open="2"]
[accordion-item title="First Tab Title" ]Your Text[/accordion-item]
[accordion-item title="Second Tab Title"]Your Text[/accordion-item]
[accordion-item title="Third Tab Title"]Your Text[/accordion-item]
[/accordion]
Ad Box
[adbox style="1, 2, 3, 4, 5 OR 6" align="" title="" icon="" buttontext="" buttonicon="" buttonsize="small, medium OR large" link="http://" target="_self OR _blank" ] DESCRIPTION HERE [/adbox]
Button
[button link="http://#" align="center, right OR left" size="small, medium OR large" target="_blank OR _self" color="" icon="" lightbox="true or false"] Button [/button]
Clearfix
[clearfix] [/clearfix]
Clients Carousel
[clients title="" cat=""]
Columns: 1/2 + 1/2
[one_half]
Content here.
[/one_half] [one_half_last] Content here.
[/one_half_last]
Columns: 1/3 + 1/3 + 1/3
[one_third_first]
Content here.
[/one_third_first] [one_third] Content here.
[/one_third] [one_third_last] Content here.
[/one_third_last]
Columns: 2/3 + 1/3
[two_third]
Content here.
[/two_third] [one_third_last] Content here.
[/one_third_last]
Columns: 1/3 + 2/3
[one_third_first]
Content here.
[/one_third_first] [two_third_last] Content here.
[/two_third_last]
Columns: 1/4 + 1/4 + 1/4 + 1/4
[one_fourth_first]
Content here.
[/one_fourth_first] [one_fourth] Content here.
[/one_fourth] [one_fourth] Content here.
[/one_fourth] [one_fourth_last] Content here.
[/one_fourth_last]
Columns: 3/4 + 1/4
[three_fourth]
Content here.
[/three_fourth] [one_fourth_last] Content here.
[/one_fourth_last]
Columns: 1/4 + 3/4
[one_fourth_first]
Content here.
[/one_fourth_first] [three_fourth_last] Content here.
[/three_fourth_last]
Columns: 1/5 + 1/5 + 1/5 + 1/5 + 1/5
[one_fifth_first]
Content here.
[/one_fifth_first] [one_fifth] Content here.
[/one_fifth] [one_fifth] Content here.
[/one_fifth] [one_fifth] Content here.
[/one_fifth] [one_fifth_last] Content here.
[/one_fifth_last]
Dropcap
[dropcap style="default, circle, square, classic" color="false" ]A[/dropcap]
Featured Box
[featured img="" icon="globe" title="Featured" button="Read More" link="#" color=""] Your Texts Goes Here... [/featured]
Forms
[contact-form-7 id="5" title="Contact form"]
Gap
[gap height="30"]
Google Fonts
[gfont font="Monda" size="50px" color="#666666" margin="20px 0" textalign=""] Your Text... [/gfont]
Google Maps
[gmap width="500" height="350" lat="0" long="0" style="full, standard" zoom="14" marker="yes" infowindow="Hello World!" infowindowdefault="yes or no" maptype="ROADMAP, SATELLITE, HYBRID, TERRAIN" hidecontrols="true or false" address="Los Angeles"]
Heading Title
[title header="h3"] Your Title [/title]
Highlight
[highlight background="" textcolor="" ] TEXT [/highlight]
HR Line
[hr style="hiden, line, dotted, dashed, shadow, stripes" margin="30px 0px 30px 0px" color="#DDDDDD"]
Icon
[icon icon="globe" color="" size="xs, s, m, l, xl OR xxl (Choose one only)"]
List Styles
[liststyle icon=""]
[item] item 1 [/item]
[item] item 2 [/item]
[item] item 3 [/item]
[/liststyle]
Member
[member name="John Doe" role="Web Developer" img="" twitter="http://twitter.com" facebook="" skype="" google="" linkedin="" mail=""]
Description
[/member]
Message Box
[message type="warning, success, error, info, note" close="true" bullet="true"] Your Message [/message]
Portfolio Carousel
[portfolio title="" cat=""]
Pricing Table
[pricing col="3"]
[plan name="Plan 1" link="http://" linkname="Buy This" price="$9.99" per="per month" color="#999999"]
  • Item 1
[/plan] [plan name="Plan 2" link="http://" linkname="Buy This" price="$19.99" per="per year" color="#CC0000" featured="Best Price"]
  • Item 1
[/plan] [plan name="Plan 3" link="http://" linkname="Buy This" price="$49.99" per="per year" color="#999999"]
  • Item 1
[/plan] [/pricing]
Quotes
[quote align="full, left or right"] Quote here... [/quote]
Skills (Progress Bar)
[skill percentage="87" title="Wordpress 87%"]
Social Icon
[social icon="facebook" url="http://facebook.com"]
Styled Table
[styled_table style="1, 2, 3, 4 OR 5"] Insert Table here [/styled_table]
Tabs
[tabs style="v OR h"]
[tab title="Tab 1" icon="" ] Tab 1 content goes here. [/tab]
[tab title="Tab 2" icon="" ] Tab 2 content goes here. [/tab]
[tab title="Tab 3" icon="" ] Tab 3 content goes here. [/tab]
[/tabs]
Testimonial
[testimonial author="Alex Smith, Company.com"] Your Text... [/testimonial]
Tooltips
[tooltip text="Tooltip Text"]Word[/tooltip]
Video Embed
[video type="youtube, vimeo, dailymotion" id="Enter video ID (eg. gOlGrApHicX)"]

and Toggle that we used it for this page demonstration

[toggle title="Title" open="true or false" ] Your text goes here... [/toggle]