Automatic Newsletter Lightbox Sign-Up Pop-Up is an important feature that can help you to build a good relationship between you and visitors. Using this, you can increase your sales, hook your customers, build a solid customer base, and also can collect emails for marketing.
If you already know how to add a lightbox, this will be a very easy tutorial for you. If not, don’t worry, this tutorial is detailed enough for beginners. Lightbox is a pop-up window that can display any text or image in front of the current page. It also darkens the page so that visitors can focus on the pop-up. There is also different kind of popup plugin in WordPress that can help you to attract your visitors but in this article, you will know all about newsletter popup.
In this tutorial, we’ll create an automatic newsletter sign-up pop-up which is a Lightbox. It’ll help us to get customers engaged with our site. This is a 12-step only tutorial with everything you need.
How To Create Automatic Newsletter Lightbox Sign Up Popup In Flatsome Theme
Step 1: Go to the documentation of UXThemes, scroll down, and find the code captioned “Auto open lightbox.” Then copy the whole code of that section.
Step 3: Here you can create a new block. Firstly, type the name of your block. For demonstration, we’re typing Automatic Pop Up Newsletter. You can choose any name you want. Then, in the body section, paste the code you’ve copied in the first step. After that, click on the Publish button.
Step 4: After publishing, you’ll find a Shortcode section on the right bottom of the page, copy the whole code from there.
Step 5: Hover the pointer on Flatsome, then again hover on the Advanced section, then click on the Global Settings
Step 6: A new page of Global Settings will appear. You’ll find a section of Footer Script, paste the shortcode you’ve copied.
Step 7: Go to the Dashboard again, then hover the pointer on the Contact and click on the first option, Contact Forms.
Step 8: A new page will appear. You’ll find some forms, and shortcodes there. To use a horizontal Newsletter, copy the shortcode of it.
Step 9: Hover the pointer on UX Blocks, then click on the UX Blocks to see all the blocks.
Step 10: Find the Automatic Pop Up Newsletter, and click on the Edit under the title of it.
Step 11: You can customize some of the content of your Automatic Pop-Up Newsletter. Such as the image, header, and other text items. We’re adding a different image and text for demonstration.
Step 12: Then, we need to paste the shortcode we copied earlier.
This is the easiest tutorial to create an automatic newsletter lightbox sign-up popup in Flatsome. It’ll take around 15 mins to implement such it in your Flatsome theme-powered website.
If you’re facing trouble following this tutorial, take time and start again from scratch. You can surely do it. After applying this to your site, you can do a lot of things following Flatsome tutorials.