Skip to main content

How to create a Pop-Up

Steffanie Buggild avatar
Written by Steffanie Buggild
Updated this week

To create a popup in Scratcher, go to 'Create', select 'Popup', and choose the layout you'd like to use.

Note: A completely blank popup flow is not available yet. However, you can choose a template with a game included and remove the game element if needed.


Placement

Select the type of popup you want to display:

  • Top bar

  • Side popup

  • Centered popup

  • Full-screen popup

Each format offers different levels of visibility and interaction, depending on your goals.


Size

Customize the height and width of your popup for desktop, tablet, and mobile. Use the device icons to preview and adjust the layout for each screen type, ensuring a responsive and optimized experience.


Backdrop

Choose the background color that appears behind your popup. It can be solid or transparent. You can also paste in a brand-specific color code for consistency.


Popup Teaser

Add a teaser element that directs users to your campaign, another page, or opens the popup. A teaser acts as a clickable prompt—designed to engage visitors and encourage interaction. You can use teasers independently or together with your popup and place them anywhere relevant on your site.


Popup Triggers

Popups in Scratcher can be triggered by various user actions, letting you tailor the timing and conditions for their appearance:

  • Timed Trigger
    Show the popup after a specific time (in seconds) on the page—ideal for giving users a moment before prompting them.

  • Scroll Trigger
    Display the popup once the user scrolls to a certain point—useful for targeting engaged visitors.

  • Exit-Intent Trigger
    Detect when a visitor is about to leave (e.g., moving the mouse toward the browser bar) and display the popup before they exit.

  • Click Trigger
    Show the popup only when a visitor clicks a specific button or link—great for offering more info after an action.

  • Allow List
    Define conditions where the popup should appear—such as specific URL paths, referrers, devices, or IP addresses.

  • Disallow List
    Set exclusions so the popup never appears under certain conditions—similar to the allow list but reversed.

  • Show Options
    Control how often a popup is shown per user (e.g., once a day, up to 3 times total), helping avoid overexposure.


Adding a Popup to your website

To activate popups on your site, you need to install a script generated by the Scratcher platform. This script is unique to your account and does not change, even if you create or delete popups.

Step 1: Add URLs for Display

Go to 'Add-ons' and select 'Embed & URL'. Here, you can insert the specific URLs where the popup should appear on your website.

Step 2: Add the Script

Click 'Add script'. This will generate and make your unique popup script available for use.


Important: Always run a test on a live campaign URL to ensure everything is set up correctly. Keep in mind that configuration and developer involvement may introduce delays—plan accordingly.

Did this answer your question?