Skip to main content
All CollectionsCampaignsDisplay rules & TargetingPopup Triggers
Target a Popup to Display on link or CTA Click
Target a Popup to Display on link or CTA Click
Updated over 3 months ago

CTA popups are designed to be user-friendly and less disruptive compared to regular popups. They strategically appear when users perform certain actions, like clicking buttons or links, providing valuable information or incentives without causing interruptions to their browsing experience.

Click-triggered popups serve a variety of practical purposes, such as contact forms, social media sharing, offers or promotions, newsletter sign-ups, and product demos. By optimizing user engagement and minimizing interruptions, CTA popups elevate the overall browsing experience.

Example:

Now, let's take a look at how you can set up a click-triggered popup with Wisepops in just a few simple steps:

  1. Set the Click Trigger in Your Scenario
    Navigate to the campaign display rules panel. Choose the "on click" trigger option from the trigger settings. As a default, append "#wisepops" to your desired trigger link.

    To tailor the hashtag more accurately to your needs, substitute #wisepops with something like #contact-sales, #out-of-stock, or #book-a-demo via the settings in your scenario. Doing so enables you to configure various click-triggered campaigns on one page.

  2. Add the Hash to the Link
    To trigger the campaign, we need to add the hash to the appropriate link or button. For example, if you want to trigger a campaign when a visitor clicks on a link, add the hashtag like this:

    <a href="#book-a-demo">Link text</a>


    This code adds the #book-a-demo hashtag to your link, triggering the Wisepops campaign when it is clicked.

Examples

  1. Create a Fallback Redirection (Optional)
    Wisepops may not always work if a visitor uses a pop-up blocker extension or if your Wisepops account runs out of pageviews. In this case, you may want to create a fallback page to handle these visitors. You can add the hashtag to the end of your fallback URL like this:

    <a href="https://example.com/fallback#book-a-demo">Link text</a>


    This code redirects to https://example.com/fallback only if no campaign is triggered by the click.

Note: Make sure to replace "example.com" with your own website domain.

With these simple steps, you can now set up a click-triggered campaign with Wisepops that displays a popup when a visitor clicks on a button or link.


โ€‹

Did this answer your question?