Choose the location of your popup, and where and how it should be displayed on your website. You can choose different locations for the popup.
Placement
Choose which type of popup you want to set up. There are several different options to edit: top bar, side popup, middle popup or full-screen popup.
Size
Choose the size of your popup height and width. Remember to adapt this on desktop, tablet and mobile, by clicking on the different desktop, tablet and mobile icons to see the preview.
Backdrop
Choose the colour of the background when the popup appears. You can choose for it to be transparent or have a colour. You can choose to copy in your brand colour of choice.
Popup Teaser
Teasers are used to forward visitors to a campaign, page or open a popup. Add a teaser that will be displayed on your website. A teaser is a popup built to make your visitors interested in clicking and being redirected. You can use a teaser with your popup or locate them to the page where your campaign is.
Popup Triggers
Popups in Scratcher can be displayed based on a variety of triggers, ensuring you can tailor your user experience precisely. Below are the available triggers and how they work:
Timed Trigger
Display the popup after a specified number of seconds on the page. This is useful for giving visitors a chance to browse before showing any promotions or important messages.Scroll Trigger
Show the popup once a visitor scrolls to a certain point on the page. Ideal for engaging users who have demonstrated interest by scrolling through your content.Exit-Intent Trigger
Detect when a visitor is about to leave (for instance, by moving their mouse to close the tab or browser) and display the popup just before they exit. This can help capture otherwise lost visitors or prompt them to reconsider.Click Trigger
Only display the popup once a user clicks a specific button or link. This is an excellent option if you want to provide extra information or offers after a visitor shows clear interest by clicking.Allow List
Define specific criteria where the popup should be shown. For example, you can allow the popup for certain URL paths, queries, referrers, devices, or IP addresses. If a visitor’s details match your allow-list settings, they’ll see the popup.Disallow List
Exclude certain pages or visitor criteria where the popup should never be shown. Similar to the allow list, you can specify URL paths, queries, referrers, devices, or IP addresses to prevent the popup from appearing in those contexts.Show Options
Configure how often and how many times each user sees the popup. For instance, you can set it to display once per day for a maximum of three total views. This ensures a balanced experience where users aren’t overwhelmed by repeated popups.
Set up and design your popup with a wide range of options, triggers and settings. Choose between different types and placements. Build a simple one-page popup or multiple steps with game, form and prize pages.
Adding a Popup Script to Your Website
How to Add a Popup Script to Your WebsiteWhen you create your first popup on the Scratcher Platform 3.0, a unique script is generated and linked to your account. This script remains the same even if you delete or create new popups. To integrate the popup into your website, follow these steps to add the script to the <head> section of your website:Step 1: Access Your Script
After setting up your first popup, navigate to the Popup Management section in the Scratcher Platform.
Locate the unique script assigned to your account. This script remains the same for all popups and does not change, even if you create new ones.
Step 2: Choose Where to Display the Popup
Open the webpage where you want to display the popup.
Depending on how your website is built, you may need to edit the page directly or access the appropriate editing section in your CMS.
Step 3: Insert the Script
Copy the entire script provided by the Scratcher Platform.
Paste the script inside the <head> section of your website.
Example:
<head> <!-- Other scripts, meta tags, etc. --> <script> // Your unique Scratcher popup script // Paste the exact script content you copied here </script> </head>
Step 4: Save and Test
Save the changes.
Visit your website to confirm that the popup appears and functions as expected.