Nielsen Documentation
Shortcodes
In this section you can learn how to use our shortcodes
- 1/3 Column
- 1/4 Column
- 2/3 Column
- 3/4 Column
- Accordion
- Add Space
- Alert Box
- Box title
- Button
- Call to action newsletter
- Call to action with button
- Call to action alternative
- Call to action phone
- Code
- Contact Info
- Counter
- Credit Card
- Dropcap
- Google Maps
- Highlight
- Icon
- Icon Box
- Image
- Image Lightbox
- Image Slider
- Info Box
- Last Post Box
- List Bullet
- Logged User
- Modal Window
- Newsletter Form
- Notice Box
- Number Sections
- Parallax Effect
- Pie Chart
- Posts List
- Price Box
- Price table 3 column
- Price table 4 column
- Print Border Line
- Print Clear
- Progress Bar
- Quote
- Section with background
- Separator
- Share
- Sitemap
- Size of text
- Social
- Sound Cloud PLayer
- Special Font
- Style Text
- Success Box
- Tabs
- Tick
- Vimeo Video
- Youtube Video
1/3 Column
Back to top
This shortcode creates one column of a third.
[one_third class="" last="yes" ][/one_third]
1/4 Column
Back to top
This shortcode creates one column of a fourth.
[one_fourth class="" last="yes" ][/one_fourth]
2/3 Column
Back to top
This shortcode creates two columns of a third.
[two_third class="" last="yes" ][/two_third]
2/4 Column
Back to top
This shortcode creates two columns of a fourth.
[two_fourth class="" last="yes" ][/two_fourth]
3/4 Column
Back to top
This shortcode creates three columns of a fourth.
[three_fourth class="" last="yes" ][/three_fourth]
Accordion
Back to top
Accordion is useful to add collapsible content panels for presenting information in a limited amount of space.
[accordion title="your_title" opened="no" animation_delay="0" class_icon_closed="plus" class_icon_opened="minus" border="true" animate="" ][/accordion]
Box Title
Back to top
Show a formatted title
[box_title class="your class" subtitle="subtitle" subtitle_font_size="15" font_size="15" border_color="#f2f2f2" animation_delay="0"
font_alignment="center" border="middle" animate="" ]title[/box_title]
Call to action phone
Back to top
Show a call to action with phone number
[call title="OUR CUSTOMER CARE" phone="+39 397 37292" icon_theme="retinaicon-font:retina-communication-005"]
Contact Info
Back to top
Show a list of contact info
[contact_info address="Sesame Street 45, New York" address_icon="your_icon" phone="+39 099 8377289" phone_icon="your_icon" mobile_icon="none" email="info@info.it" email_icon="your_icon" animation_delay="0" email_link="#" address_title="STORE ADDRESS" phone_title="OUR CUSTOMER CARE" email_title="DROP A LINE"]
Counter
Back to top
Show a counter
[counter text="DAYS" text_color="#363636" text_size="16" number="200" number_size="52" number_color="#363636" percent="0" percent_color="#6d6c6c" icon_type="none" icon_size="55" icon_color="#000000" animate="1" animation_start_number="0" animation_duration="1000" animation_step="10"]
Credit Card
Back to top
Show a list of available credit cards
[credit_card type="amazon, bank, generic_1, " ]
Google Map
Back to top
Show a google map
[googlemap full_width="0" height="500" address="Calle Doctor José Naveiras, 46, 38004 Santa Cruz de Tenerife, Spagna" latitude="28.475172" longitude="-16.254518" zoom="15" marker="your_image" style="color"]
Highlight
Back to top
Show a text with custom font and background color
[highlight text_color="#f7c104" background_color="#0a0000" ]et magnis dis parturient montes[/highlight]
Icon
Back to top
Show an icon
[icon icon_size="14" color="#797979" circle_size="35" spinning="no" icon_type="theme-icon" icon_theme="envelope-o" circle="yes" rotate="normal" ]
Icon Box
Back to top
Create an icon box
[box_section layout="horizontal" icon_type="theme-icon" icon_theme="retinaicon-font:retina-food-053" icon_size="40" color="#747474" circle_size="70" color_circle="#747474" title="LOVE THIS THEME" animation_delay="1000" icon_awesome="adjust" icon_simple_line="icon-diamond" icon_size_simple_line="30" color_simple_line="#000000" circle_size_simple_line="70" color_circle_simple_line="#797979" title_size="h3"]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]
Image
Back to top
Show an image
[img src="your_image" alt="your_title" width="200" height="61" animate="fadeIn" ]
Image Lightbox
Back to top
Create an image lightbox
[image url="the_url_of_image" link="#" title="Medium" size="medium" lightbox="true" align="left" autoheight="true" animation_delay="0"]
Image Slider
Back to top
Show an image slider
[images_slider effect="fade" width="0" height="200" speed="8000" direction="horizontal" animation_delay="0" animate="swing"]the_url_of_image[/images_slider]
List Bullet
Back to top
Shows list bullet with custom icon
[list_bullet icon="star" animation_delay="0" icon_color="#f7c104"]
- Quisque nec mi eu nibh aliquam elementum.
- Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
- Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare dieus.
- Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
Logged User
Back to top
Shows logged user info
[logged_user before="Hello " after="" display="display_name" ]
Modal Window
Back to top
Create a modal window
[modal title="THE SECRET OF OUR SUCCESS" opener="button" button_text_opener="Open Modal" button_style="normal" link_text_opener="Open Modal" link_icon_type="none" link_icon_theme="adjust" link_text_size="17"]content[/modal]
Notice Box
Back to top
Shows a notice box
[notice animation_delay="0" animate="" ]content of box[/notice]
Number Section
Back to top
Show a number background with a title and text
[numbers_sections number="01" title="Marketing =Solution=" last="0"]Quisque nec mi eu nibh aliquam elementum. Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare lorem lorem dieus.[/numbers_sections]
Parallax effect
Back to top
Create a fancy full-width parallax effect
[parallax height="495" image="" color="#ffffff" overlay_opacity="20" hover_color="#dd9933" valign="center" halign="center" effect="bounceInDown" border_bottom="5" video_upload_mp4="" video_upload_ogg="" video_upload_webm="" video_button="no" video_button_style="" video_url="#" label_button_video=""]
Here your html code[/parallax]
Pie Chart
Back to top
Show animated Pie Chart
[pie_chart percent="75" barcolor="#ef1e25" trackcolor="#f2f2f2" line_width="3" size="150" font_size="12" bar_animate="2000" animation_delay="0" animate="" ][/pie_chart]
Price Box
Back to top
Create a box of prices
[price title="title" price="" price_prefix="$" price_suffix="" href="#" buttontext="Show" textcolor="#000000"
color="#ffffff" last="no" centered="no" price_separator="." ][/price]
Price table 3 columns
Back to top
Create a table box of prices
[price_table_three]
[price_table title="JUNIOR PLAN" price="$120/mo" href="#" buttontext="SIGNUP NOW" show_header="yes"
show_footer="yes" price_table_position="left"][/price_table]
[price_table type="larg e" title="HIGLIGHT PLAN" price="$170/mo" href="#" buttontext="SIGNUP NOW"
show_header="yes" show_footer="yes" ][/price_table]
[price_table title="ADVANCED PLAN" price="$250/mo" href="#" buttontext="SIGNUP NOW" show_header="yes"
show_footer="yes" price_table_position="right"][/price_table]
[/price_table_three]
Price table 4 columns
Back to top
Create a table box of prices
[price_table_four]
[price_table title="" price="" href="#" buttontext="" show_header="no" show_footer="no"][/price_table]
[price_table title="JUNIOR PLAN" price="$120/mo" href="#" buttontext="SIGNUP NOW" show_header="yes"
show_footer="yes" price_table_position="left"][/price_table]
[price_table type="large" title="HIGLIGHT PLAN" price="$170/mo href="#" buttontext="SIGNUP NOW"
show_header="yes" show_footer="yes"][/price_table]
[price_table title="ADVANCED PLAN" price="$250/mo" href="#" buttontext="SIGNUP NOW" show_header="yes"
show_footer="yes" price_table_position="right"][/price_table]
[/price_table_four]
Progress Bar
Back to top
Animated Bar
[progress_bar title="ILLUSTRATOR" percent="70" barcolor="#f7c104" trackcolor="#f2f2f2"
line_height="35" font_size="17" speed="fast" text_position="after"]
Quote
Back to top
Shows a quote
[quote author="" animation_delay="0" animate="" ]this is the content[/quote]
Section with background
Back to top
Create section with a custom background
[section_background background_type="color" background_color="#f8f8f8" background_image="" animation_delay="0" animate="fadeInDown"]
Separator
Back to top
Show a line
[separator color="#cdcdcd" margin_top="40" margin_bottom="40" style="single"]
Sitemap
Back to top
Print website sitemap (the sitemap can be configured in YIT Plugins -> Layout if YIT_Sidebar plugin is active)
[sitemap title="Sitemap" ]
Size of text
Back to top
Print a text with a custom size
[size px="45" perc="-1" em="-1" ]size of text[/size]
SoundCloud player
Back to top
Show the audio player of SoundCloud
[soundcloud iframe="yes" url="" auto_play="no" show_artwork="yes" show_comments="yes" color="#ff7700" ]
Special font
Back to top
Select a special font of text
[special_font size="12" unit="px" ][/special_font]
Success box
Back to top
Show an example of success box alert
[success]The item was added in your cart[/success]
Tabs
Back to top
Create a content with tabs.
[tabs tab1="tab1" tab2="tab2" tab3="tab3"][tab id="tab1"]Your content 1[/tab][tab id="tab2"]Your content 2[/tab][tab id="tab3"]Your content 3[/tab][/tabs]

Print a list of last tweets
[twitter username="" consumer_key="" consumer_secret="" access_token="" access_token_secret="" items="5"
class="last-tweets-widget" time="yes" animation_delay="0" animate="" ]
Youtube Video
Back to top
Embed the player youtube video
[youtube video_id="wSBIcNmCAX0" width="640" height="360" ]
Blog Section
Back to top
Print a blog slider
[blog_section nitems="-1" enable_slider="yes" enable_thumbnails="yes" enable_date="yes" enable_title="yes" enable_author="yes" enable_comments="yes" animation_delay="0" animate="" ]
Logos Slider
Back to top
Show a slider with logos
[logos_slider title="Our Partners" items="-1" height="50" speed="500" ]
Testimonial
Back to top
Show all post on testimonials post types
[testimonial items="-1" animation_delay="0" cat="0" animate="" ]
Testimonial Slider
Back to top
Show a slider with testimonials
[testimonial_slider items="-1" excerpt="32" speed="500" timeout="5000" cat="0" ]
Add to cart
Back to top
Show add to cart for one product
[yit_add_to_cart id="567" attribute_id="10" show_price="yes" show_cart="yes" ]
Categories Slider
Back to top
List all (or limited) product categories
[products_categories_slider per_page="-1" show_counter="1" hide_empty="1" orderby="menu_order" order="desc" autoplay="true" category="0, "]
Product Categories
Back to top
List all (or limited) product categories
[products_categories category="0, " hide_empty="1" show_counter="1" orderby="menu_order" order="desc"]
Show Categories
Back to top
List all (or limited) product categories
[show_category category="bags"]
Products Tabs
Back to top
List products in tabs
[products_tabs title_1="Man" per_page_1="10" title_2="Woman" per_page_2="10" category_1="man" show_1="all" orderby_1="rand" order_1="desc" category_2="woman" show_2="all" orderby_2="rand" order_2="desc"]
Products Slider
Back to top
List products in a slider
[products_slider title="" per_page="12" hide_free="no" show_hidden="no" animation_delay="0" product_in_a_row="4" category="null" product_type="all" orderby="rand" order="desc" autoplay="true" animate="" ]
Single Product
Back to top
Show a single product
[single_product product_id="0" last_element="no" animation_delay="0" animate="" ]
Single Product Two
Back to top
Show a single product
[single_product_two product_id="1391" animation_delay="0" border="none" animate="" ]
Show Products
Back to top
Show the products
[show_products per_page="8" product_in_a_row="4" hide_free="yes" show_hidden="yes" animation_delay="500" category="baby" show="all" orderby="rand" order="desc" animate="flash" ]
Social
Back to topPrint a simple icon link for social