Get access to Flatsome shortcode. Sign up for free
In this quick Flatsome video tutorial I’ll show you how to create a popup that can will automatically show up after a few seconds or be triggered with a button or link. You can use my pre-made UX Shortcode below to create a promotional newsletter popup design.
Lightbox Shortcode
[lightbox id="test" width="500px" padding="0px" auto_open="true" auto_timer="3000" auto_show="once"]Add lightbox content here..[/lightbox]
UX Shortcode (Popup design)
[ux_image_box style="overlay" img="https://templates.sebdelaweb.com/mooi/wp-content/uploads/sites/6/2021/03/jason-wang-NxAwryAbtIw-unsplash.jpeg" image_height="56.25%" image_overlay="rgba(0, 0, 0, 0.529)" link="/programs/12-week-workout-program/" text_pos="middle" text_padding="15px 20px 15px 20px"] [ux_text class="uppercase"]Get 10% discount
[/ux_text] [ux_text class="brown"]Join our mailinglist and get your free coupon code.
[/ux_text] [/ux_image_box] [row padding="30px 30px 0px 30px"] [col span__sm="12" align="center"] Place you favorite form plugin shortcode here... [/col] [/row]
More popular tutorials
Discover more articles and tutorials to help you build better.
Optimising your Product Category Page for WooCommerce
Manage Product Highlights in Flatsome Theme
Creating Responsive Image Blocks with Text in Flatsome Theme
Black Friday ⚡ Limited offer 50%-Off
Look better. Sell Better. With our designs.
Beautifully designed and easy customizable Flatsome demos for your WooCommerce shop. Invest in your online future.