Difference between revisions of "Shortcodes"

From WikiName
Jump to: navigation, search
 
(3 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
'''Buttons Example'''
 
'''Buttons Example'''
 
[[File:Various Buttons Shortcodes.png|center]]
 
[[File:Various Buttons Shortcodes.png|center]]
 +
 
''' How it Appears '''
 
''' How it Appears '''
 
[[File:Various Buttons Shortcodes 1.png|center]]
 
[[File:Various Buttons Shortcodes 1.png|center]]
 
*Various icons available under Buttons Shortcode
 
*Various icons available under Buttons Shortcode
 
[[File:Shortcode Icon.png|center]]
 
[[File:Shortcode Icon.png|center]]
 +
  
 
==== Icon Link ====
 
==== Icon Link ====
 
'''Example'''                                               
 
'''Example'''                                               
 
[[File:Shortcode Link.png|center]]
 
[[File:Shortcode Link.png|center]]
 +
 
'''How it Appears'''
 
'''How it Appears'''
 
[[File:Shortcode Link 2.png|center]]
 
[[File:Shortcode Link 2.png|center]]
 +
  
 
==== Info Box ====
 
==== Info Box ====
Line 23: Line 27:
 
[[File:Shortcode info box.png|center]]
 
[[File:Shortcode info box.png|center]]
  
[[File:Different Info Box Available.png|left]]
+
[[File:Different Info Box Available.png|center]]
[[File:Size Variation.png|left]]
+
[[File:Size Variation.png|center]]
[[File:Color Variation.png|left]]
+
[[File:Color Variation.png|center]]
[[File:Various Icons Shortcodes.png|left]]
+
[[File:Various Icons Shortcodes.png|center]]
[[File:Various Icons Shortcodes 2.png|left]]
+
[[File:Various Icons Shortcodes 2.png|center]]
 +
 
 +
 
 +
==== Typography ====
 +
 
 +
[[File:Shortcode_Typography.png|center]]
 +
 
 +
''' How it Appears '''
 +
[[File:Shortcode_Typography 2.png|center]]
 +
 
 +
 
 +
==== Typography ====
 +
 
 +
[[File:Shortcode_Typography.png|center]]
 +
 
 +
''' How it Appears '''
 +
[[File:Shortcode_Typography 2.png|center]]
 +
 
 +
 
 +
==== Content Toggle ====
 +
 
 +
[[File:Shortcode_Toggle.png|center]]
 +
[[File:Shortcode_Toggle_2.png|center]]
 +
 
 +
''' How it Appears '''
 +
[[File:Shortcode_Toggle_3.png|center]]
 +
 
 +
[[File:Shortcode_Toggle_4.png|center]]
 +
 
 +
 
 +
==== Contact Form ====
 +
 
 +
[[File:Shortcode Contact Form 2.png|center]]
 +
 
 +
''' How it Appears '''
 +
[[File:Shortcode Contact Form.png|center]]

Latest revision as of 23:42, 3 December 2014

Shortcodes

Swift comes bundled with various shortcodes. These shortcodes add visual appeal to your pages and content. Shortcode buttons are very stylishly designed to help you increase your conversion rates.You don’t have to remember these shortcodes, they can be easily added to your posts and pages by clicking the shortcode button on the editor.

Shortcode 1.png

Different Shortcodes

Buttons

Buttons Example

Various Buttons Shortcodes.png

How it Appears

Various Buttons Shortcodes 1.png
  • Various icons available under Buttons Shortcode
Shortcode Icon.png


Icon Link

Example

Shortcode Link.png

How it Appears

Shortcode Link 2.png


Info Box

Different info boxes available

Shortcode info box.png
Different Info Box Available.png
Size Variation.png
Color Variation.png
Various Icons Shortcodes.png
Various Icons Shortcodes 2.png


Typography

Shortcode Typography.png

How it Appears

Shortcode Typography 2.png


Typography

Shortcode Typography.png

How it Appears

Shortcode Typography 2.png


Content Toggle

Shortcode Toggle.png
Shortcode Toggle 2.png

How it Appears

Shortcode Toggle 3.png
Shortcode Toggle 4.png


Contact Form

Shortcode Contact Form 2.png

How it Appears

Shortcode Contact Form.png