Poptin｜Setting up verification Popup

The Poptin Pop Ups, Exit Intent & Forms plugin (Poptin) is designed for easy creation of engaging popups, widgets, and contact forms, allowing you to boost your website's functionality and conversions. This guide outlines how to set up an age verification popup, which appears when visitors arrive at your site. Ensure that your popup complies with any relevant regulations from advertisers, payment platforms, or local laws. For initial installation instructions for the Poptin app, please refer to Setting up Poptin app .

Template selection and customization

1. Create a new pop-up: Enter the Poptin app, click NEW POPUP in the upper right corner of the Popups section.

2. Select pop-up template: Click on the Full screen tab under the Poptin name section to view various templates. Choose the popup design to proceed.

3. Customize template: Hover the mouse over the pop-up template and click Customize.

Text and button configuration

1. Fill in the information: Fill in Poptin name and Domain, then click CUSTOMIZE POPTIN.

2. Customize your popup design: In the General settings on the left, you can personalize various elements of your popup. After making adjustments, use the Preview option at the bottom to see how your popup looks on both desktop and mobile devices. This helps ensure your design is responsive and looks great on any screen.

3. Customize title: Select the title and update it by entering Age Verification (text is customized according to actual needs).

4. Edit description content: Click on the existing description text within the popup to edit it. Remove the current text and type in the following message: "You must be at least 18 years old to visit this site. Please confirm your age to continue." Remember, this description is fully customizable to suit your needs. And if the text content is too long, there may be crowding or overlap between the modules. Please remember to adjust its layout.

5. Manage button configuration: When you click the Yes button in the popup, the left sidebar will automatically navigate to the specific configuration section for that button.

• Configure submit button action: Within the On Submit Button Click section, select the desired outcome for when the customer interacts with the button.

6. Customize button appearance: Change the background color of the button under Submit, adjust the hover effect color in the Hover section, and upload an image for the button background at Upload Background.

7. Configure button effects: Click the drop-down button in the Button Effect section to add an animation effect.

8. Edit description text: Click on the description text within the Yes button, remove the existing content, and type in "I'm 18 or older." You can tailor this text to fit your message.

9. Manage button settings: Clicking the No button in the popup will prompt the left sidebar to display the configuration options for that specific button.

10. Customize button appearance: Change the background color of the button under Close and adjust the hover effect color in the Hover section.

11. Define button actions: Select the desired outcome for the popup interaction by choosing from options like Close, Redirect To, or Launch Another Poptin. These settings determine the action taken when a customer clicks the corresponding button.

12. Update description text for button: Click on the description text within the No button, erase the current text, and enter "I'm under 18 years old." This text can be changed to suit your requirements.

Finalizing and publishing

1. Edit background colors: Click Color to adjust the background shade of your popup.

2. Select background image:

• Desktop background: Choose Gallery to apply on of the default preset images as the background.

• Mobile background: Switch to the mobile preview and further customize the appearance by modifying the background color, which can enhance the visual impact on mobile views.

3. Custom background image: Use Upload Background to set a personal image as the backdrop.

4. Enter the display rules page: After setting up the Design page, click Next in the upper right corner to continue.

5. Establish triggers: In the Triggers section, decide on the conditions that will prompt your popup to appear.

6. Tailor display targets: Navigate to the Targeting section to set which devices and pages will show your popup, along with the frequency of its display.

7. Finish publishing: After setting up, click Publish in the upper-right corner.

Review and adjust

1. Review your poptins: Monitor the performance of your popup in the Popups section to track visitor interactions and adjust settings for optimal conversion rates.

2. Final look: Below is an example of the final appearance of your age verification popup after all customizations.

Using Poptin to set up a verification popup is a straightforward process that enhances user engagement and ensures compliance with necessary regulations. By focusing on essential customization and display settings, you can create a compelling popup that offers value and enhances the visitor experience on your website.