Interation-based Popup

About Interaction-based Popup Section

The Normcore Interaction-based Popup section is a powerful engagement tool that displays strategically-timed content to your store visitors. It enables you to show targeted messages, offers, and promotions triggered by specific user actions, ideal for:

• Cart abandonment prevention
• Email list building
• Special offer promotion
• Customer engagement
• Newsletter signup campaigns

The section stands out for its ability to display content based on two key user interactions – when products are added to the cart or when visitors reach the footer area. This allows you to engage customers at crucial moments in their shopping journey while maintaining full customization control over timing and display settings.

How to Access Interaction-based Popup Section

From any page in your Normcore Admin Dashboard, click the “Add section” button in Overlay Group, search for “Interaction-based popup” and select it.

After adding the Interaction-based Popup section, customize its appearance and functionality using the available settings.

How to Configure Interaction-based Popup Section

To begin customizing, click the “Interaction-based popup” section to access its settings.

General

Within General settings, you can:

• Enable/disable popup display
• Change color scheme
• Set popup display position on desktop
• Configure days to remain dismissed
• Enable overlay background mask

The “Days to remain dismissed” setting determines the number of days before displaying the popup again after it has been closed. Set to 0 to show the popup only once.

The overlay background mask, when enabled, prevents users from interacting with other elements while the popup is shown.

Layout

Control the visual presentation with these layout options:

• Content alignment
• Popup size on desktop

Image Settings

Configure image elements with these options:

• Main image
  • Set image position on desktop
  • Set image position on mobile
  • Choose image ratio

• Background image (optional)
  • Desktop image
  • Mobile image

• Customize appearance:
  • Adjust overlay opacity
  • Set custom mask overlay color
  • Set custom content overlay color

Background Images

You can enhance your popup with background images:

• Add a background image (optional)
• Upload separate images for desktop and mobile
• Use the “Explore free images” option for both desktop and mobile
• Configure overlay opacity percentage
• Customize mask overlay color
• Set custom content overlay color to ensure text readability

Theme Settings

In Theme Settings, you can configure your social media links such as Facebook, X, Instagram, Youtube,…

How to Configure Interaction-based Popup Section’s Blocks

The Interaction-based Popup section has the same basic components as the Time-delay Popup section: Subheading, Heading, Description, Discount code, Newsletter form, Countdown Timer, Button, and Social media. For more details, refer to the guide for setup instructions. Note that you can only show 5 blocks in this pop-up, so select from the available block types.

Common Cases and FAQs

1. When will the popup be displayed to customers?

The popup has two trigger points:

• When customers add products to their cart, offering an enticing deal, discount, or free resource to encourage them to stay or make a purchase.
• When customers scroll down to the footer area

2. How do I manage popup frequency?

You can control how often the popup appears by:

• Setting up the number of days before displaying the pop-up again after it has been closed.
• Setting to 0 days means popup will only display once
• Adjust based on your marketing strategy and customer engagement goals

3. Can I customize the popup’s visual appearance?

Yes, the popup offers several customization options:

• Add main images with configurable ratios and positions
• Include background images for both desktop (1600 x 800px .png) and mobile (750 x 1100px .jpg)
• Adjust overlay opacity and colors
• Position images on desktop (Left/Right/Top) and mobile (Top/Hidden)