Good things come in small packages, just like pop-ups.
These little windows that show up like an uncalled for guest are actually super effective in growing businesses, generating leads, and boosting conversions. Take our word for it.
So, Unlayer decided to provide its valuable customers with an embeddable pop-up builder to help you grow your email list, nurture leads, and push your customers further down the sales funnel.
But before we start discussing how Unlayer’s pop-up builder can be an absolute bliss to your business, let’s discuss what a pop-up builder is.
What Is a Pop-up Builder?
A pop-up or website pop-up is a small window that shows up on your screen when you’re interacting with a website. And a pop-up builder helps you create attractive and eye-catching pop-ups for your business’s website.
How Can Unlayer’s Pop-up Builder Benefit Your Business?
We know you might be asking yourself whether investing in Unlayer’s pop-up builder will bring in $’s?💰
Well, the answer to this question is a loud and certain YES!
Here’s how creating pop-ups with Unlayer can help your business:
👉 Increases conversions
👉 Helps in growing email or subscriber list
👉 Decreases bounce rates of your websites
👉 Enables you to promote content, events, or products more effectively
👉 Helps in collecting timely feedback
Good enough reasons to start designing your pop-ups, no? So, let’s get to the actionable part. Read below to learn how to create an outstanding pop-up with Unlayer in just a few minutes.
How to Get Started With Unlayer’s Pop-up Builder?
As we said earlier, Unlayer loves offering solutions to customers that’ll help them grow as a business. In that pursuit, we have introduced an embeddable pop-up builder to create eye-catching pop-ups in minutes.
The best part is, Unlayer pop-up builder embeds seamlessly into your applications. All you have to do is follow these simple steps:
Step 1: Go to the Unlayer website and sign up.
Step 2: Once signed up, go to Dashboard > Settings > Embed.
Step 3: Create an HTML file.
Step 4: Go back to Embed settings and add the script source to the HTML script tag.
Step 5: Add “displayMode: ‘popup’ inside the unlayer.init() function.
The editor, by default, is in web builder mode, and adding displayMode: ‘popup’ will convert it into the pop-up builder mode.
Step 6: Host the HTML file on a server, and *poof* you have the pop-up builder embedded in your website.
Step 7: Now drag and drop features like images, text, headers, etc., to design your pop-up.
Here’s a reference video that’ll help you understand the process of initializing pop-up mode.
Wait, that’s not it, continue reading to find a video on how to create an enticing pop-up with Unlayer’s awesome and easy to use features.
How to Create Captivating Pop-ups With Unlayer?
Do you know what makes our pop-up builder unbeatable? Our key features that make users' lives easier.
Unlayer’s pop-up builder offers its users the following features:
🚀 A countdown timer that can be embedded into the pop-up to instill FOMO among readers.
(Note: Timer, socials, and video are add-on features which can be purchased separately.)
🚀 Merge tags to create personalized pop-ups for users and offer a better user experience.
🚀 An option to create multiple pop-ups for the same page. Read our docs to learn how to do so.
🚀 Styling options that enable you to adjust the size, position (horizontal or vertical), and sides (round or sharp) according to your choice. You can style the pop-up even better by clicking on show more.
🚀 Custom tools to add on a feature of your choice.
🚀 Responsive designs that display perfectly on all screens, be it mobile, desktop, or tablet.
🚀 Custom blocks that help users to save designs and create content quicker.
🚀 Collaborative platform that enables you to take feedback and suggestions from different teammates.
Watch this video to learn how you can use Unlayer’s drag and drop editor to create a pop-up.
Good enough to give it a try, no?
4 Captivating Pop-up Examples to Inspire You
By now, we’re sure you would agree that Unlayer is the best choice for creating pop-ups. So let’s discuss what types of pop-ups you can create with Unlayer.
Let’s get cooking: 👩🍳
Navigational
This pop-up from LEGO is multipurpose. When a user visits LEGO’s website, this pop-up helps the visitor navigate different sections, i.e., their e-store or play zone. So the viewer can choose whatever sub-site they’d want to visit.
Email or newsletter sign-up
igourmet added a pop-up to their website to invite users into signing up for their newsletter. Their pop-up perfectly syncs with their website colors.
Just like this pop-up is tailored to fit into their website, you can customize your designed pop-ups to fit into your website using Unlayer.
Cookie alert
Trust Starbucks for being creative and informative at the same time. This pop-up on Starbucks’ website is perfect for alerting and encouraging viewers about the website's cookies.
Countdowns
Nothing instills FOMO in your audience like a countdown timer. So imagine yourself visiting a website and being greeted with a pop-up like this from Tapestry Girls. We’re sure you’d be excited to learn more about whatever the pop-up is about.
Now, aren’t these appealing?
If you feel inspired after looking at these pop-ups and want to create your own? Then sign up now and start designing your pop-up with Unlayer.
Create Pop-ups With Unlayer That Convert
Before You Go . . .
We want you to know that Unlayer aims to offer the best user experience to its customers. So, feel free to give your feedback or suggestions related to our pop-up builder in the comment box below.
And yeah, if you were struggling to collect leads through pop-ups, it’s high time you give Unlayer’s embeddable pop-up builder a shot and witness yourself how the conversion rates skyrocket like crazy.
