How To Create Automatic Flatsome Lightbox For Sign Up & Newsletter Popups

When it comes to build an email list, every marketer knows how incredible an effective email popups and newsletter popups are. Over time, people have called email popups with many different names such as “email subscription popups and “newsletter popups.” They all mean the same thing. Popups are a good marketing tool. It can be impressively high converting. They are able to grow your email list, increase subscriptions, collect user feedback, and many more. Millions of websites use popups to collect emails. Lightbox popups are one of the most effective ways to capture emails. But you need good-looking and eye-catching newsletter pop-ups. Automatic Flatsome lightbox sign-up pop-up for newsletter is an important feature that can help you to build a good relationship between you and visitors. it allows you to reach signed-up customers anytime by sending emails. Consequently, you can increase sales, hook customers, and build a solid customer base efficiently.  If you already know how to add a lightbox in Flatsome theme, this will be a very easy tutorial for you. If not, don’t worry, this tutorial is detailed enough for beginners. Flatsome 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 visitors, but in this article, you will learn to implement the build feature of Flatsome lightbox to set up 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 Flatsome Lightbox For Sign-Up & Newsletter Popups

Step 1: To create the Flatsome lightbox, go to the documentation of UXThemes, scroll down, and find the code captioned “Auto open lightbox.” Then copy the whole code of that section. documentation of Flatsome themeStep 2: Go to your WordPress Dashboard, and hover the pointer on UX Blocks. Three options will come out from that section, click on the Add New. adding ux blocks 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, paste the code you’ve copied in the first step in the body section. After that, click on the Publish button.  pasting the code from uxtheme documentation Step 4: After publishing, you’ll find a Shortcode section on the bottom right of the page, copy the whole code from there.  copying the shortcode Step 5: Hover the pointer on Flatsome, then again hover on the Advanced section, then click on the Global Settings global setting of Flatsome theme Step 6: A new page of Global Settings will appear. You’ll find a section of Footer Script, paste the shortcode you’ve copied.  pasting shortcode in footer script Step 7: Go to the Dashboard again, hover the contact pointer and click on the first option, Contact Forms contact form 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.  newsletter horizontal Step 9: Hover the pointer on UX Blocks, then click on the UX Blocks to see all the blocks.  ux block list Step 10: Find the Automatic Pop-Up Newsletter, and click on the Edit under the title of it.  Editing automatic popup newsletter 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.  image and text code adding for automatic newsletter popup Step 12: Then, we need to paste the shortcode we copied earlier.  updating automatic newsletter popup Final Preview How To Create Automatic Newsletter Lightbox Sign Up Popup In Flatsome Theme


This is the easiest tutorial to create Flatsome lightbox newsletter sign-up popup. It’ll take around 15 mins to implement it in your Flatsome theme-powered website.  If you’re having trouble following this tutorial, 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


Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

12 Best User Management Plugin in WordPress 2023

The user management plugin in WordPress makes it easier for site owners to control everyone who interacts with their blog or website. With an effective user management…

16+ Best Google Adsense-Optimized WordPress Themes

An AdSense-optimized WordPress theme is a theme made to run advertisements straightforwardly. A simple listing can contain pre-defined ad places. The clean design can also help improve…

How to Add Call to Action- CTA Button WordPress

Call to Action or CTA Button WordPress is one of the oldest marketing strategies for selling any product. You can use this method to provoke your customers…

Best 10 WordPress Translation Plugin 2023

WordPress comes in multiple languages at its core but doesn’t provide a translation process or multilingual options to run a website in multiple languages at once. That…

11+ Best Car Rental WordPress Themes 2023

A website adds many positive effects to the business, especially if you have a car rental or related business. Choosing a car rental WordPress theme to make…

How To Make Money From Google AdSense for WordPress

Do you have a WordPress-powered website and looking for an opportunity to earn money using it? If yes, you’ve come to the right place. In this article,…