- Details
Try to leave this page to display the popup!
A popup before leaving a site is a type of message that appears on a website when a user tries to leave the site. The message is designed to capture the user's attention and encourage them to stay on the site or take a specific action before leaving.
The popup can be triggered by a variety of actions, such as clicking on the back button or closing the browser window. The message may include a call to action, such as signing up for a newsletter or completing a survey, or simply a message thanking the user for visiting the site and encouraging them to return.
While popups before leaving a site can be effective in retaining users and increasing engagement, they can also be annoying and disruptive if overused or poorly implemented. It is important to strike a balance between providing useful information and respecting the user's experience on the site.
Get the codes[~exit_popup border="5px solid #232222" radius="10px" shadow="4px 4px 5px #000000" always_visible="yes" padding="10px"]Message of the exit popup here[/exit_popup]
| Shortcode | Attributes | Example code |
|---|---|---|
| Exit Popup This widget displays a conditional popup when visitors leave the website |
Background -
background Possible values: #RGB and rgba() colors Default value: #ffffff Color -
color Possible values: #RGB and rgba() colors Default value: #444444 Border -
border Possible values: CSS supported border! Default value: 0 solid #CCCCCC Border radius -
radius Possible values: Any Custom Value Default value: 0 Shadow -
shadow Possible values: CSS supporte shadow! Default value: 0 0 0 #000000 Height -
height Possible values: Any Custom Value Default value: 300px Width -
width Possible values: Any Custom Value Default value: 590px Overlay background -
overlay_background Possible values: #RGB and rgba() colors Default value: rgba(0,0,0,0.75) Expiration days -
expiration_day Possible values: Any Custom Value Default value: 7 Always visible -
always_visible Possible values: yes, no Default value: no Auto -
auto Possible values: yes, no Default value: no Cycle -
cycle Possible values: Any Custom Value Default value: 0 Padding -
padding Possible values: Any Custom Value Class -
class Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Enter the content here |
[~exit_popup background="#ffffff" color="#444444" border="1px solid #CCCCCC" radius="0" shadow="0px 1px 2px #eee" height="300px" width="590px" overlay_background="rgba(0,0,0,0.75)" expiration_day="7" always_visible="no" auto="no" cycle="0" padding="" class=""]Enter the content here[/exit_popup]
|
- Details
Get the codes[~counter counter_speed="10" separator="yes" count_size="64px" text_size="24px" padding="25px" border="3px solid #DDDDDD"]This is a counter[/counter]
Get the codes[~counter count_end="2000" counter_speed="30" separator="yes" icon="icon: hourglass-start" count_size="64px" text_size="24px" padding="25px" border="3px solid #DDDDDD"]Limited offer for this time[/counter]
Get the codes[~counter count_end="100" counter_speed="600" separator="yes" icon="icon:tachometer" icon_color="#ffffff" count_color="#ffffff" count_size="64px" text_color="#ffffff" text_size="24px" background="#000000" padding="25px"]Limited offer for this time[/counter]
| Shortcode | Attributes | Example code |
|---|---|---|
| Counter This widget displays a counter from a starting number to an ending number with a given speed |
Count start -
count_start Possible values: 0 - 9999999 Default value: 0 Count End -
count_end Possible values: 1 - 9999999 Default value: 5000 Counter speed -
counter_speed Possible values: 1 - 100 Default value: 5 Separator -
separator Possible values: yes, no Default value: no Prefix text -
prefix Possible values: Any Custom Value Suffix Text -
suffix Possible values: Any Custom Value Alignment -
align Possible values: Top, Left, Right, Default value: Top Icon -
icon Possible values: icon: music, icon: envelope full list Icon color -
icon_color Possible values: #RGB and rgba() colors Default value: #444 Counter number color -
count_color Possible values: #RGB and rgba() colors Default value: #444444 Number size -
count_size Possible values: Any Custom Value Default value: 32px Text Color -
text_color Possible values: #RGB and rgba() colors Default value: #666666 Text size -
text_size Possible values: Any Custom Value Default value: 14px Background -
background Possible values: #RGB and rgba() colors Default value: #FFFFFF Padding -
padding Possible values: Any Custom Value Default value: 20px Border -
border Possible values: CSS supported border! Default value: 0px solid #DDDDDD Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: counter content |
[~counter count_start="0" count_end="5000" counter_speed="5" separator="no" prefix="" suffix="" align="top" icon="" icon_color="#444" count_color="#444444" count_size="32px" text_color="#666666" text_size="14px" background="#FFFFFF" padding="20px" border="1px solid #DDDDDD" class="" scroll_reveal=""]counter content[/counter]
|
- Details
Get the codes[~countdown count_date="2022-05-01 14:15:00" align="center" count_size="30" count_color="#ffffff" background="#2c5497" text_color="#ffffff" text_size="16" padding="5px" margin="10px" radius="10px" divider="dot" divider_color="#ffffff"]This offer has expired![/countdown]
Get the codes[~countdown count_date="2023-10-01 14:15:00" align="center" count_size="40" count_color="#ffffff" background="#2c5497" text_color="#ffffff" text_size="16" padding="5px" margin="10px" radius="10px" divider="colon" divider_color="#ffffff"]This offer has expired![/countdown]
Get the codes[~countdown count_date="2024-05-01 14:15:00" align="center" count_size="30" count_color="#000000" background="#ffffff" text_color="#000000" text_align="bottom" text_size="16" padding="5px" margin="10px" radius="10px" divider="dot" divider_color="#000000"]This offer has expired![/countdown]
Get the codes[~countdown count_date="2024-05-01 14:15:00" align="center" count_size="48" count_color="#ffffff" background="#f69a00" text_color="#ffffff" text_align="bottom" text_size="32" padding="25px" margin="10px" radius="10px" divider="colon" divider_color="#ffffff"]This offer has expired![/countdown]
| Shortcode | Attributes | Example code |
|---|---|---|
| Countdown This widget displays a countdown into a page |
Countdown date -
count_date Possible values: Any Custom Value Default value: 2026-05-01 14:15:00 Countdown alignment -
align Possible values: Left, Right, Center, Default value: Left Countdown size -
count_size Possible values: 8 - 128 Default value: 32 Countdown color -
count_color Possible values: #RGB and rgba() colors Default value: #666666 Background color -
background Possible values: #RGB and rgba() colors Default value: #FFFFFF Countdown text color -
text_color Possible values: #RGB and rgba() colors Default value: #999999 Text align -
text_align Possible values: Default, Bottom, Default value: Default Countdown text size -
text_size Possible values: 8 - 72 Default value: 14 Padding -
padding Possible values: Any Custom Value Default value: 0 Margin -
margin Possible values: Any Custom Value Default value: 0 Border radius -
radius Possible values: Any Custom Value Default value: 0px Countdown separator -
divider Possible values: None, Spacer, Dot, Comma, Colon, Vertical Line, Horizontal Line, Default value: None Separator color -
divider_color Possible values: #RGB and rgba() colors Default value: #646464 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: This offer has expired! |
[~countdown count_date="2026-05-01 14:15:00" align="left" count_size="32" count_color="#666666" background="#FFFFFF" text_color="#999999" text_align="right" text_size="14" padding="0" margin="0" radius="0px" divider="none" divider_color="#646464" class="" scroll_reveal=""]This offer has expired![/countdown]
|
- Details
Get the codes[~blockquote font="1" cite="John Smith" url="https://storejextensions.org/" pull="yes"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum. Sapiente, culpa fugit sit est laboriosam odit.[/blockquote]
Get the codes[~blockquote font="1" cite="John Smith" url="https://storejextensions.org/" pull="yes"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum. Sapiente, culpa fugit sit est laboriosam odit.[/blockquote]
Get the codes[~blockquote font="1" cite="John Smith" url="https://storejextensions.org/" pull="yes"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum. Sapiente, culpa fugit sit est laboriosam odit.[/blockquote]
| Shortcode | Attributes | Example code |
|---|---|---|
| Blockquote This widget generates a blockquote |
Font style -
font Possible values: Default, Style 1, Style 2, Style 3, Default value: Default Author of the quote -
cite Possible values: Any Custom Value URL -
url Possible values: Any Custom Value Alignment -
align Possible values: Default, Left, Right, Default value: Default Pullquote -
pull Possible values: yes, no Default value: no Italic -
italic Possible values: yes, no Default value: no Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum. Sapiente, culpa fugit sit est laboriosam odit. |
[~blockquote font="default" cite="" url="" align="default" pull="no" italic="no" class="" scroll_reveal=""]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum. Sapiente, culpa fugit sit est laboriosam odit.[/blockquote]
|
Get the codes[~accordion][~spoiler title="Accordion 1" open="yes"]Content of the accordion[/spoiler] [~spoiler title="Accordion 2"]Content of the accordion[/spoiler] [~spoiler title="Accordion 3"]Content of the accordion[/spoiler][/accordion]
Get the codes[~accordion][~spoiler style="fabric"]Content of the accordion[/spoiler] [~spoiler style="fabric"]Content of the accordion[/spoiler] [~spoiler style="fabric"]Content of the accordion[/spoiler][/accordion]
Get the codes[~accordion][~spoiler style="5"]Content of the accordion[/spoiler] [~spoiler style="5"]Content of the accordion[/spoiler] [~spoiler style="5"]Content of the accordion[/spoiler][/accordion]
Get the codes[~accordion][~spoiler style="modern-light"]Content of the accordion[/spoiler][~spoiler style="modern-light"]Content of the accordion[/spoiler] [~spoiler style="modern-light"]Content of the accordion[/spoiler][/accordion]
Get the codes[~accordion][~spoiler style="modern-orange" icon="chevron" title="Spoiler Title"]Content of the accordion[/spoiler][~spoiler style="modern-orange" icon="chevron"]Content of the accordion[/spoiler] [~spoiler style="modern-orange" icon="chevron"]Content of the accordion[/spoiler][/accordion]
| Shortcode | Attributes | Example code |
|---|---|---|
| Accordion This widget displays an accordion for contents |
Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: [~spoiler]Content[/spoiler] [~spoiler]Content[/spoiler] [~spoiler]Content[/spoiler] |
|
- Details