With several dozen of the best looking Shortcodes around, we wanted to give you a sample of the many high-end Shortcodes built into X. We’ve grouped some together so this isn’t a super long post, however for a complete list with demos and examples of each, be sure to head over to our Shortcodes page.
[custom_headline type=”left” style=”margin-top: 45px;” level=”h2″ looks_like=”h5″ accent=”true”]Image Frame, Tooltips, Popovers & 3D Button [/custom_headline]
[custom_headline type=”left” style=”margin-top: 45px;” level=”h2″ looks_like=”h5″ accent=”true”]Table of Contents & Icon List[/custom_headline]
[toc type=”left”] [toc_item title=”1. Introduction” page=”1″] [toc_item title=”2. More Information” page=”2″] [toc_item title=”3. Even More Information” page=”3″] [/toc]
The Table of Contents shortcode available in X offers up some incredible SEO benefits to your standard posts and pages. It’s easy enough to paginate individual posts or pages in WordPress using the <!--nextpage--> code in the editor, but it doesn’t provide any real engaging way for your visitors to know what they’re in for as they click through to the next post. That’s where the Table of Contents shortcode comes in.
Simply add this to each of your “pages” after your <!--nextpage--> breaks and input the titles of each section in your article. What you’re left with is a thoroughly engaging, easy to navigate post structure that has been proven to increase visitor retention and keep their attention (all things Google loves).
You can easily add the Table of Contents shortcode to the left or right of your post content, or have it go full width, which is great for placing at the bottom of your posts to remind visitors of what sections are left. Click through on the table of contents shortcode above to go through to the next page and see the shortcode in action!
[icon_list]
[icon_list_item type=”chevron-sign-right”]This[/icon_list_item]
[icon_list_item type=”chevron-sign-right”]is[/icon_list_item]
[icon_list_item type=”chevron-sign-right”]a[/icon_list_item]
[icon_list_item type=”chevron-sign-right”]icon[/icon_list_item]
[icon_list_item type=”chevron-sign-right”]list[/icon_list_item]
[icon_list_item type=”chevron-sign-right”]Chose from over 300 icons. [/icon_list_item]
[/icon_list]
[custom_headline type=”left” style=”margin-top: 45px;” level=”h2″ looks_like=”h5″ accent=”true”]Responsive Visibility, Pricing Tables, Content Bands, & Entry Share[/custom_headline]
With responsive visibility, you can easily show or hide various pieces of information with different groups of visitors viewing your site on a wide array of devices. Want to put a video on desktop but only text on tablet and mobile? No problem. Go ahead and resize your browser window to see how different messages are displayed below for different screen sizes (Note: We also used another one of our Shortcodes, Responsive Video, to make the video look great and respond for the desktop message).
[visibility type=”visible-desktop”]
[gap size=”1em”]
[x_video style=”margin-bottom: 0;” embed=’‘]
[visibility type=”visible-tablet”]
[visibility type=”visible-phone”]
[gap size=”40px”]
[/pricing_table_column][pricing_table_column featured=”true” featured_sub=”Featured” title=”Plus” currency=”$” price=”59″ interval=”Per Month”][icon_list][icon_list_item type=”ok”]All Themes[/icon_list_item][icon_list_item type=”ok”]All Plugins[/icon_list_item][icon_list_item type=”ok”]PSDs[/icon_list_item][icon_list_item type=”ok”]HTML Templates[/icon_list_item][icon_list_item type=”remove” style=”color: red;”]24/7 Support[/icon_list_item][/icon_list]
[/pricing_table_column][pricing_table_column title=”Premium” currency=”$” price=”89″ interval=”Per Month”][icon_list][icon_list_item type=”ok”]All Themes[/icon_list_item][icon_list_item type=”ok”]All Plugins[/icon_list_item][icon_list_item type=”ok”]PSDs[/icon_list_item][icon_list_item type=”ok”]HTML Templates[/icon_list_item][icon_list_item type=”ok”]24/7 Support[/icon_list_item][/icon_list]
[/pricing_table_column]
[gap size=”40px”]
[content_band style=”color: #333;” bg_color=”#ffddea” border=”both”][container][custom_headline style=”margin-top: 0;” level=”h4″ looks_like=”h3″]Cool Headline[/custom_headline]
Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.
[/container][/content_band]
[content_band bg_pattern=”/media/x-bg-maze.png” border=”both”][container][custom_headline style=”margin-top: 0;” level=”h4″ looks_like=”h3″]Cool Headline[/custom_headline]
Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.
[/container][/content_band]
[content_band style=”color: #fff;” bg_image=”/media/x-bg-flowers.jpg” border=”both”][container][custom_headline style=”margin-top: 0; color: #fff;” level=”h4″ looks_like=”h3″]Cool Headline[/custom_headline]
Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.
[/container][/content_band]
[share facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” reddit=”true” email=”true”]
[custom_headline type=”left” style=”margin-top: 45px;” level=”h2″ looks_like=”h5″ accent=”true”]Over Three Dozen Shortcodes Included When You Buy X Today[/custom_headline]
While just a sample, hopefully this give you a small window into how we think about Shortcodes. Instead of just creating the basic ones (which we did and you have access to them as well), we wanted to take it a step further by providing some really useful business and marketing oriented solutions like Table of Contents and Responsive Visibility. As a customer of X, you not only get instant access to our entire Shortcode library, you’ll also have access to all future Shortcodes we develop for future releases.
