Pop any Article
Example 1 - Simple Text to Article Popup
Shortcode
{popart text="Click Here" article="285" popwidth="800px" popheight="500px"}{/popart}
Example 2 - Text Button to Article Popup
You can set 8 different predefined button colors. You can add your own button color by adding Extra CSS to the plugin parameters.
Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 Button 7 Button 8
Shortcode
{popart class="ibtn ibtn-yellow" text="Button 1" article="284" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-red" text="Button 2" article="283" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" text="Button 3" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-orange" text="Button 4" article="283" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-blue" text="Button 5" article="284" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-grey" text="Button 6" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-violet" text="Button 7" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-dark-blue" text="Button 8" article="285" popwidth="800px" popheight="300px"}{/popart}
Example 3 - Text Button with Icons to Article Popup
You can set Font Awesome icons to the buttons from a list of 500+ icons. You can add your own button color by adding Extra CSS to the plugin parameters.
Button with Icon 1 Button with Icon 2 Button with Icon 3
Shortcode
{popart class="ibtn ibtn-red" icon="fa-plus" text="Button with Icon 1" article="285" popwidth="700px" popheight="300px"}{/popart} {popart class="ibtn ibtn-yellow" icon="fa-comment" text="Button with Icon 2" article="284" popwidth="600px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" icon="fa-map-marker" text="Button with Icon 3" article="283" popwidth="500px" popheight="300px"}{/popart}
Example 4 - Button with Icons to Article Popup
This example has font awesome icon with no text defined. You can choose any font awesome icon.
Shortcode
{popart class="ibtn ibtn-blue" icon="fa-facebook" article="285" popwidth="1100px" popheight="300px"}{/popart} {popart class="ibtn ibtn-red" icon="fa-home" article="285" popwidth="1000px" popheight="300px"}{/popart} {popart class="ibtn ibtn-grey" icon="fa-cog" article="285" popwidth="900px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" icon="fa-pencil" article="285" popwidth="900px" popheight="300px"}{/popart}
Example 5 - Icons to Article Popup
This is a simple font awesome icon with no text or class defined. You can choose any font awesome icon.
Shortcode
{popart icon="fa-search" article="285" popwidth="1100px" popheight="300px"}{/popart}