{
  "format": 1,
  "slug": "form-feedback-inline",
  "title": "Feedback form, inline",
  "description": "A light two-column feedback card that sits between the paragraphs of a help-centre or order-confirmation page: a FEEDBACK tag, \"How did we do?\" and the promise to reply on the left, name, email, subject and message on the right with a blue Send feedback button. Messages go to the site email and are stored under Submissions. Needs Pro for the contact form type.",
  "type": "form",
  "categories": [
    "engagement"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [],
  "form": {
    "form_name": "Feedback",
    "form_type": "contact",
    "form_tab": {
      "contact_fields": [
        "name",
        "subject"
      ],
      "contact_required": [
        "name",
        "subject"
      ],
      "contact_message_label": "Message",
      "contact_submit_text": "Send feedback",
      "notify_enabled": "1",
      "notify_to": "",
      "notify_subject": "New feedback from {{site_name}}",
      "autoreply_enabled": "0",
      "also_subscribe": "0",
      "store_submissions": "1",
      "msg_success": "Thank you - your feedback is with our support team. We reply within two working days.",
      "msg_fail": "Sorry, something went wrong. Please try again or email us directly.",
      "hide_form": "1",
      "style": "custom",
      "primary_color": "#0369a1",
      "button_text_color": "#ffffff",
      "input_bg": "#ffffff",
      "input_text": "#0f172a",
      "input_border": "#cbd5e1",
      "label_color": "#334155",
      "input_radius": "9",
      "field_gap": "12"
    }
  },
  "popup": {
    "popup_name": "Feedback form, inline",
    "wdpop_item_tab": {
      "popup_type": "form",
      "popup_title": "How did we do?",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Feedback</span><p>Something went wrong, or something went right? Either way we read every message and reply within two working days.</p><p class=\"wdpop-hint\">Rate us from 1 (not great) to 5 (excellent) in your message, and add your order number if you have one.</p><p class=\"wdpop-fine\">Your message goes straight to our support team, not a bot.</p>",
      "ct_form_after_action": "none",
      "popup_display_mode": "inline",
      "popup_inline_selector": ".entry-content",
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#f8fafc",
        "style_text": "#475569",
        "style_radius": "18",
        "style_padding": {
          "top": "34",
          "right": "36",
          "bottom": "34",
          "left": "36",
          "unit": "px"
        },
        "style_border": {
          "top": "1",
          "right": "1",
          "bottom": "1",
          "left": "1",
          "style": "solid",
          "color": "#e2e8f0",
          "unit": "px"
        },
        "style_shadow": "none",
        "style_heading_size": "26",
        "style_heading_weight": "800",
        "style_heading_color": "#0f172a",
        "style_body_size": "14",
        "style_align": "left",
        "close_btn_color": {
          "color": "#94a3b8",
          "hover": "#0f172a"
        },
        "close_btn_bg_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "fade",
        "anim_out": "fade",
        "anim_duration": "300",
        "style_mobile_heading_size": "24",
        "style_mobile_padding": {
          "top": "26",
          "right": "22",
          "bottom": "26",
          "left": "22",
          "unit": "px"
        },
        "custom_css": "/* Two columns on the step grid: tag, heading, lead and the rating hint on the left with the support note pinned to the foot of that column (level with the button), the form on the right - name and email side by side, subject and message full width, the button right-aligned. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{padding:0}\n{{POPUP}}.wdpop-root [data-wdpop-step-main]{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:36px}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wdpop-eyebrow{grid-column:1;grid-row:1;justify-self:start;margin:0 0 12px;padding:5px 9px;border-radius:6px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}\n{{POPUP}}.wdpop-root .wing--popup-title{grid-column:1;grid-row:2;margin:0 0 8px;line-height:1.15;letter-spacing:-.01em}\n{{POPUP}}.wdpop-root .wing--popup-content p{grid-column:1;grid-row:3;margin:0 0 14px;line-height:1.5}\n{{POPUP}}.wdpop-root .wing--popup-content .wdpop-hint{grid-row:4;align-self:start;margin:0;font-size:12.5px;font-weight:600;color:#64748b}\n{{POPUP}}.wdpop-root .wing--popup-content .wdpop-fine{grid-row:4;align-self:end;margin:0;font-size:12px;line-height:1.4;color:#64748b}\n{{POPUP}}.wdpop-root .wdpop-form{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;margin:0}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field{margin:0;min-width:0}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field--subject,{{POPUP}}.wdpop-root .wdpop-form .wdpop-field--message,{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit,{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__message{grid-column:1/-1}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-label{margin:0 0 5px;font-size:12.5px;font-weight:700}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-required{display:none}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field input.wdpop-input,{{POPUP}}.wdpop-root .wdpop-form .wdpop-field textarea.wdpop-input{margin:0;padding:10px 12px;font:inherit;font-size:14px;line-height:1.4}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-field textarea.wdpop-input{height:96px;resize:none}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit{justify-self:end;width:auto;max-width:none;margin:4px 0 0;padding:12px 22px;font:inherit;font-size:14px;font-weight:800;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__message{margin:0}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:12px;right:14px;width:24px;height:24px;padding:0;border:0;line-height:24px;font-size:16px;text-align:center}\n@container wdpop (max-width:640px){{{POPUP}}.wdpop-root [data-wdpop-step-main]{grid-template-columns:1fr;grid-template-rows:auto}{{POPUP}}.wdpop-root .wing--popup-content .wdpop-hint{grid-row:auto;margin:0 0 18px}{{POPUP}}.wdpop-root .wdpop-form{grid-column:1;grid-row:auto;grid-template-columns:1fr}{{POPUP}}.wdpop-root .wdpop-form .wdpop-form__submit{justify-self:stretch}{{POPUP}}.wdpop-root .wing--popup-content .wdpop-fine{grid-row:auto;order:1;margin:12px 0 0}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}