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

Conclusion

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

How to Reset Your Apple ID Password: 5 Simple Ways

Forgetting your Apple ID means getting locked out of your Apple devices and services like Apple Music, iCloud, App Store, and more. But don't panic if you…

The Ultimate Guide to Cleaning Your Smartphone

We use our smartphones every day, so it's no surprise that dirt and debris can quickly build up on our screens, cameras, or connection ports. If your…

7 Ways You Can Help Your Fitbit Last Longer

Unlike many pieces of technology, fitness trackers such as the ones from Fitbit are often built to be durable. However, you still have to make a conscious…

The Best AIO Coolers to Keep Your PC Cool in 2024

All-in-one (AIO) coolers let you add new features to your home or work PCs while still preventing them from overheating or fan damage. AIOs are highly efficient…

How to Use FaceTime on Android

Although FaceTime is exclusive to Apple devices, you can still participate in FaceTime calls as an Android user if an Apple user invites you. Below, we'll teach…

The Best Wi-Fi Cards for Your PC in 2024

A Wi-Fi card is a cost-effective way to add or upgrade wireless connectivity on your desktop PC. These PCIe adapters offer varying performance and features based on…