Create a Newsletter Popup in Breakdance Builder

Published by Justin on August 17, 2022
Last Updated: August 19, 2022 | Reading Time: 4 minutes

Creating a website popup is an essential part of any email marketing strategy as they can help you convert your website visitors into subscribers. Popups can be effective in getting people to sign up for your newsletter, and they can be especially useful if you offer a discount or incentive for subscribing.

Benefits of Website Popups

1. They’re highly effective in getting people to sign up for your newsletter

2. They can be used to offer a discount or incentive for subscribing

3. Popups can be customized to match the look and feel of your website

4. You can use popups to collect leads even if you don’t have a newsletter

In this tutorial, we’re going to show you how to create a newsletter subscribe popup in Breakdance Builder. We’ll also provide some tips on designing an effective popup and give you some ideas for what to offer as an incentive for subscribing.

Creating a Popup in Breakdance Builder

The first thing you need to do is log in to your WordPress administration panel and go to your Breakdance settings. In settings, go to the “Popups” tab. From here, you'll be creating a new popup. For this tutorial, we’re going to assume that you’re starting from scratch and creating a new popup. The first thing you need to do is give your popup a title. There are a few settings you can customize on this page:

add a popup in breakdance builder

Title: This is the title of your popup. The name is just for internal use, so feel free to name it something like “Newsletter Popup”.

Location: This is where your popup will be displayed on your website. You can choose to display it on all pages, specific pages, or posts. For this tutorial, we’re going to choose “All Pages”.

Conditions: You could filter to only show you popup to specific visitors based on certain conditions. For example, you could choose to only show the popup to visitors who are not logged in, or who haven’t subscribed to your newsletter yet. For this tutorial, we’re going to leave this setting blank.

Popup Opens When: This setting is the trigger that will cause your popup to appear. You can choose from a few different options:

On Page Load: Your popup will appear as soon as the page loads.

After Inactivity: Your popup will appear after a certain period of inactivity. For example, you could choose to have the popup appear after 30 seconds of inactivity.

Exit Intent: Your popup will appear when the visitor moves their mouse to leave the page.

Click Trigger: Your popup will appear when the visitor clicks on a specific element ID on your page, like a button or link.

For this tutorial, we’re going to choose “After Inactivity” and set it to 5 seconds (we'd recommend a higher number for a production website).

Limit how often this popup shows: You don't want to annoy your website visitors with too many popups, so you can use this setting to limit how often a popup is shown to a visitor. For example, you could choose to only show the popup a specific number of times per page load, session, or a total number forever.

Do not show this popup if any other popup has already been shown: If you have more than one popup, you might not want to show more than one popup to the same visitor. You can use this setting to make sure that only one popup is shown per visit.

Now that you’ve configured the general settings for your popup, it’s time to start designing it! Save your settings and edit the popup in the builder. Add a popup element to your page, as well as a form builder. You can now customize the fields and design of your popup and form.

popup element in breakdance visual builder
form builder fields in Breakdance Builder

As you’re designing your popup, keep these tips in mind:

  • Make sure your popup is visible and eye-catching. You want it to stand out from the rest of your page so that visitors will notice it.
  • Your headline should be short and to the point. It should be clear what the purpose of your popup is.
  • Your incentive should be something that your target audience will find valuable. If you’re not sure what to offer, consider a discount or a freebie.
  • Make sure your form is short and easy to fill out. The fewer fields there are, the more likely visitors will be to subscribe.

Your form can be connected to popular email marketing platforms like MailChimp. This will allow you to automatically add subscribers to your email list.

Once you’re happy with your popup, save your changes and preview your popup to make sure it looks and works the way you want it to. If everything looks good, go ahead and publish your popup!

Creating a popup to store emails can help increase subscribers to a newsletter. It is important to make sure that the popup is visible and eye-catching, as well as have a short and easy to fill out form. Through proper customization, a newsletter subscribe popup can be a great asset to have on a website. Now that your popup is published, sit back and watch the subscribers pour in!

Written by Justin
Justin is the founder of Gold Penguin, a web design and marketing agency that helps businesses achieve their online goals. Justin has a passion for web design and marketing, and he loves working with clients to help them grow their businesses.


Notify of

Inline Feedbacks
View all comments
Made with 💛 by Gold Penguin © 2022