Decorate Pages with Shortcodes

This feature is available in Pro Edition.

Font

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend

Reference

[lp_font 
font_color=''      /** font color */
font_size=''       /** font size */
bold=0             /** 0:normal 1:bold */
color=''           /** background color */
under_color=''     /** underline color */
scroll=''          /** scroll animation */
class=''           /** class string you want to add */
][/lp_font]

[lp_font

font_color='' /** font color */

font_size='' /** font size */

bold=0 /** 0:normal 1:bold */

color='' /** background color */

under_color='' /** underline color */

scroll='' /** scroll animation */

class='' /** class string you want to add */

][/lp_font]

Button

Example

Button Button Button Button Button Button

# simple button
[lp_button color="#ff2929" scroll="slide up lp-delay-300"]Button[/lp_button]

# button with gradient color
[lp_button color="#ff2929" color_g="#d829ff" scroll="slide up lp-delay-300"]Button[/lp_button]

# button with icon
[lp_button color="#d829ff" icon="fab fa-accusoft" scroll="slide up lp-delay-300"]Button[/lp_button]

# border button
[lp_button type="border" color="#7b29ff" scroll="slide up lp-delay-300"]Button[/lp_button]

# border button with black shadow
[lp_button type="border" color="#ff41ec" drop_shadow=1 scroll="slide up lp-delay-300"]Button[/lp_button]

# round button
[lp_button type="round" color="#29a2ff" scroll="slide up lp-delay-300"]Button[/lp_button]

# simple button

[lp_button color="#ff2929" scroll="slide up lp-delay-300"]Button[/lp_button]

# button with gradient color

[lp_button color="#ff2929" color_g="#d829ff" scroll="slide up lp-delay-300"]Button[/lp_button]

# button with icon

[lp_button color="#d829ff" icon="fab fa-accusoft" scroll="slide up lp-delay-300"]Button[/lp_button]

# border button

[lp_button type="border" color="#7b29ff" scroll="slide up lp-delay-300"]Button[/lp_button]

# border button with black shadow

[lp_button type="border" color="#ff41ec" drop_shadow=1 scroll="slide up lp-delay-300"]Button[/lp_button]

# round button

[lp_button type="round" color="#29a2ff" scroll="slide up lp-delay-300"]Button[/lp_button]

Reference

[lp_button 
type='flat'        /** flat, border, round */
font_color='#fff'  /** font color */
color='#000'       /** button theme color */
color_g=''         /** secondary color for gradient background */
drop_shadow=2      /** 0:none 1:black 2:inherit color property */
icon=''            /** fontawesome icon class */
href='#'           /** url */
follow=''          /** link follow attr */
title=''           /** link title attr */
rel=''             /** link rel attr */
target='_self'     /** _self, _blank */
scroll=''          /** scroll animation */
class=''     /** class string you want to add */
][/lp_button]

[lp_button

type='flat' /** flat, border, round */

font_color='#fff' /** font color */

color='#000' /** button theme color */

color_g='' /** secondary color for gradient background */

drop_shadow=2 /** 0:none 1:black 2:inherit color property */

icon='' /** fontawesome icon class */

href='#' /** url */

follow='' /** link follow attr */

title='' /** link title attr */

rel='' /** link rel attr */

target='_self' /** _self, _blank */

scroll='' /** scroll animation */

class='' /** class string you want to add */

][/lp_button]

Label

Example

LabelLabelLabelLabelLabel
LabelLabelLabelLabelLabel

#label
[lp_labelcolor="#d829ff" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#21ea2b" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#2189ea" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#ff9a29" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#ff2929" scroll="slide up lp-delay-300"]Label[/lp_label]

#label with gradient color
[lp_labelcolor="#ff2929" color_g="#ff29bd" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#ff2996" color_g="#b729ff" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#8f29ff" color_g="#29b0ff" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#29b0ff" color_g="#29ffeb" scroll="slide up lp-delay-300"]Label[/lp_label]
[lp_labelcolor="#29ffeb" color_g="#71ff29" scroll="slide up lp-delay-300"]Label[/lp_label]

#label

[lp_labelcolor="#d829ff" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#21ea2b" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#2189ea" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#ff9a29" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#ff2929" scroll="slide up lp-delay-300"]Label[/lp_label]

#label with gradient color

[lp_labelcolor="#ff2929" color_g="#ff29bd" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#ff2996" color_g="#b729ff" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#8f29ff" color_g="#29b0ff" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#29b0ff" color_g="#29ffeb" scroll="slide up lp-delay-300"]Label[/lp_label]

[lp_labelcolor="#29ffeb" color_g="#71ff29" scroll="slide up lp-delay-300"]Label[/lp_label]

Reference

[lp_label 
color='#000'       /** button theme color */
color_g=''         /** secondary color for gradient background */
scroll=''          /** scroll animation */
extra_class=''     /** class string you want to add */
][/lp_label]

[lp_label

color='#000' /** button theme color */

color_g='' /** secondary color for gradient background */

scroll='' /** scroll animation */

extra_class='' /** class string you want to add */

][/lp_label]

Block

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Lorem ipsum dolor sit amet…

# Fill with inset drop shadow
[lp_block color="#797979" drop_shadow=3 scroll="slide up lp-delay-300"]
    Lorem ipsum dolor sit amet...
[/lp_block]

# Fill with color property
[lp_block color="#ff4b4b" drop_shadow=2 scroll="slide up lp-delay-300"]
    Lorem ipsum dolor sit amet...
[/lp_block]

# Fill with gradient color property
[lp_block color="#ff4b4b" color_g="#de31d1" drop_shadow=2 scroll="slide up lp-delay-300"]
    Lorem ipsum dolor sit amet...
[/lp_block]

# Border with drop shadow
[lp_block border_color="#000" color="#fff" font_color="#000" drop_shadow=2 scroll="slide up lp-delay-300"]
    <i class="fas fa-check"></i> Lorem ipsum dolor sit amet...
[/lp_block]

# Border with color property and bold font
[lp_block border_color="#ff4b4b" color="#fff" font_color="#f00" bold=1 drop_shadow=2 scroll="slide up lp-delay-300"]
    <i class="fas fa-question-circle"></i> Lorem ipsum dolor sit amet...
[/lp_block]

# Fill with inset drop shadow

[lp_block color="#797979" drop_shadow=3 scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet...

[/lp_block]

# Fill with color property

[lp_block color="#ff4b4b" drop_shadow=2 scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet...

[/lp_block]

# Fill with gradient color property

[lp_block color="#ff4b4b" color_g="#de31d1" drop_shadow=2 scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet...

[/lp_block]

# Border with drop shadow

[lp_block border_color="#000" color="#fff" font_color="#000" drop_shadow=2 scroll="slide up lp-delay-300"]

<i class="fas fa-check"></i> Lorem ipsum dolor sit amet...

[/lp_block]

# Border with color property and bold font

[lp_block border_color="#ff4b4b" color="#fff" font_color="#f00" bold=1 drop_shadow=2 scroll="slide up lp-delay-300"]

<i class="fas fa-question-circle"></i> Lorem ipsum dolor sit amet...

[/lp_block]

Fill with image and button

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Button Shortcode

[lp_block drop_shadow=2 scroll="slide up lp-delay-300"]
    <img src="path-to-image" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
    [lp_button type="flat" font_color="#000" color="#fff" drop_shadow=2 href="#"]Button Shortcode[/lp_button]
[/lp_block]

[lp_block drop_shadow=2 scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

[lp_button type="flat" font_color="#000" color="#fff" drop_shadow=2 href="#"]Button Shortcode[/lp_button]

[/lp_block]

Block with label

Block With Label 1

List item one
List item two
List item three
List item four

Block With Label 2

List item one
List item two
List item three
List item four

# Block With Label 1
[lp_block color="#fefff8" label_icon="fab fa-accusoft" label="Block With Label" drop_shadow=2 font_color="#636363" border_color="#f79173" scroll="slide up lp-delay-300"]
<ol class="round">
 	<li>List item one</li>
 	<li>List item two</li>
 	<li>List item three</li>
 	<li>List item four</li>
</ol>[/lp_block]

# Block With Label 2
[lp_block color="#636363" label_icon="fas fa-pencil-alt" label="Block With Label 2" drop_shadow=2 scroll="slide up lp-delay-300"]
<ul class="arrow">
 	<li>List item one</li>
 	<li>List item two</li>
 	<li>List item three</li>
 	<li>List item four</li>
</ul>[/lp_block]

# Block With Label 1

[lp_block color="#fefff8" label_icon="fab fa-accusoft" label="Block With Label" drop_shadow=2 font_color="#636363" border_color="#f79173" scroll="slide up lp-delay-300"]

<li>List item three</li>

</ol>[/lp_block]

# Block With Label 2

[lp_block color="#636363" label_icon="fas fa-pencil-alt" label="Block With Label 2" drop_shadow=2 scroll="slide up lp-delay-300"]

<li>List item three</li>

</ul>[/lp_block]

Reference

[lp_block 
border_color=''    /** border color */
font_color='#fff'  /** font color */
color='#3c3c3c'    /** theme color */
label=''           /** label */
label_icon=''      /** fontawesome icon class */
label_font_color=''/** label color */
bold=0             /** 1:bold 0:normal */
padding_large=0    /** 0:normal 1:large */
color_g=''         /** secondary color for gradient background */
drop_shadow=1      /** 0: none 1:black 2:inherit color property */
scroll=''          /** scroll animation */
class=''     /** class string you want to add */
][/lp_block]

[lp_block

border_color='' /** border color */

font_color='#fff' /** font color */

color='#3c3c3c' /** theme color */

label='' /** label */

label_icon='' /** fontawesome icon class */

label_font_color=''/** label color */

bold=0 /** 1:bold 0:normal */

padding_large=0 /** 0:normal 1:large */

color_g='' /** secondary color for gradient background */

drop_shadow=1 /** 0: none 1:black 2:inherit color property */

scroll='' /** scroll animation */

class='' /** class string you want to add */

][/lp_block]

Speech Bubble

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Reference

[lp_speech 
bold=0             /** 0:normal 1:bold */
color=''           /** background color */
scroll=''          /** scroll animation */
padding_large=0    /** 0:normal 1:large */
scroll=''          /** scroll animation */
class=''           /** class string you want to add */
]
[lp_sp_obj]<img />/** your image tag here */[/lp_sp_obj]
[lp_sp_bubble]/** your speech bubble content here */[/lp_sp_bubble]	
[/lp_speech]

[lp_speech

bold=0 /** 0:normal 1:bold */

color='' /** background color */

scroll='' /** scroll animation */

padding_large=0 /** 0:normal 1:large */

scroll='' /** scroll animation */

class='' /** class string you want to add */

]

[lp_sp_obj]<img />/** your image tag here */[/lp_sp_obj]

[lp_sp_bubble]/** your speech bubble content here */[/lp_sp_bubble]

[/lp_speech]

Drawer

Example

Simple Drawer: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 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,

Contents with image: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel

Drawer include shortcodes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Button Shortcode

# Simple Drawer
[lp_drawer title="Simple Drawer"]Lorem...[/lp_drawer]

# Contents with image
[lp_drawer title="Contents with image" icon_color="#000" scroll="slide up lp-delay-300"]
    <img src="path-to-image" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
[/lp_drawer]

# Drawer include shortcodes
[lp_drawer title="Drawer include shortcodes" scroll="slide up lp-delay-300"]
    <img src="path-to-image" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
    [lp_button type="flat" drop_shadow=2 href="#"]Button Shortcode[/lp_button]
[/lp_drawer]

# Simple Drawer

[lp_drawer title="Simple Drawer"]Lorem...[/lp_drawer]

# Contents with image

[lp_drawer title="Contents with image" icon_color="#000" scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

[/lp_drawer]

# Drawer include shortcodes

[lp_drawer title="Drawer include shortcodes" scroll="slide up lp-delay-300"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

[lp_button type="flat" drop_shadow=2 href="#"]Button Shortcode[/lp_button]

[/lp_drawer]

Reference

[lp_drawer 
title='Please set the title.'  /** drawer title */
icon_color=''                  /** icon color */
scroll=''                      /** scroll animation */
class=''                 /** class string you want to add */
][/lp_drawer]

[lp_drawer

title='Please set the title.' /** drawer title */

icon_color='' /** icon color */

scroll='' /** scroll animation */

class='' /** class string you want to add */

][/lp_drawer]

Testimonial

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Jon Doe
SEO, Example.com

Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Author Name
Photograher
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Author Name
Developer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Jon Doe
SEO, Example.com
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Jon Doe
SEO, Example.com
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Jon Doe
SEO, Example.com

# Normal
[lp_testimonial scroll='slide up lp-delay-300']
[lp_ts_child author='Jon Doe' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]
[lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/woman_1.jpg' author_description='Photograher']Lorem ipsum dolor sit amet, consectetuer adipiscing elit[/lp_ts_child]
[lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_1.jpg' author_description='Developer']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]
[/lp_testimonial]

# Colorful
[lp_testimonial scroll='slide up lp-delay-300']
[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(205, 43, 222, 0.71)' drop_shadow=2 color_g='rgba(128, 43, 222, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]
[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 183, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 93, 43, 0.71)' author_description='SEO, Example.com' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]
[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 43, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 43, 200, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]
[/lp_testimonial]

# Normal

[lp_testimonial scroll='slide up lp-delay-300']

[lp_ts_child author='Jon Doe' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]

[lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/woman_1.jpg' author_description='Photograher']Lorem ipsum dolor sit amet, consectetuer adipiscing elit[/lp_ts_child]

[lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_1.jpg' author_description='Developer']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]

[/lp_testimonial]

# Colorful

[lp_testimonial scroll='slide up lp-delay-300']

[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(205, 43, 222, 0.71)' drop_shadow=2 color_g='rgba(128, 43, 222, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]

[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 183, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 93, 43, 0.71)' author_description='SEO, Example.com' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]

[lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 43, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 43, 200, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child]

[/lp_testimonial]

Reference

[lp_testimonial
scroll=''                      /** scroll animation */
]
[lp_ts_child
color=''                       /** background color */
color_g=''                     /** color for gradient background */
font_color=''                  /** font color */
icon_color='rgba(0,0,0,.1)'    /** icon color */
drop_shadow=2                  /** 0:none 1:black 2:inherit color property */
author=''                      /** author name */
author_description=''          /** description about author */
thumbnail=''                   /** author thumbnail url */
]child contents 1[/lp_ts_child]
[/lp_testimonial]

[lp_testimonial

scroll='' /** scroll animation */

]

[lp_ts_child

color='' /** background color */

color_g='' /** color for gradient background */

font_color='' /** font color */

icon_color='rgba(0,0,0,.1)' /** icon color */

drop_shadow=2 /** 0:none 1:black 2:inherit color property */

author='' /** author name */

author_description='' /** description about author */

thumbnail='' /** author thumbnail url */

]child contents 1[/lp_ts_child]

[/lp_testimonial]

Font

Example

Reference

Button

Example

Reference

Label

Example

Reference

Block

Example

Fill with image and button

Block with label

Reference

Speech Bubble

Example

Reference

Drawer

Example

Reference

Testimonial

Example

Jon Doe

Author Name

Author Name

Jon Doe

Jon Doe

Jon Doe

Reference

Latest Posts