How to Create a Multi-Screen Overlay


A two-screen overlay is a dynamic popup that can be deployed to offer coupons or other incentives in exchange for email sign-ups. Leverage multi-screen popups on your website to captivate your audience, encourage sign-ups, and, ultimately, drive conversions.


Here's how a Multi-Screen overlay on your targeted page appears:

multi-screen overlay

Benefits of using Multi-Screen Overlay


  • Increased Engagement: Captures the attention of visitors immediately, keeping them interested.

  • Higher Conversion Rates: Encourages users to take action, increasing sign-up rates and potential sales.

  • Personalized Offers: Enables tailored promotions to different visitor segments, enhancing user experience.


To Create a Multi-Screen Overlay


For an easy understanding of the user, we’ll create a two-screen overlay offering a coupon to first-time visitors in exchange for their email sign-up.


Step 1: In the Campaigns dashboard, click the dropdown arrow next to “+New Campaign” and select “Create from Scratch.”


create from scratch


Step 2: In the Layout & Design section, select Popup type as Multi Screen.


multi screen


Step 3:  Customizing the 1st Screen


  • Add the campaign title, description, and CTA using the campaign builder for 1st screen.


add text and button


  • Add an email field from the campaign builder, enter the placeholder text, and mark it as required.


add email field


Learn more about adding elements to the overlay.


Step 4: Customizing 2nd Screen


  • Add text, button, and email input fields using the campaign builder.


add text and button in second screen


  • Add coupon element from the campaign builder.

  • Select the coupon type “Picreel dynamic coupon.”

  • Enter your coupon code.


add coupon


Step 5: Before saving, click “Preview” to see how your popup looks from a visitor's perspective. 


Note: Test the functionality to ensure everything works as expected.


Step 6: When satisfied, click “Save & Exit.”


save an dexit


Your multi-screen overlay is now set up successfully.


That's all about creating a multi-screen overlay in Picreel. If you encounter any issues or have any questions, feel free to reach out to our support team.




Related Articles:

  • How to Create Overlays for Mobile Devices
  • How to Set up a Countdown Timer Overlay
  • How to Create Goal-Specific Overlays in Picreel
© 2005 - 2024 ProProfs