MUST SEE! WATCH THE PAGE BUILDER IN ACTION!Watch Now

Shortcodes

Themes from only $30 or get access to our entire collection for $85.

Introduction

We’ve created a number of really useful shortcodes that are included in all of our Premium Themes. These are really handy to get your content looking nice and neat for your visitors. In our collection you’ll from common buttons to jQuery tabs and toggles.

It’s simple to add shortcodes. From the publish page area press the ThinkUpShortcodes button and choose which shortcodes you want to insert. If you have problem please refer to the docs below or send us a message.

Buttons

Input Attributes:
 - Size: small, medium, large
 - Color: aqua, black, blue_dark, blue_light, brown, green_dark, green_light, grey, red_dark, red_light, pink, purple  
 - Link: target url.

12 Button Colors

4 Button Styles

3 Button Sizes

Columns

2 Column

This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text.
This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text.

3 Column

This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.
This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.
This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.

4 Column

This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.

5 Column

This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.

6 Column

This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.

Dividers

Icons (Colored)

Input Attributes:
 - icon: Address-book, Arrow, Arrow-back, Arrow-back-red, Arrow-red, Bookmark, Briefcase, Chat, Checkmark, Clock, Config, Database, Database-add, Database-warning, Database-x, Exclamation, Folder, Folder-add, Folder-remove, Graph, Heart, Heart-add, Heart-x, Home, Info, Lifesaver, List, Mail, Mail_forward, Mail_reply, Mail-add, Mail-spam, Mail-x, Music, No, Paper, Paper-add, Paper-arrow, Paper-arrow-back, Paper-pencil, Paper-warning, Paper-x, Pencil, Person, Person-add, Person-add-black, Person-black, Person-group, Person-group-add, Person-group-warning, Person-group-x, Person-warning, Person-warning-black, Person-white, Person-white-add, Person-white-warning, Person-white-x, Person-x, Person-x-black, Person-x-white, Photo, Piechart, Plus, Questions, Refresh, Rss, Screen, Search, Speech-Bubble, Speech-Bubble-add, Speech-Bubble-x, Warning, World, World-download, World-search, X
 - title: optional.
 - Link: optional.

Single Icons







Icons with Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.

Icons with Title & Text

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.

Icons (Font Awesome)

Input Attributes:
 - title: optional
 - link: optional
 - icon: Select icon from the Font Awesome library.
 - color: light, dark
 - size: small, medium, large, extra large
 - background: on, off
 - spin: on, off

Single Icons

The entire Font Awesome icon catalogue has been included in our shortcodes. The Font Awesome icons included can be found here: Font Awesome Icons.

Icons with Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Icons with Title & Text – Style 1

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Icons with Title & Text – Style 2

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.

Images

Image Title

YouTube

YouTube Title

Vimeo

No Vimeo thumbnail exists. Please specify a thumbnail to use.

Notification Boxes

Input Attributes:
 - type: download, error, info, message, normal, question, stop, success, warning

With Icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

No Icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Pricing Table

Input Attributes (general):
 - width: specify the width of the entire pricing table (px)
 - linktext: change the Buy Now button text (optional)

Input Attributes (individual):
 - title: optional
 - price: price 1, price 2, price 3, price 4...
 - size: small, big, small, small...
 - rows: row 1, row 2, row 3, row 4...
 - icons: tick, tick, cross, cross...
 - link: url 1, url 2, url 3, url 4...
title1

$49

  • row 1
  • row 2
  • row 3
title2

$99

  • row 1
  • row 2
  • row 3
title3

$79

  • row 1
  • row 2
  • row 3

Progress Bars

Input Attributes:
 - title: optional
 - style: normal, info, success, warning, danger
 - progress: 0% - 100%
 - show: on, off

5 Colors Styles

Normal60%
Info60%
Success60%
Warning60%
Danger60%

3 Effects

Basic60%
Striped60%
Animated60%

Slideshow

Input Attributes:
 - image: URL
 - title: Image title
 - details: Image details
 - arrows: on, off
 - dots:  on, off

[slideshow arrows=”on” dots=”off”
image_1=”http://design.thinkupthemes.com/test5/files/2013/08/bla-880×384.jpg” title_1=”” details_1=”Lorem Ipsum”
image_2=”http://design.thinkupthemes.com/test5/files/2013/08/Balance_Ambigram-880×384.jpg” title_2=”” details_2=”Nec in felis”
image_3=”http://design.thinkupthemes.com/test5/files/2013/08/wine__final02-880×384.jpg” title_3=”” details_3=”Faucibus nec”]

Social Media

Facebook – Like Button

Twitter – Tweet Button

Twitter – Follow Button

LinkedIn – Share Button

Google+ – Recommend Button

Tabs

Tabs – Style 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id..
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero..

Tabs – Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id..
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit..
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero..

Toggles

Toggle – Style 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id orci ac turpis.
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit sed tincidunt vestibulum.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero quis vehicula condimentum.

Toggle – Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id orci ac turpis.
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit sed tincidunt vestibulum.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero quis vehicula condimentum.