Shortcodes give you the opportunity to create sophisticated content by using very simple codes. We created a shortcode wizard to give you the best assistance while you create your shortcode. You just pick the type of shortcode you want to use and select from a given set of drop down and input fields how you shortcode should look like.
These are the shortcodes you can create with the wizard:
All buttons can be linked to any URL and are easy to customise!
Small, round buttons:
[ci_button url=”” style=”themecolor” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”small” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”small” type=”round” target=”_self”] Button [/ci_button]
Medium, round button:
[ci_button url=”” style=”themecolor” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”medium” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”medium” type=”round” target=”_self”] Button [/ci_button]
Large, round buttons:
[ci_button url=”” style=”themecolor” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”large” type=”round” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”large” type=”round” target=”_self”] Button [/ci_button]
Small,squared buttons:
[ci_button url=”” style=”themecolor” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”small” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”small” type=”square” target=”_self”] Button [/ci_button]
Medium, squared buttons:
[ci_button url=”” style=”themecolor” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”medium” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”medium” type=”square” target=”_self”] Button [/ci_button]
Large, squared buttons:
[ci_button url=”” style=”themecolor” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”grey” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”black” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”green” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”light-blue” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”blue” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”red” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”orange” size=”large” type=”square” target=”_self”] Button [/ci_button][ci_button url=”” style=”purple” size=”large” type=”square” target=”_self”] Button [/ci_button]
[ ci_button url=”” style=”themecolor” size=”small” type=”round” target=”_self” ] Button [ /ci_button ]
Colors: themecolor, grey, black, green, light-blue, blue, red, orange, purple
Size: small, medium, large
Type: square, round
Please use all shortcodes without the whitespace in the brackets!
[ci_alert style=”white”] White Alert! [/ci_alert] [ci_alert style=”grey”] Grey Alert! [/ci_alert] [ci_alert style=”red”] Red Alert! [/ci_alert] [ci_alert style=”yellow”] Yellow Alert! [/ci_alert] [ci_alert style=”green”] Green Alert! [/ci_alert]
[ ci_alert style=”white” ] White Alert! [ /ci_alert ] Style: white, grey, red, yellow, green
Please use all shortcodes without the whitespace in the brackets!
Almost countless combinations and definitely the one you need!
Columns:
[ci_one_third]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. [/ci_one_third] [ci_one_third]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. [/ci_one_third] [ci_one_third_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. [/ci_one_third_last] [ci_one_third]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. [/ci_one_third] [ci_two_third_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus phasellus viverra nulla. [/ci_two_third_last] [ci_one_third]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. [/ci_one_third] [ci_one_third]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. [/ci_one_third] [ci_one_third_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. [/ci_one_third_last] [ci_one_fifth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu. [/ci_one_fifth] [ci_three_fifth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_three_fifth] [ci_one_fifth_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu. [/ci_one_fifth_last] [ci_one_fourth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fourth] [ci_one_fourth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fourth] [ci_one_fourth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fourth] [ci_one_fourth_last] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fourth_last] [ci_one_fifth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fifth] [ci_one_fifth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fifth] [ci_one_fifth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fifth] [ci_one_fifth] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fifth] [ci_one_fifth_last] Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. [/ci_one_fifth_last] [ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt cras dapibus.[/ci_one_sixth] [ci_five_sixth_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat.[/ci_five_sixth_last] [ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper.[/ci_one_sixth][ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper. [/ci_one_sixth][ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper.[/ci_one_sixth][ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper.[/ci_one_sixth][ci_one_sixth]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper.[/ci_one_sixth][ci_one_sixth_last]Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elem entum semper. [/ci_one_sixth_last] [ ci_one_third ] Your Text [ /ci_one_third ] [ ci_one_third_last ] Your Text [ /ci_one_third_last ] [ ci_two_third ] Your Text [ /ci_two_third ] [ ci_two_third_last ] Your Text [ /ci_two_third_last ] [ ci_one_half ] Your Text [ /ci_one_half ] [ ci_one_half_last ] Your Text [ /ci_one_half_last ] [ ci_one_fourth ] Your Text [ /ci_one_fourth ] [ ci_one_fourth_last ] Your Text [ /ci_one_fourth_last ] [ ci_one_fifth ] Your Text [ /ci_one_fifth ] [ ci_one_fifth_last ] Your Text [ /ci_one_fifth_last ] [ ci_two_fifth ] Your Text [ /ci_two_fifth ] [ ci_two_fifth_last ] Your Text [ /ci_two_fifth_last ] [ ci_three_fifth ] Your Text [ /ci_three_fifth ] [ ci_three_fifth_last ] Your Text [ /ci_three_fifth_last ] [ ci_four_fifth ] Your Text [ /ci_four_fifth ] [ ci_four_fifth_last ] Your Text [ /ci_four_fifth_last ] [ ci_one_sixth ] Your Text [ /ci_one_sixth ] [ ci_one_sixth_last ] Your Text [ /ci_one_sixth_last ] [ ci_five_sixth ] Your Text [ /ci_five_sixth ] [ ci_five_sixth_last ] Your Text [ /ci_five_sixth_last ]Please use all shortcodes without the whitespace in the brackets!
[ci_toggle title=”Section 1″ state=”open”]In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam.[/ci_toggle][ci_toggle title=”Section 2″ state=”closed”]Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. [/ci_toggle][ci_toggle title=”Section 3″ state=”closed”]Ionec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. [/ci_toggle] [ ci_toggle title=”Section 1″ state=”open” ] TAB CONTENT 1 [ /ci_toggle ][ ci_toggle title=”Section 2″ state=”closed” ] TAB CONTENT 2 [ /ci_toggle ][ ci_toggle title=”Section 3″ state=”closed” ] TAB CONTENT 3 [ /ci_toggle ] Please use all shortcodes without the whitespace in the brackets!