{
"widgets": [
{
"id": 456960,
"type": "form",
"layout": "flyby",
"sort_order": -1.0,
"version": "V1",
"name": "[OD] Exit intent survey",
"meta_title": null,
"meta_description": null,
"meta_image": null,
"meta_seo": false,
"pages": [
{
"data": {
"note": "",
"title": "What\u2019s stopping you from completing your purchase?
",
"fields": [
{
"id": "111793191",
"name": "radio",
"type": "radio",
"label": "Choose one option",
"options": [
{
"id": "647517472",
"name": "option_1",
"label": "Shipping costs were too high",
"defaultChecked": false
},
{
"id": "849795505",
"name": "option_2",
"label": "I was just browsing, not ready to buy",
"defaultChecked": false
},
{
"id": "311396623",
"name": "option_3",
"label": "I found a better price elsewhere",
"comment": true,
"defaultChecked": false
},
{
"id": "637805788",
"name": "option_4",
"label": "Not enough payment options",
"comment": false,
"defaultChecked": false
},
{
"id": "808472907",
"name": "option_5",
"label": "I need more product details or reviews",
"comment": false,
"defaultChecked": false
},
{
"id": "516634922",
"name": "option_6",
"label": "I'm unsure about the size or fit",
"comment": false,
"defaultChecked": false
},
{
"id": "494699456",
"name": "option_7",
"label": "Other (please specify below)",
"comment": false,
"defaultChecked": false
}
],
"required": true,
"placeholder": "Please specify (optional)",
"randomizeOptions": true
},
{
"id": "575272746",
"name": "text",
"type": "text",
"label": "",
"required": false,
"placeholder": "Other \u2013 Please share your reason"
}
],
"buttons": [
{
"id": "992391779",
"type": "primary",
"label": "Submit feedback",
"actions": [
{
"type": "submit"
},
{
"type": "close"
}
],
"visible": true
}
],
"description": "Help us improve your shopping experience by sharing your feedback.
",
"backgroundActions": []
},
"name": "page-1",
"type": "form",
"style": {
"media": {
"mobile": {
"width": "95%",
"images": [],
"padding": {
"top": "40px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "414px",
"overflow": "hidden",
"background": []
},
"desktop": {
"width": "350px",
"images": [],
"padding": {
"top": "40px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "none",
"overflow": "hidden",
"background": []
}
}
}
}
],
"style": {
"css": "/*#region Colors */\n/*#endregion*/\n@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');\n.root {\n left: 0;\n right: 0;\n top: 10px;\n bottom: auto;\n margin: 0 auto;\n}\n@media (min-width: 960px) {\n .root {\n left: auto;\n right: 32px;\n top: 32px;\n margin: 0;\n }\n}\n.buttons {\n flex-flow: column;\n}\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.tooltip {\n display: block;\n position: absolute;\n width: max-content;\n max-width: 250px;\n white-space: normal;\n pointer-events: none;\n animation: fade-in 250ms linear both;\n padding: 4px 8px;\n line-height: 1.71428571;\n font-size: 14px;\n font-weight: normal;\n background: #0f0f0f;\n color: #fbf5ff;\n}\n.tooltip:after {\n position: absolute;\n width: 0;\n height: 0;\n border: 4px solid transparent;\n content: '';\n}\n.tooltip-top {\n bottom: calc(100% + 10px);\n}\n.tooltip-top,\n.tooltip-top:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-top:after {\n top: 100%;\n border-top-color: #0f0f0f;\n}\n.tooltip-bottom {\n top: calc(100% + 10px);\n}\n.tooltip-bottom,\n.tooltip-bottom:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-bottom:after {\n bottom: 100%;\n border-bottom-color: #0f0f0f;\n}\n.tooltip-left {\n right: calc(100% + 10px);\n}\n.tooltip-left,\n.tooltip-left:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-left:after {\n left: 100%;\n border-left-color: #0f0f0f;\n}\n.tooltip-right {\n left: calc(100% + 10px);\n}\n.tooltip-right,\n.tooltip-right:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-right:after {\n right: 100%;\n border-right-color: #0f0f0f;\n}\n.notification {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n font-size: 18px;\n background-color: rgba(251, 245, 255, 0.7);\n color: #0f0f0f;\n animation: fade-in 250ms linear both;\n}\n.container {\n font-family: Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 18px;\n line-height: 1.55555556;\n border-radius: 0;\n box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15);\n}\n@media (min-width: 960px) {\n .container {\n box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);\n }\n}\n.close:before,\n.back:before,\n.caret:before {\n opacity: 0.3;\n width: 24px;\n height: 24px;\n}\n.close:hover:before,\n.back:hover:before,\n.caret:hover:before {\n opacity: 1;\n}\n.close:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.close:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23fbf5ff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:hover:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23fbf5ff%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.caret {\n padding-right: 16px;\n}\n.caret:before {\n transition: opacity 200ms;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fbf5ff%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret.collapsed:hover:before {\n transform: rotate(180deg);\n}\n.back {\n right: 44px;\n padding-right: 4px;\n}\n.back + .close,\n.back + .caret {\n padding-left: 4px;\n}\n.title {\n font-weight: 900;\n font-size: 24px;\n line-height: 1.33333333;\n margin-bottom: 24px;\n}\n.description {\n line-height: inherit;\n margin: 0 0 24px;\n}\n.no-fields .form {\n margin-top: 8px;\n}\n.fields {\n margin-bottom: 32px;\n}\n.field + .field {\n margin: 24px 0 0 0;\n}\n.field-title {\n margin: 0 0 12px;\n}\n.radio .field-title,\n.checkbox .field-title {\n margin: 0 0 16px;\n}\n.field-title {\n line-height: inherit;\n}\n.buttons {\n margin: -8px;\n}\n.buttons .button {\n margin: 8px;\n padding: 11px 32px;\n font-weight: 900;\n line-height: 1.55555556;\n border-radius: 0;\n border: none;\n}\n.button.primary,\n.button.primary.icon {\n border: 3px solid #0f0f0f;\n background-color: transparent;\n}\n.button.primary:hover,\n.button.primary.icon:hover,\n.button.primary:focus,\n.button.primary.icon:focus {\n background-color: #0f0f0f;\n color: #fbf5ff;\n}\n.button.normal,\n.button.normal.icon {\n border: 3px solid rgba(15, 15, 15, 0.3);\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.normal:hover,\n.button.normal.icon:hover,\n.button.normal:focus,\n.button.normal.icon:focus {\n color: #0f0f0f;\n border-color: #0f0f0f;\n}\n.button.primary.icon svg,\n.button.normal.icon svg {\n width: 24px;\n height: 28px;\n}\n.button.secondary,\n.button.secondary.icon {\n padding: 0;\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.secondary:hover,\n.button.secondary.icon:hover,\n.button.secondary:focus,\n.button.secondary.icon:focus {\n background-color: transparent;\n color: #0f0f0f;\n}\n.input-text,\n.input-textarea,\n.input-select {\n border: none;\n border-bottom: solid 3px rgba(15, 15, 15, 0.1);\n border-radius: 0;\n background-color: transparent;\n font-size: 18px;\n line-height: 1.55555556;\n}\n.input-text::placeholder,\n.input-textarea::placeholder,\n.input-select::placeholder {\n color: rgba(15, 15, 15, 0.3);\n}\n.input-text:hover,\n.input-textarea:hover,\n.input-select:hover,\n.input-text:focus,\n.input-textarea:focus,\n.input-select:focus {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text.filled,\n.input-textarea.filled {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text {\n padding: 0 0 11px 0;\n}\n.input-textarea {\n padding: 0;\n height: 99px;\n}\n.input-select select {\n padding: 0 24px 11px 0;\n line-height: inherit;\n}\n.input-select:after {\n top: 10px;\n transform: none;\n right: 0;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20stroke%3D%22%230f0f0f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M1%203.95L5.95%208.9l4.95-4.95%22/%3E%3C/svg%3E');\n}\n.input-select:focus-within,\n.input-select.selected {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-select:focus-within:after,\n.input-select.selected:after {\n opacity: 1;\n}\n.input-check label {\n margin-bottom: 20px;\n}\n.input-check label span {\n padding-left: 38px;\n}\n.input-check label span:before {\n width: 24px;\n height: 24px;\n top: 0;\n}\n.input-check label input[type='radio'] + span:before,\n.input-check label input[type='checkbox'] + span:before {\n background-color: transparent;\n border: 3px solid rgba(15, 15, 15, 0.1);\n}\n.input-check label input[type='radio'] + span:after,\n.input-check label input[type='checkbox'] + span:after {\n left: 4px;\n}\n.input-check label input[type='radio']:checked + span:before,\n.input-check label input[type='checkbox']:checked + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-check label input[type='radio']:checked + span:after,\n.input-check label input[type='checkbox']:checked + span:after {\n left: 4px;\n}\n.input-check label input[type='checkbox'] + span:before {\n border-radius: 0;\n}\n.input-check label:hover input[type='radio'] + span:before,\n.input-check label:focus input[type='radio'] + span:before,\n.input-check label:hover input[type='checkbox'] + span:before,\n.input-check label:focus input[type='checkbox'] + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-rating label {\n width: 38px;\n height: 32px;\n padding: 0 8px 0 2px;\n}\n.input-rating label svg {\n stroke-width: 3;\n overflow: visible;\n}\n.note {\n font-size: 14px;\n line-height: 1.57142857;\n margin: 32px 0 0;\n color: rgba(15, 15, 15, 0.3);\n}\n@keyframes slide-in-top {\n 0% {\n transform: translateY(-150%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n.root.enter {\n animation: slide-in-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n.root.leave {\n animation: slide-in-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both reverse;\n}\n@keyframes shake {\n 100% {\n transform: none;\n }\n 0%,\n 99% {\n transform: translate(0, 0);\n }\n 20% {\n transform: translateX(-10px);\n }\n 60% {\n transform: translateX(-5px);\n }\n 40% {\n transform: translateX(10px);\n }\n 80% {\n transform: translateX(5px);\n }\n}\n.form.submit .invalid {\n animation: shake 600ms;\n}\n@keyframes sent-backdrop {\n 0%,\n 100% {\n opacity: 0;\n background-color: rgba(251, 245, 255, 0);\n }\n 50%,\n 75% {\n opacity: 0.6;\n background-color: #fbf5ff;\n }\n}\n@keyframes success-icon-scale {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 50% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 75% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.2);\n }\n}\n@keyframes success-icon-show-path {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes success-icon-draw-circle {\n 0% {\n opacity: 1;\n stroke-dashoffset: 150.72;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 75.36;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n@keyframes success-icon-draw-check {\n 0% {\n opacity: 1;\n stroke-dashoffset: 36;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 18;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n.root.form-sending .content:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n animation: sent-backdrop 2s both;\n}\n.root.form-sending .content .success-icon {\n display: block;\n width: 100%;\n height: 100%;\n animation: success-icon-scale 1.8s linear both;\n}\n.root.form-sending .content .success-icon path {\n animation: success-icon-show-path 1.2s linear both;\n}\n.root.form-sending .content .success-icon circle {\n animation: success-icon-draw-circle 1.2s linear both;\n}\n.root.form-sending .content .success-icon polyline {\n animation: success-icon-draw-check 1.2s linear both;\n}\n\n/*#region Colors */\n/*#endregion*/\n.root {\n max-height: 90vh;\n overflow-y: auto;\n}\n",
"media": {},
"colors": {
"text": "#0f0f0f",
"button": "#0f0f0f",
"background": "#fbf5ff",
"buttonText": "#0f0f0f"
}
},
"data": {},
"targeting": {
"data": {
"timezones": {}
},
"group": {
"items": [
{
"id": "TargetingGroupLocation",
"items": [
{
"items": [
{
"type": "location",
"value": "/*",
"operation": "matchUrl"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupGeneral",
"items": [
{
"items": [
{
"name": "",
"type": "cartItemCount",
"value": "0",
"operation": ">"
}
],
"operation": "or"
},
{
"items": [
{
"name": "",
"type": "timeOnSite",
"value": 600000,
"operation": ">"
}
],
"operation": "or"
},
{
"items": [
{
"data": {
"id": "147015:",
"name": "United States"
},
"name": "country",
"type": "geo",
"value": "147015:",
"operation": "^"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupStart",
"items": [
{
"name": "",
"type": "exitAttempted",
"value": true,
"operation": "="
}
],
"operation": "or"
},
{
"id": "TargetingGroupHide",
"items": [
{
"name": "",
"type": "atonce",
"value": true,
"operation": "="
}
],
"operation": "or"
},
{
"id": "TargetingGroupStop",
"items": [
{
"type": "timeSinceLastClose",
"value": 2592000000,
"operation": ">|undefined"
},
{
"name": "",
"type": "timeSinceLastHide",
"value": 2592000000,
"operation": ">|undefined"
}
],
"operation": "and"
}
],
"operation": "and"
}
},
"settings": {
"trackGA": true,
"trackGTM": true
}
},
{
"id": 462373,
"type": "form",
"layout": "flyby",
"sort_order": 0.0,
"version": "V1",
"name": "[OD] Post purchase survey",
"meta_title": null,
"meta_description": null,
"meta_image": null,
"meta_seo": false,
"pages": [
{
"data": {
"note": "",
"title": "Where did you learn about Melissa Shoes?
",
"fields": [
{
"id": "111793191",
"name": "radio",
"type": "radio",
"label": "Choose one option",
"options": [
{
"id": "647517472",
"name": "option_1",
"label": "An email from us",
"defaultChecked": false
},
{
"id": "849795505",
"name": "option_2",
"label": "A recommendation from a friend/family/colleague",
"defaultChecked": false
},
{
"id": "311396623",
"name": "option_3",
"label": "A post on Facebook",
"comment": true,
"defaultChecked": false
},
{
"id": "637805788",
"name": "option_4",
"label": "A post on Instagram",
"comment": false,
"defaultChecked": false
},
{
"id": "808472907",
"name": "option_5",
"label": "Search results on Google",
"comment": false,
"defaultChecked": false
},
{
"id": "516634922",
"name": "option_6",
"label": "A banner on another site",
"comment": false,
"defaultChecked": false
},
{
"id": "362167547",
"name": "option_8",
"label": "An article on a blog",
"comment": false,
"defaultChecked": false
},
{
"id": "771950144",
"name": "option_9",
"label": "A celebrity/influencer",
"comment": false,
"defaultChecked": false
},
{
"id": "669921421",
"name": "option_10",
"label": "Nothing, I just came to your website directly",
"comment": false,
"defaultChecked": false
},
{
"id": "494699456",
"name": "option_7",
"label": "Other (please specify below)",
"comment": false,
"defaultChecked": false
}
],
"required": true,
"placeholder": "Please specify (optional)",
"randomizeOptions": true
},
{
"id": "575272746",
"name": "text",
"type": "text",
"label": "",
"required": false,
"placeholder": "Other \u2013 Please share your reason"
}
],
"buttons": [
{
"id": "992391779",
"type": "primary",
"label": "Submit feedback",
"actions": [
{
"type": "submit"
},
{
"type": "close"
}
],
"visible": true
}
],
"description": "For this purchase, what influenced you decision to buy from Melissa Shoes?
",
"backgroundActions": []
},
"name": "page-1",
"type": "form",
"style": {
"media": {
"mobile": {
"width": "95%",
"images": [],
"padding": {
"top": "40px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "414px",
"overflow": "hidden",
"background": []
},
"desktop": {
"width": "350px",
"images": [],
"padding": {
"top": "40px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "none",
"overflow": "hidden",
"background": []
}
}
}
}
],
"style": {
"css": "/*#region Colors */\n/*#endregion*/\n@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');\n.root {\n left: 0;\n right: 0;\n bottom: 10px;\n margin: 0 auto;\n}\n@media (min-width: 960px) {\n .root {\n left: auto;\n right: 32px;\n bottom: 32px;\n margin: 0;\n }\n}\n.buttons {\n flex-flow: column;\n}\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.tooltip {\n display: block;\n position: absolute;\n width: max-content;\n max-width: 250px;\n white-space: normal;\n pointer-events: none;\n animation: fade-in 250ms linear both;\n padding: 4px 8px;\n line-height: 1.71428571;\n font-size: 14px;\n font-weight: normal;\n background: #0f0f0f;\n color: #fbf5ff;\n}\n.tooltip:after {\n position: absolute;\n width: 0;\n height: 0;\n border: 4px solid transparent;\n content: '';\n}\n.tooltip-top {\n bottom: calc(100% + 10px);\n}\n.tooltip-top,\n.tooltip-top:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-top:after {\n top: 100%;\n border-top-color: #0f0f0f;\n}\n.tooltip-bottom {\n top: calc(100% + 10px);\n}\n.tooltip-bottom,\n.tooltip-bottom:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-bottom:after {\n bottom: 100%;\n border-bottom-color: #0f0f0f;\n}\n.tooltip-left {\n right: calc(100% + 10px);\n}\n.tooltip-left,\n.tooltip-left:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-left:after {\n left: 100%;\n border-left-color: #0f0f0f;\n}\n.tooltip-right {\n left: calc(100% + 10px);\n}\n.tooltip-right,\n.tooltip-right:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-right:after {\n right: 100%;\n border-right-color: #0f0f0f;\n}\n.notification {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n font-size: 18px;\n background-color: rgba(251, 245, 255, 0.7);\n color: #0f0f0f;\n animation: fade-in 250ms linear both;\n}\n.container {\n font-family: Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 18px;\n line-height: 1.55555556;\n border-radius: 0;\n box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15);\n}\n@media (min-width: 960px) {\n .container {\n box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);\n }\n}\n.close:before,\n.back:before,\n.caret:before {\n opacity: 0.3;\n width: 24px;\n height: 24px;\n}\n.close:hover:before,\n.back:hover:before,\n.caret:hover:before {\n opacity: 1;\n}\n.close:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.close:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23fbf5ff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:hover:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23fbf5ff%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.caret {\n padding-right: 16px;\n}\n.caret:before {\n transition: opacity 200ms;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fbf5ff%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret.collapsed:hover:before {\n transform: rotate(180deg);\n}\n.back {\n right: 44px;\n padding-right: 4px;\n}\n.back + .close,\n.back + .caret {\n padding-left: 4px;\n}\n.title {\n font-weight: 900;\n font-size: 24px;\n line-height: 1.33333333;\n margin-bottom: 24px;\n}\n.description {\n line-height: inherit;\n margin: 0 0 24px;\n}\n.no-fields .form {\n margin-top: 8px;\n}\n.fields {\n margin-bottom: 32px;\n}\n.field + .field {\n margin: 24px 0 0 0;\n}\n.field-title {\n margin: 0 0 12px;\n}\n.radio .field-title,\n.checkbox .field-title {\n margin: 0 0 16px;\n}\n.field-title {\n line-height: inherit;\n}\n.buttons {\n margin: -8px;\n}\n.buttons .button {\n margin: 8px;\n padding: 11px 32px;\n font-weight: 900;\n line-height: 1.55555556;\n border-radius: 0;\n border: none;\n}\n.button.primary,\n.button.primary.icon {\n border: 3px solid #0f0f0f;\n background-color: transparent;\n}\n.button.primary:hover,\n.button.primary.icon:hover,\n.button.primary:focus,\n.button.primary.icon:focus {\n background-color: #0f0f0f;\n color: #fbf5ff;\n}\n.button.normal,\n.button.normal.icon {\n border: 3px solid rgba(15, 15, 15, 0.3);\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.normal:hover,\n.button.normal.icon:hover,\n.button.normal:focus,\n.button.normal.icon:focus {\n color: #0f0f0f;\n border-color: #0f0f0f;\n}\n.button.primary.icon svg,\n.button.normal.icon svg {\n width: 24px;\n height: 28px;\n}\n.button.secondary,\n.button.secondary.icon {\n padding: 0;\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.secondary:hover,\n.button.secondary.icon:hover,\n.button.secondary:focus,\n.button.secondary.icon:focus {\n background-color: transparent;\n color: #0f0f0f;\n}\n.input-text,\n.input-textarea,\n.input-select {\n border: none;\n border-bottom: solid 3px rgba(15, 15, 15, 0.1);\n border-radius: 0;\n background-color: transparent;\n font-size: 18px;\n line-height: 1.55555556;\n}\n.input-text::placeholder,\n.input-textarea::placeholder,\n.input-select::placeholder {\n color: rgba(15, 15, 15, 0.3);\n}\n.input-text:hover,\n.input-textarea:hover,\n.input-select:hover,\n.input-text:focus,\n.input-textarea:focus,\n.input-select:focus {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text.filled,\n.input-textarea.filled {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text {\n padding: 0 0 11px 0;\n}\n.input-textarea {\n padding: 0;\n height: 99px;\n}\n.input-select select {\n padding: 0 24px 11px 0;\n line-height: inherit;\n}\n.input-select:after {\n top: 10px;\n transform: none;\n right: 0;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20stroke%3D%22%230f0f0f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M1%203.95L5.95%208.9l4.95-4.95%22/%3E%3C/svg%3E');\n}\n.input-select:focus-within,\n.input-select.selected {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-select:focus-within:after,\n.input-select.selected:after {\n opacity: 1;\n}\n.input-check label {\n margin-bottom: 20px;\n}\n.input-check label span {\n padding-left: 38px;\n}\n.input-check label span:before {\n width: 24px;\n height: 24px;\n top: 0;\n}\n.input-check label input[type='radio'] + span:before,\n.input-check label input[type='checkbox'] + span:before {\n background-color: transparent;\n border: 3px solid rgba(15, 15, 15, 0.1);\n}\n.input-check label input[type='radio'] + span:after,\n.input-check label input[type='checkbox'] + span:after {\n left: 4px;\n}\n.input-check label input[type='radio']:checked + span:before,\n.input-check label input[type='checkbox']:checked + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-check label input[type='radio']:checked + span:after,\n.input-check label input[type='checkbox']:checked + span:after {\n left: 4px;\n}\n.input-check label input[type='checkbox'] + span:before {\n border-radius: 0;\n}\n.input-check label:hover input[type='radio'] + span:before,\n.input-check label:focus input[type='radio'] + span:before,\n.input-check label:hover input[type='checkbox'] + span:before,\n.input-check label:focus input[type='checkbox'] + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-rating label {\n width: 38px;\n height: 32px;\n padding: 0 8px 0 2px;\n}\n.input-rating label svg {\n stroke-width: 3;\n overflow: visible;\n}\n.note {\n font-size: 14px;\n line-height: 1.57142857;\n margin: 32px 0 0;\n color: rgba(15, 15, 15, 0.3);\n}\n@keyframes slide-in-bottom {\n 0% {\n transform: translateY(150%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes slide-out-bottom {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(150%);\n }\n}\n.root.enter {\n animation: slide-in-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n.root.leave {\n animation: slide-out-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n@keyframes shake {\n 100% {\n transform: none;\n }\n 0%,\n 99% {\n transform: translate(0, 0);\n }\n 20% {\n transform: translateX(-10px);\n }\n 60% {\n transform: translateX(-5px);\n }\n 40% {\n transform: translateX(10px);\n }\n 80% {\n transform: translateX(5px);\n }\n}\n.form.submit .invalid {\n animation: shake 600ms;\n}\n@keyframes sent-backdrop {\n 0%,\n 100% {\n opacity: 0;\n background-color: rgba(251, 245, 255, 0);\n }\n 50%,\n 75% {\n opacity: 0.6;\n background-color: #fbf5ff;\n }\n}\n@keyframes success-icon-scale {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 50% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 75% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.2);\n }\n}\n@keyframes success-icon-show-path {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes success-icon-draw-circle {\n 0% {\n opacity: 1;\n stroke-dashoffset: 150.72;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 75.36;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n@keyframes success-icon-draw-check {\n 0% {\n opacity: 1;\n stroke-dashoffset: 36;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 18;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n.root.form-sending .content:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n animation: sent-backdrop 2s both;\n}\n.root.form-sending .content .success-icon {\n display: block;\n width: 100%;\n height: 100%;\n animation: success-icon-scale 1.8s linear both;\n}\n.root.form-sending .content .success-icon path {\n animation: success-icon-show-path 1.2s linear both;\n}\n.root.form-sending .content .success-icon circle {\n animation: success-icon-draw-circle 1.2s linear both;\n}\n.root.form-sending .content .success-icon polyline {\n animation: success-icon-draw-check 1.2s linear both;\n}\n\n/*#region Colors */\n/*#endregion*/\n",
"media": {},
"colors": {
"text": "#0f0f0f",
"button": "#0f0f0f",
"background": "#fbf5ff",
"buttonText": "#0f0f0f"
}
},
"data": {},
"targeting": {
"data": {
"timezones": {}
},
"group": {
"items": [
{
"id": "TargetingGroupLocation",
"items": [
{
"items": [
{
"type": "location",
"value": "/*",
"operation": "matchUrl"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupHide",
"items": [
{
"name": "",
"type": "atonce",
"value": true,
"operation": "="
}
],
"operation": "or"
},
{
"id": "TargetingGroupStop",
"items": [
{
"type": "timeSinceLastClose",
"value": 2592000000,
"operation": ">|undefined"
},
{
"name": "",
"type": "timeSinceLastAction",
"value": 7776000000,
"operation": ">|undefined"
},
{
"name": "",
"type": "timeSinceLastHide",
"value": 2592000000,
"operation": ">|undefined"
}
],
"operation": "and"
}
],
"operation": "and"
}
},
"settings": {
"trackGA": true,
"trackGTM": true
}
}
],
"runtime": {
"sessionLength": 20,
"siteId": "8wlnmrq4",
"serverUrl": "https://events.getsitectrl.com/api/v1/events",
"events": [
"show",
"close",
"submit",
"openUrl",
"showWidget",
"copyToClipboard",
"addToCart",
"applyCoupon"
],
"currency": "USD",
"currencyFormat": "${{amount}}",
"recaptcha": {
"action": "signup",
"siteKey": "6LeDAxArAAAAALCVzaVjmTfz4YxjE8tCa0wdh7vx",
"serverKey": "Z0FBQUFBQm95eHk0SF9DYXN1ZTVZMnVmSDFETjdERGQ0QzlhZGFOc1dSMWNiZ2hPWklmeUVtSDBSUVlWNWh6a2JCdFp2eGxvSE9oMjd4MDBPdmtCRU5TVEhkMi1zVlF3a0ZzUVUzS1BfU2NrT3JPRDhMRlhnbEtRRHZhTm93NElweEdPcTQtNzFMMGZFeHl5R2xpNDBueXJBaFpNbURWcmNxSjE4YjFGWmNPeHNPWmFhSnpKa1JmblVvaERDbWpTX3RINS1KMVNRTUczaTlNcGpGaHRYQ1dPX3hHNXR6MEIwOVBpOEdHa0hSVVhHOVFpRVpFMnp6WFV2MFE5NEVrSTcxWW90VlEwdEkyVUhZY0VUWjRHeFVNOE5jS3JCanFIUEE9PQ=="
}
},
"script": {
"js": "https://s2.getsitecontrol.com/widgets/es6/runtime.03de77c.js",
"mjs": "https://s2.getsitecontrol.com/widgets/es6/runtime.03de77c.js"
}
}