{
  "format": 1,
  "slug": "form-signup-then-code",
  "title": "Sign up, then the code",
  "description": "A two-step welcome flow for a store: the email step unlocks 10% off, then a success step reveals the WELCOME10 code with a Start shopping button. Edit the code in the After Submit step.",
  "type": "form",
  "categories": [
    "lead-capture",
    "welcome",
    "e-commerce"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [
    "icon-mail.svg"
  ],
  "form": {
    "form_name": "Welcome 10% off",
    "form_type": "subscribe",
    "form_tab": {
      "form_items": [
        "email"
      ],
      "email_label": "",
      "email_place": "Enter your email",
      "submit_text": "Unlock my 10 % off",
      "msg_success": "You're in! Here is your code.",
      "msg_fail": "Sorry, that did not go through. Please try again in a moment.",
      "msg_invalid_email": "Please enter a valid email address.",
      "provider": "mailchimp",
      "double_optin": "0",
      "update_existing": "1",
      "hide_form": "1",
      "style": "custom",
      "primary_color": "#0e7490",
      "button_text_color": "#ffffff",
      "input_bg": "#ffffff",
      "input_text": "#1f2937",
      "input_border": "#d1d5db",
      "label_color": "#6b7280",
      "input_radius": "10",
      "field_gap": "10"
    }
  },
  "popup": {
    "popup_name": "Sign up, then the code",
    "wdpop_item_tab": {
      "popup_type": "form",
      "popup_display_mode": "modal",
      "popup_position": "wdpop_core_middle_center",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "400",
        "unit": "px"
      },
      "popup_image": "{{IMAGE:icon-mail.svg}}",
      "popup_image_layout": "inline",
      "popup_title": "Unlock 10 % off your first order",
      "Popup_content": "<p>Join 30,000 subscribers for new arrivals, restocks and the occasional sample sale.</p><p class=\"wdpop-fine\">No thanks, I'll pay full price</p>",
      "ct_form_after_action": "step",
      "ct_form_after_step": "<span class=\"wdpop-ok\"></span>\n<h2 class=\"wdpop-step__title\">You're in! Here's your code</h2>\n<p>Use it at checkout in the next 7 days. We've also sent it to your inbox.</p>\n<div class=\"wdpop-code\"><small>Your welcome code</small><b>WELCOME10</b></div>\n<a class=\"btn btn-primary wdpop-cta\" href=\"/shop/\">Start shopping</a>\n<p class=\"wdpop-fine\">Valid on orders over $40</p>",
      "popup_style_accordions": {
        "style_bg": "#ffffff",
        "style_text": "#6b7280",
        "style_radius": "18",
        "style_padding": {
          "top": "40",
          "right": "36",
          "bottom": "34",
          "left": "36",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#1f2937",
        "style_overlay_opacity": "60",
        "style_heading_size": "26",
        "style_heading_weight": "800",
        "style_heading_color": "#1f2937",
        "style_body_size": "14",
        "style_align": "left",
        "style_cta_bg": {
          "color": "#1f2937",
          "hover": "#111827"
        },
        "style_cta_color": {
          "color": "#ffffff",
          "hover": "#ffffff"
        },
        "style_btn_radius": "10",
        "style_btn_font_size": "14",
        "style_btn_padding": {
          "top": "16",
          "right": "16",
          "bottom": "16",
          "left": "16",
          "unit": "px"
        },
        "style_btn_width": "full",
        "close_btn_color": {
          "color": "#9ca3af",
          "hover": "#1f2937"
        },
        "close_btn_bg_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "zoom",
        "anim_out": "fade",
        "anim_duration": "300",
        "custom_css": "/* Step 1: mail tile, bold heading, grey deck, boxed email + teal button, a quiet 'No thanks' line. Step 2 (After Submit): green check tile, dashed teal code box with the spaced WELCOME10, dark Start shopping button, fine print. Selectors carry .wdpop-root so they outrank the plugin stylesheets. */\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{padding:0}\n{{POPUP}}.wdpop-root .wing--popup-image{margin:0 0 18px;line-height:0}\n{{POPUP}}.wdpop-root .wing--popup-image img{width:56px;height:56px}\n{{POPUP}}.wdpop-root [data-wdpop-step-main]{display:flex;flex-direction:column;align-items:stretch}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wing--popup-title{margin:0 0 8px;line-height:1.15;letter-spacing:-.02em}\n{{POPUP}}.wdpop-root .wing--popup-content p{margin:0 0 20px;line-height:1.55}\n{{POPUP}}.wdpop-root .wdpop-form{width:100%;max-width:none;background:transparent}\n{{POPUP}}.wdpop-root .wdpop-form--custom input.wdpop-input:not([type=checkbox]):not([type=hidden]){height:48px;padding:0 14px;font-family:inherit;font-size:14px}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit{width:100%;max-width:none;height:50px;margin:0;padding:0 16px;border:0;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-fine{order:9;margin:12px 0 0;font-size:12px;line-height:1.4;text-align:center;color:#9ca3af}\n{{POPUP}}.wdpop-root .wdpop-step{padding:0;text-align:left}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap:has([data-wdpop-step-main][hidden]) .wing--popup-image{display:none}\n{{POPUP}}.wdpop-root .wdpop-ok{position:relative;display:block;width:56px;height:56px;margin:0 0 18px;border-radius:50%;background:#dcfce7}\n{{POPUP}}.wdpop-root .wdpop-ok::after{content:'';position:absolute;left:19px;top:19px;width:17px;height:9px;border-left:2.5px solid #16a34a;border-bottom:2.5px solid #16a34a;transform:rotate(-45deg)}\n{{POPUP}}.wdpop-root .wdpop-step__title{margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1f2937}\n{{POPUP}}.wdpop-root .wdpop-step p{margin:0 0 20px;font-size:14px;line-height:1.55}\n{{POPUP}}.wdpop-root .wdpop-code{margin:0 0 12px;padding:14px;border:2px dashed #0e7490;border-radius:12px;background:#ecfeff;text-align:center}\n{{POPUP}}.wdpop-root .wdpop-code small{display:block;margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0e7490}\n{{POPUP}}.wdpop-root .wdpop-code b{display:block;font-size:30px;line-height:1.2;letter-spacing:.12em;color:#155e75}\n{{POPUP}}.wdpop-root .wdpop-step .wdpop-cta{margin:0;border:0;font-weight:700;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-step .wdpop-fine{margin:12px 0 0}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:12px;right:14px;width:28px;height:28px;padding:0;border:0;line-height:28px;font-size:20px;text-align:center}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}