December 7, 2023

Trigger a Breakdance Popup on Page Scroll Up

Play Video

Creating interactive elements on a website can significantly enhance user engagement. One such element is a Breakdance popup on page scroll up. This tutorial will guide you through setting up a popup on page scroll up, adding a dynamic layer to your website’s interactivity.


Please make sure you have the following installed and activated:

The Utility of Popups on Page Scroll and Real-Life Applications

Popups triggered on page scroll can be a strategic tool for website owners, enhancing user engagement and achieving specific objectives. Let’s explore why they are beneficial, supported by real-life examples:

  1. Promoting Special Offers
    Imagine a retail website where a user browses but doesn’t seem committed to purchasing. As they scroll back up, possibly indicating they might leave, a popup appears offering a discount or special deal. This tactic, used effectively by e-commerce sites like Amazon, can incentivize hesitant shoppers to complete their purchases.
  2. Gathering Feedback
    Websites often seek feedback to improve user experience. For example, a blog or a news site like The New York Times might use a scroll-up popup to ask readers to rate their content or suggest improvements. This popup activates when readers scroll back up, possibly after finishing an article, ensuring the feedback is relevant and timely.
  3. Increasing Newsletter Subscriptions
    A common strategy for blogs and informational sites, like HubSpot, is to use scroll-up popups to invite readers to subscribe to newsletters. These popups can be timed to appear when users are likely finishing an article, leveraging their engagement to encourage subscriptions.
  4. Exit-Intent Engagement
    For service-based platforms like SaaS websites, scroll-up popups can serve as a last effort to engage with users showing exit intent. Offering a free trial or demo, as seen on platforms like Salesforce, can effectively retain users who are about to leave the site.
  5. Social Media Engagement
    Media and entertainment websites, like BuzzFeed, often use scroll-up popups to encourage users to follow them on social media platforms. This strategy is employed especially when users are scrolling back up after engaging with content, capitalizing on their current interests.

Show a Breakdance Popup on Page Scroll Up – Instructions

  1. Navigate to Breakdance > Popups and click on ‘Add Popup’.
    Navigate to Breakdance > Popups and click on 'Add Popup'.
  2. Set the popup settings:
    1. Name your popup, for instance, “Scroll Up Popup Demo”.
    2. Set the location to ‘Everywhere’.
    3. Under ‘Popup Opens When’, set the trigger on ‘Page Scroll Up’.
      Set popup settings
  3. Edit your popup with Breakdance and design it by adding elements, or paste a pre-designed popup.
    Edit your popup with Breakdance and Design your popup, or paste a pre-designed layout
  4. Save your changes and exit to the front end.
    Save your changes, exit to the front end
  5. Test the popup by visiting your homepage, scrolling down, and then up to see the popup in action.

Official Documentation

Breakdance Popup on Page Scroll Up – Conclusion

Creating a popup that activates on page scroll up using Breakdance Builder is a straightforward process that can significantly improve user engagement on your website. This tutorial walked you through each step to ensure you can implement this feature with ease.

Required Resources

Breakdance Builder Logo
Free Options
Credit to Breakdance
The Breakdance YouTube channel serves as a practical resource for users of their WordPress website builder. It features in-depth tutorials, where they demonstrate the process of creating a website from the ground up. The channel emphasizes hands-on learning, making it an essential tool for both beginners and experienced users aiming to maximize the capabilities of the Breakdance platform.
Trigger a Breakdance Popup on Page Scroll Up
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.