Exit-Intent Popup with Email Capture

What This Sidekick Query Does

Build an exit-intent popup section for my Shopify theme that detects when the customer moves their mouse toward the browser address bar or outside the viewport on desktop, and triggers after [MOBILE_DELAY_SECONDS] seconds of inactivity on mobile. The popup should display a centered modal overlay with a heading [POPUP_HEADING], subtext [POPUP_SUBTEXT], an email input field with placeholder [EMAIL_PLACEHOLDER], and a submit button labeled [BUTTON_TEXT] with background color [BUTTON_BG_COLOR]. When submitted, the email should be posted to the Shopify customer API endpoint to create a marketing-consented customer record. After successful submission, display a thank-you message [THANK_YOU_MESSAGE] and auto-close after [AUTO_CLOSE_SECONDS] seconds. Include an optional coupon code display [COUPON_CODE] shown after submission. Set a cookie named [COOKIE_NAME] with expiry [COOKIE_EXPIRY_DAYS] days so the popup does not appear again for returning visitors. The modal should have background color [MODAL_BG_COLOR], text color [MODAL_TEXT_COLOR], border radius [BORDER_RADIUS] pixels, max-width [MODAL_MAX_WIDTH] pixels, and an X close button in the top right corner. The overlay background should be [OVERLAY_COLOR] with opacity [OVERLAY_OPACITY]. Include settings to exclude the popup on specific pages by entering a comma-separated list of page handles [EXCLUDED_PAGES]. Provide complete Liquid, CSS, and JavaScript.

Expected Output

Tips to Improve Results