Features Breakdown: Modal Popup Ultimate (Timer & Coupon) This section is a powerful lead generation tool designed to capture attention with offers, countdowns, or announcements. It supports "Exit Intent" logic (via mouse movement or scroll) and is fully responsive with independent image control.

1. Trigger Logic & Cookies

• Trigger Type: Choose when the popup appears:

  • Time Delay: After X seconds.

  • Scroll: When the user scrolls past 30% of the page.

• Frequency: Set a Cookie Expiry (in days) to prevent the popup from annoying users who have already closed it (e.g., show once per day).

2. Layout & Media

• Dual Images: Upload a specific Desktop Image (side-by-side layout) and a Mobile Image (stacked layout). If one is missing, the other acts as a fallback.

• Responsive Widths:

  • Modal Width: Set the max pixel width of the popup box.

  • Image Proportions: Control the percentage width of the image column on Desktop and the pixel height on Mobile.

• Overlay: Customize the background overlay color, opacity, and add a Blur Effect to the page content behind the modal.

3. Content Blocks (Modular)

• Heading & Subheading: Text blocks with customizable Colors and Font Sizes (Desktop/Mobile).

• Countdown Timer: Create urgency with a live timer.

  • Settings: Target Date/Time, Auto-Hide on Expiry.

  • Styling: Customize separators (Colon, Pipe, Dash), colors for digits/labels, and box styling (Border, Radius).

• Coupon Code: Display a promo code that auto-copies to clipboard when clicked. Includes a "Copied!" success message.

• CTA Button: A customizable button with support for Gradients, bold text, and corner radius.

• Disclaimer: Small text block for terms and conditions, with optional linking.

4. Typography & Styling

• Alignment: Independent text alignment (Left/Center) for Mobile and Desktop.

• Visual Polish:

  • Corner Radius: Round the edges of the modal box.

  • Borders: Add a border with custom thickness and color.

  • Padding: Adjust the inner spacing of the content area.

• Font Source: Use the global Theme Font or force specific Custom Fonts.

5. Visibility

• Device Targeting: Choose to show the popup on All Devices, Desktop Only, or Mobile Only.