Feedback Widget 2

Features multiple steps with validation.
Copy this <script> to your <head>or <body> of your page to make this work
<!-- [Attributes by Flowscriipt] Custom Toast Notificaiton -->
<script src="https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt@main/custom-toast-notification/script.js"></script>

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"febccd71-0057-25c6-efdc-f813a23427ec","type":"Block","tag":"div","classes":["fe12cbe8-dc7c-ef5f-302f-ac0ff970e6da"],"children":["b4c14e09-8a60-1f8c-b6de-adbcae9bb103","febccd71-0057-25c6-efdc-f813a23427ee","febccd71-0057-25c6-efdc-f813a2342812"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b4c14e09-8a60-1f8c-b6de-adbcae9bb103","type":"HtmlEmbed","tag":"div","classes":["a83fb99e-7057-cd42-aa61-004fdff40632"],"children":[],"v":"<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  // Get the elements with the specified attributes\n  const feedbackFormWrapper = document.querySelector(\n    '[data-feedback-form=\"wrapper\"]'\n  );\n  const feedbackTrigger = document.querySelector(\"[data-feedback-trigger]\");\n  const feedbackSubmitButton = feedbackFormWrapper.querySelector(\n    \"[data-feedback-submit]\"\n  );\n  const feedbackText = feedbackFormWrapper.querySelector(\n    \"textarea[data-feedback-text]\"\n  );\n  const closeButton = feedbackFormWrapper.querySelector(\n    \"[data-feedback-close]\"\n  );\n  // Radio inputs\n  const radioLabels = feedbackFormWrapper.querySelectorAll(\n    \"[data-feedback-radio]\"\n  );\n\n  // Function to handle radio input change\n  function handleRadioChange() {\n    let isRadioSelected = false;\n\n    radioLabels.forEach((label) => {\n      const radioInput = label.querySelector('input[type=\"radio\"]');\n      if (radioInput.checked) {\n        label.classList.add(\"active\"); // Add .active class for selected radio\n        feedbackSubmitButton.style.display = \"block\";\n        feedbackText.style.display = \"block\";\n        isRadioSelected = true;\n      } else {\n        label.classList.remove(\"active\"); // Remove .active class for unselected radio\n      }\n    });\n\n    // Add or remove the \"required\" attribute based on whether a radio option is selected\n    if (isRadioSelected) {\n      feedbackText.setAttribute(\"required\", \"true\");\n    } else {\n      feedbackText.removeAttribute(\"required\");\n    }\n  }\n\n  // Function to handle textarea input change\n  function handleTextareaChange() {\n    if (feedbackText.value.length >= 1) {\n      feedbackSubmitButton.style.opacity = 1;\n    } else {\n      feedbackSubmitButton.style.opacity = 0.5;\n    }\n  }\n\n  // Add an input event listener to the feedbackText textarea\n  feedbackText.addEventListener(\"input\", handleTextareaChange);\n\n  // Function to check if any radio input is initially selected\n  function checkInitialRadioSelection() {\n    radioLabels.forEach((label) => {\n      const radioInput = label.querySelector('input[type=\"radio\"]');\n      if (radioInput.checked) {\n        label.classList.add(\"active\"); // Add .active class for selected radio\n        feedbackSubmitButton.style.display = \"block\";\n        feedbackText.style.display = \"block\";\n      } else {\n        label.classList.remove(\"active\"); // Remove .active class for unselected radio\n      }\n    });\n  }\n\n  //Function to hide and show form\n  function toggleForm() {\n    if (\n      feedbackFormWrapper.style.display === \"none\" ||\n      feedbackFormWrapper.style.display === \"\"\n    ) {\n      feedbackFormWrapper.style.display = \"block\";\n    } else {\n      feedbackFormWrapper.style.display = \"none\";\n    }\n  }\n\n  // Set the feedback form wrapper to display: none initially\n  feedbackFormWrapper.style.display = \"none\";\n\n  // Set the feedback submit button and text input to display: none initially\n  feedbackSubmitButton.style.display = \"none\";\n  feedbackSubmitButton.style.opacity = 0.5;\n  feedbackText.style.display = \"none\";\n\n  // Add a click event listener to the trigger element\n  feedbackTrigger.addEventListener(\"click\", () => {\n    // Toggle the display property of the feedback form wrapper\n    toggleForm();\n  });\n\n  // Add a click event listener to the close element\n  closeButton.addEventListener(\"click\", () => {\n    // Toggle the display property of the feedback form wrapper\n    toggleForm();\n  });\n\n  // Add Active class to selected radio inputs\n  radioLabels.forEach((label) => {\n    const radioInput = label.querySelector('input[type=\"radio\"]');\n    radioInput.addEventListener(\"change\", handleRadioChange);\n  });\n\n  checkInitialRadioSelection();\n});\n</script>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  // Get the elements with the specified attributes\n  const feedbackFormWrapper = document.querySelector(\n    '[data-feedback-form=\"wrapper\"]'\n  );\n  const feedbackTrigger = document.querySelector(\"[data-feedback-trigger]\");\n  const feedbackSubmitButton = feedbackFormWrapper.querySelector(\n    \"[data-feedback-submit]\"\n  );\n  const feedbackText = feedbackFormWrapper.querySelector(\n    \"textarea[data-feedback-text]\"\n  );\n  const closeButton = feedbackFormWrapper.querySelector(\n    \"[data-feedback-close]\"\n  );\n  // Radio inputs\n  const radioLabels = feedbackFormWrapper.querySelectorAll(\n    \"[data-feedback-radio]\"\n  );\n\n  // Function to handle radio input change\n  function handleRadioChange() {\n    let isRadioSelected = false;\n\n    radioLabels.forEach((label) => {\n      const radioInput = label.querySelector('input[type=\"radio\"]');\n      if (radioInput.checked) {\n        label.classList.add(\"active\"); // Add .active class for selected radio\n        feedbackSubmitButton.style.display = \"block\";\n        feedbackText.style.display = \"block\";\n        isRadioSelected = true;\n      } else {\n        label.classList.remove(\"active\"); // Remove .active class for unselected radio\n      }\n    });\n\n    // Add or remove the \"required\" attribute based on whether a radio option is selected\n    if (isRadioSelected) {\n      feedbackText.setAttribute(\"required\", \"true\");\n    } else {\n      feedbackText.removeAttribute(\"required\");\n    }\n  }\n\n  // Function to handle textarea input change\n  function handleTextareaChange() {\n    if (feedbackText.value.length >= 1) {\n      feedbackSubmitButton.style.opacity = 1;\n    } else {\n      feedbackSubmitButton.style.opacity = 0.5;\n    }\n  }\n\n  // Add an input event listener to the feedbackText textarea\n  feedbackText.addEventListener(\"input\", handleTextareaChange);\n\n  // Function to check if any radio input is initially selected\n  function checkInitialRadioSelection() {\n    radioLabels.forEach((label) => {\n      const radioInput = label.querySelector('input[type=\"radio\"]');\n      if (radioInput.checked) {\n        label.classList.add(\"active\"); // Add .active class for selected radio\n        feedbackSubmitButton.style.display = \"block\";\n        feedbackText.style.display = \"block\";\n      } else {\n        label.classList.remove(\"active\"); // Remove .active class for unselected radio\n      }\n    });\n  }\n\n  //Function to hide and show form\n  function toggleForm() {\n    if (\n      feedbackFormWrapper.style.display === \"none\" ||\n      feedbackFormWrapper.style.display === \"\"\n    ) {\n      feedbackFormWrapper.style.display = \"block\";\n    } else {\n      feedbackFormWrapper.style.display = \"none\";\n    }\n  }\n\n  // Set the feedback form wrapper to display: none initially\n  feedbackFormWrapper.style.display = \"none\";\n\n  // Set the feedback submit button and text input to display: none initially\n  feedbackSubmitButton.style.display = \"none\";\n  feedbackSubmitButton.style.opacity = 0.5;\n  feedbackText.style.display = \"none\";\n\n  // Add a click event listener to the trigger element\n  feedbackTrigger.addEventListener(\"click\", () => {\n    // Toggle the display property of the feedback form wrapper\n    toggleForm();\n  });\n\n  // Add a click event listener to the close element\n  closeButton.addEventListener(\"click\", () => {\n    // Toggle the display property of the feedback form wrapper\n    toggleForm();\n  });\n\n  // Add Active class to selected radio inputs\n  radioLabels.forEach((label) => {\n    const radioInput = label.querySelector('input[type=\"radio\"]');\n    radioInput.addEventListener(\"change\", handleRadioChange);\n  });\n\n  checkInitialRadioSelection();\n});\n</script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false}},{"_id":"febccd71-0057-25c6-efdc-f813a23427ee","type":"FormWrapper","tag":"div","classes":["2fc34ff1-030b-302d-4585-75c5ab010b53"],"children":["febccd71-0057-25c6-efdc-f813a23427ef","febccd71-0057-25c6-efdc-f813a234280c","febccd71-0057-25c6-efdc-f813a234280f"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[{"name":"data-feedback-form","value":"wrapper"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"febccd71-0057-25c6-efdc-f813a23427ef","type":"FormForm","tag":"form","classes":["fca0631c-85a6-add1-ad20-e9dac9df543b"],"children":["f7e17457-9b55-fb03-99f3-1ef3079c7252","febccd71-0057-25c6-efdc-f813a23427f0","a0206ad4-ef85-9e57-8969-25309b0c0ed4","febccd71-0057-25c6-efdc-f813a23427f5","febccd71-0057-25c6-efdc-f813a2342808"],"data":{"form":{"type":"form","name":"Feedback Form 2"},"search":{"exclude":false},"xattr":[{"name":"data-feedback-form","value":"form"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Feedback-Form-2","name":"wf-form-Feedback-Form-2","data-name":"Feedback Form 2","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"f7e17457-9b55-fb03-99f3-1ef3079c7252","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n[data-feedback-trigger] { transform-origin: right bottom !important; pointer-events: auto;}\n[data-feedback-widget] { pointer-events: none;}\n[data-feedback-form=\"wrapper\"] {pointer-events: auto;}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<style>\n[data-feedback-trigger] { transform-origin: right bottom !important; pointer-events: auto;}\n[data-feedback-widget] { pointer-events: none;}\n[data-feedback-form=\"wrapper\"] {pointer-events: auto;}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"febccd71-0057-25c6-efdc-f813a23427f0","type":"Block","tag":"div","classes":["4dc3182b-28c9-c0dc-81d7-1278c63ce83a"],"children":["febccd71-0057-25c6-efdc-f813a23427f2","febccd71-0057-25c6-efdc-f813a23427f4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a23427f2","type":"Block","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a23427f3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a23427f3","text":true,"v":"How's your experience?"},{"_id":"febccd71-0057-25c6-efdc-f813a23427f4","type":"HtmlEmbed","tag":"div","classes":["e583c78e-4e1d-eab8-2181-897fad99801b"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M12.7654 12.2349C12.8023 12.2693 12.8318 12.3107 12.8523 12.3567C12.8728 12.4027 12.8838 12.4523 12.8847 12.5027C12.8856 12.553 12.8763 12.603 12.8575 12.6497C12.8386 12.6964 12.8105 12.7388 12.7749 12.7744C12.7393 12.8101 12.6969 12.8381 12.6502 12.857C12.6035 12.8758 12.5535 12.8851 12.5032 12.8842C12.4528 12.8833 12.4031 12.8723 12.3571 12.8518C12.3111 12.8313 12.2697 12.8018 12.2354 12.7649L8.00041 8.53055L3.76541 12.7649C3.69432 12.8312 3.6003 12.8672 3.50315 12.8655C3.406 12.8638 3.31331 12.8244 3.2446 12.7557C3.17589 12.687 3.13654 12.5943 3.13482 12.4972C3.13311 12.4 3.16917 12.306 3.23541 12.2349L7.46979 7.99992L3.23541 3.76492C3.16917 3.69384 3.13311 3.59981 3.13482 3.50266C3.13654 3.40551 3.17589 3.31282 3.2446 3.24411C3.31331 3.17541 3.406 3.13605 3.50315 3.13434C3.6003 3.13262 3.69432 3.16868 3.76541 3.23492L8.00041 7.4693L12.2354 3.23492C12.3065 3.16868 12.4005 3.13262 12.4977 3.13434C12.5948 3.13605 12.6875 3.17541 12.7562 3.24411C12.8249 3.31282 12.8643 3.40551 12.866 3.50266C12.8677 3.59981 12.8317 3.69384 12.7654 3.76492L8.53104 7.99992L12.7654 12.2349Z\" fill=\"currentColor\"/>\n</svg>","data":{"xattr":[{"name":"data-feedback-close","value":""}],"search":{"exclude":true},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M12.7654 12.2349C12.8023 12.2693 12.8318 12.3107 12.8523 12.3567C12.8728 12.4027 12.8838 12.4523 12.8847 12.5027C12.8856 12.553 12.8763 12.603 12.8575 12.6497C12.8386 12.6964 12.8105 12.7388 12.7749 12.7744C12.7393 12.8101 12.6969 12.8381 12.6502 12.857C12.6035 12.8758 12.5535 12.8851 12.5032 12.8842C12.4528 12.8833 12.4031 12.8723 12.3571 12.8518C12.3111 12.8313 12.2697 12.8018 12.2354 12.7649L8.00041 8.53055L3.76541 12.7649C3.69432 12.8312 3.6003 12.8672 3.50315 12.8655C3.406 12.8638 3.31331 12.8244 3.2446 12.7557C3.17589 12.687 3.13654 12.5943 3.13482 12.4972C3.13311 12.4 3.16917 12.306 3.23541 12.2349L7.46979 7.99992L3.23541 3.76492C3.16917 3.69384 3.13311 3.59981 3.13482 3.50266C3.13654 3.40551 3.17589 3.31282 3.2446 3.24411C3.31331 3.17541 3.406 3.13605 3.50315 3.13434C3.6003 3.13262 3.69432 3.16868 3.76541 3.23492L8.00041 7.4693L12.2354 3.23492C12.3065 3.16868 12.4005 3.13262 12.4977 3.13434C12.5948 3.13605 12.6875 3.17541 12.7562 3.24411C12.8249 3.31282 12.8643 3.40551 12.866 3.50266C12.8677 3.59981 12.8317 3.69384 12.7654 3.76492L8.53104 7.99992L12.7654 12.2349Z\" fill=\"currentColor\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed4","type":"Block","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b87"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ed5","a0206ad4-ef85-9e57-8969-25309b0c0ed6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed5","type":"HtmlEmbed","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b86"],"children":[],"v":"<!-- [Finsweet Attributes] Star Rating -->\n<script>(()=>{var t=\"https://cdn.jsdelivr.net/npm/@finsweet/attributes-starrating@1/starrating.js\",e=document.querySelector(`script[src=\"${t}\"]`);e||(e=document.createElement(\"script\"),e.async=!0,e.src=t,document.head.append(e));})();</script>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<!-- [Finsweet Attributes] Star Rating -->\n<script>(()=>{var t=\"https://cdn.jsdelivr.net/npm/@finsweet/attributes-starrating@1/starrating.js\",e=document.querySelector(`script[src=\"${t}\"]`);e||(e=document.createElement(\"script\"),e.async=!0,e.src=t,document.head.append(e));})();</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed6","type":"Block","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b85"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ed7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed7","type":"Block","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b84"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ed8","a0206ad4-ef85-9e57-8969-25309b0c0edd","a0206ad4-ef85-9e57-8969-25309b0c0ee2","a0206ad4-ef85-9e57-8969-25309b0c0ee7","a0206ad4-ef85-9e57-8969-25309b0c0eec"],"data":{"search":{"exclude":false},"xattr":[{"name":"fs-starrating-element","value":"group"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed8","type":"FormRadioWrapper","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b83"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ed9","a0206ad4-ef85-9e57-8969-25309b0c0eda","a0206ad4-ef85-9e57-8969-25309b0c0edc"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ed9","type":"FormRadioInput","tag":"input","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b82"],"children":[],"data":{"attr":{"id":"Star-rating-2-1","type":"radio","name":"Star-Rating","value":"1","data-name":"Star Rating","required":false},"form":{"type":"radio-input","name":"Star Rating"},"inputType":"custom"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eda","type":"FormInlineLabel","tag":"label","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b81"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0edb"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0edb","text":true,"v":"Radio"},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0edc","type":"Image","tag":"img","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b80","0e4475e1-3c04-6860-dae0-43e7c2a32b88"],"children":[],"data":{"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png","loading":"lazy"},"xattr":[{"name":"fs-starrating-element","value":"star"}],"img":{"id":"6510a5c28db4b6bcf78b5fb9","sizes":[{"max":479,"size":"12vw"},{"max":10000,"size":"44.47500228881836px"}]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0edd","type":"FormRadioWrapper","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b83"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ede","a0206ad4-ef85-9e57-8969-25309b0c0edf","a0206ad4-ef85-9e57-8969-25309b0c0ee1"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"data-feedback-radio","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ede","type":"FormRadioInput","tag":"input","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b82"],"children":[],"data":{"attr":{"id":"Star-rating-2-2","type":"radio","name":"Star-Rating","value":"2","data-name":"Star Rating","required":false},"form":{"type":"radio-input","name":"Star Rating"},"inputType":"custom"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0edf","type":"FormInlineLabel","tag":"label","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b81"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ee0"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee0","text":true,"v":"Radio"},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee1","type":"Image","tag":"img","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b80"],"children":[],"data":{"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","loading":"lazy"},"xattr":[{"name":"fs-starrating-element","value":"star"}],"img":{"id":"6510a5c28db4b6bcf78b5fb7","sizes":[{"max":479,"size":"12vw"},{"max":10000,"size":"44.48125076293945px"}]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee2","type":"FormRadioWrapper","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b83"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ee3","a0206ad4-ef85-9e57-8969-25309b0c0ee4","a0206ad4-ef85-9e57-8969-25309b0c0ee6"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"data-feedback-radio","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee3","type":"FormRadioInput","tag":"input","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b82"],"children":[],"data":{"attr":{"id":"Star-rating-2-3","type":"radio","name":"Star-Rating","value":"3","data-name":"Star Rating","required":false},"form":{"type":"radio-input","name":"Star Rating"},"inputType":"custom"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee4","type":"FormInlineLabel","tag":"label","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b81"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ee5"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee5","text":true,"v":"Radio"},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee6","type":"Image","tag":"img","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b80"],"children":[],"data":{"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","loading":"lazy"},"xattr":[{"name":"fs-starrating-element","value":"star"}],"img":{"id":"6510a5c28db4b6bcf78b5fbd","sizes":[{"max":479,"size":"12vw"},{"max":10000,"size":"44.48125076293945px"}]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee7","type":"FormRadioWrapper","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b83"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0ee8","a0206ad4-ef85-9e57-8969-25309b0c0ee9","a0206ad4-ef85-9e57-8969-25309b0c0eeb"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"data-feedback-radio","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee8","type":"FormRadioInput","tag":"input","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b82"],"children":[],"data":{"attr":{"id":"Star-rating-2-4","type":"radio","name":"Star-Rating","value":"4","data-name":"Star Rating","required":false},"form":{"type":"radio-input","name":"Star Rating"},"inputType":"custom"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ee9","type":"FormInlineLabel","tag":"label","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b81"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0eea"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eea","text":true,"v":"Radio"},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eeb","type":"Image","tag":"img","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b80"],"children":[],"data":{"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png","loading":"lazy"},"xattr":[{"name":"fs-starrating-element","value":"star"}],"img":{"id":"6510a5c28db4b6bcf78b5fbb","sizes":[{"max":479,"size":"12vw"},{"max":10000,"size":"44.48125076293945px"}]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eec","type":"FormRadioWrapper","tag":"div","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b83"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0eed","a0206ad4-ef85-9e57-8969-25309b0c0eee","a0206ad4-ef85-9e57-8969-25309b0c0ef0"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"data-feedback-radio","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eed","type":"FormRadioInput","tag":"input","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b82"],"children":[],"data":{"attr":{"id":"Star-rating-2-5","type":"radio","name":"Star-Rating","value":"5","data-name":"Star Rating","required":false},"form":{"type":"radio-input","name":"Star Rating"},"inputType":"custom"}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eee","type":"FormInlineLabel","tag":"label","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b81"],"children":["a0206ad4-ef85-9e57-8969-25309b0c0eef"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0eef","text":true,"v":"Radio"},{"_id":"a0206ad4-ef85-9e57-8969-25309b0c0ef0","type":"Image","tag":"img","classes":["0e4475e1-3c04-6860-dae0-43e7c2a32b80"],"children":[],"data":{"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","loading":"lazy"},"xattr":[{"name":"fs-starrating-element","value":"star"}],"img":{"id":"6510a5c28db4b6bcf78b5fb5","sizes":[{"max":479,"size":"12vw"},{"max":10000,"size":"44.48125076293945px"}]}}},{"_id":"febccd71-0057-25c6-efdc-f813a23427f5","type":"Block","tag":"div","classes":["3407fed7-ba0d-7e7c-e426-0a180a630997"],"children":["febccd71-0057-25c6-efdc-f813a2342806","febccd71-0057-25c6-efdc-f813a2342807"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a2342806","type":"FormTextarea","tag":"textarea","classes":["252243b0-2c07-f062-da06-66fdab020789"],"children":[],"data":{"attr":{"id":"Description-3","name":"Description","maxlength":5000,"data-name":"Description","placeholder":"Tell us about it...","required":false,"autofocus":false},"xattr":[{"name":"data-feedback-text","value":""}],"form":{"name":"Description","type":"textarea"}}},{"_id":"febccd71-0057-25c6-efdc-f813a2342807","type":"FormButton","tag":"input","classes":["09120364-2ec8-2433-6ae7-6492587d3f33"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait..."},"xattr":[{"name":"data-feedback-submit","value":""}],"form":{"type":"button"}}},{"_id":"febccd71-0057-25c6-efdc-f813a2342808","type":"Block","tag":"div","classes":["73c3a34c-8cee-45ea-a8ee-a395dd22c38f"],"children":["febccd71-0057-25c6-efdc-f813a2342809","febccd71-0057-25c6-efdc-f813a234280a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a2342809","text":true,"v":"Feedback widget by "},{"_id":"febccd71-0057-25c6-efdc-f813a234280a","type":"Link","tag":"a","classes":[],"children":["febccd71-0057-25c6-efdc-f813a234280b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"flowscriipt.com","mode":"external","target":"_blank"}}},{"_id":"febccd71-0057-25c6-efdc-f813a234280b","text":true,"v":"Flowscriipt"},{"_id":"febccd71-0057-25c6-efdc-f813a234280c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a234280d"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"febccd71-0057-25c6-efdc-f813a234280d","type":"Block","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a234280e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a234280e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"febccd71-0057-25c6-efdc-f813a234280f","type":"FormErrorMessage","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a2342810"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"febccd71-0057-25c6-efdc-f813a2342810","type":"Block","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a2342811"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a2342811","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"febccd71-0057-25c6-efdc-f813a2342812","type":"Block","tag":"div","classes":["c2e74e31-7138-c685-fab6-eb97b9961de0"],"children":["febccd71-0057-25c6-efdc-f813a2342813","febccd71-0057-25c6-efdc-f813a2342814"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-feedback-trigger","value":""}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a2342813","type":"Image","tag":"img","classes":["ce8977aa-597b-0962-78de-df0b6c98581b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/650ee6a89aad1a83c3ca9254_noto_panda.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"650ee6a89aad1a83c3ca9254"}}},{"_id":"febccd71-0057-25c6-efdc-f813a2342814","type":"Block","tag":"div","classes":[],"children":["febccd71-0057-25c6-efdc-f813a2342815"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"febccd71-0057-25c6-efdc-f813a2342815","text":true,"v":"Feedback"}],"styles":[{"_id":"252243b0-2c07-f062-da06-66fdab020789","fake":false,"type":"class","name":"feedback-text","namespace":"","comb":"","styleLess":"margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 91.03%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 91.03%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 91.03%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 91.03%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b83","fake":false,"type":"class","name":"fs_starrating-2_item","namespace":"","comb":"","styleLess":"position: relative; margin-bottom: 0rem; padding-left: 0rem; cursor: pointer;","variants":{"main_hover":{"styleLess":"transform: translate(0px, -2px);"}},"children":[],"selector":null},{"_id":"fca0631c-85a6-add1-ad20-e9dac9df543b","fake":false,"type":"class","name":"feedback-form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"73c3a34c-8cee-45ea-a8ee-a395dd22c38f","fake":false,"type":"class","name":"feedack-footer ","namespace":"","comb":"","styleLess":"margin-top: 8px; color: hsla(216, 0.00%, 40.00%, 1.00); font-size: 0.75rem; text-align: center;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b80","fake":false,"type":"class","name":"fs_starrating-2_icon","namespace":"","comb":"","styleLess":"position: relative; filter: grayscale(100%); color: hsla(0, 0.00%, 96.08%, 1.00);","variants":{},"children":["0e4475e1-3c04-6860-dae0-43e7c2a32b88"],"selector":null},{"_id":"3407fed7-ba0d-7e7c-e426-0a180a630997","fake":false,"type":"class","name":"feedback-middle","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; grid-row-gap: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"c2e74e31-7138-c685-fab6-eb97b9961de0","fake":false,"type":"class","name":"feedback-trigger","namespace":"","comb":"","styleLess":"position: fixed; top: 40%; right: 0px; display: flex; padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; justify-content: center; align-items: center; grid-column-gap: 1rem; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: hsla(216, 10.64%, 9.22%, 1.00); transform: rotate(270deg); color: hsla(216, 0.00%, 100.00%, 1.00); cursor: pointer;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 11px 5px hsla(216, 10.64%, 9.22%, 0.15);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b81","fake":false,"type":"class","name":"fs_starrating-2_label","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"ce8977aa-597b-0962-78de-df0b6c98581b","fake":false,"type":"class","name":"feedback-icon","namespace":"","comb":"","styleLess":"width: 1rem; height: 1rem; transform: rotate(90deg);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b88","fake":false,"type":"class","name":"is-active-starrating","namespace":"","comb":"&","styleLess":"filter: grayscale(0%); color: hsla(47, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b86","fake":false,"type":"class","name":"fs_starrating-2_embed","namespace":"","comb":"","styleLess":"display: none; margin-bottom: 0rem;","variants":{},"children":[],"selector":null},{"_id":"09120364-2ec8-2433-6ae7-6492587d3f33","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5em; padding-right: 1.25em; padding-bottom: 0.5em; padding-left: 1.25em; justify-content: center; align-items: center; grid-column-gap: 0.5em; border-top-style: none; border-top-width: 0.0625em; border-top-color: hsla(216, 0.00%, 100.00%, 1.00); border-right-style: none; border-right-width: 0.0625em; border-right-color: hsla(216, 0.00%, 100.00%, 1.00); border-bottom-style: none; border-bottom-width: 0.0625em; border-bottom-color: hsla(216, 0.00%, 100.00%, 1.00); border-left-style: none; border-left-width: 0.0625em; border-left-color: hsla(216, 0.00%, 100.00%, 1.00); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; background-color: hsla(216, 10.64%, 9.22%, 1.00); box-shadow: 0 0 0 0.25rem hsla(216, 0.00%, 89.73%, 0.46); color: hsla(0, 0.00%, 100.00%, 1.00); line-height: 1.5; font-weight: 500;","variants":{},"children":["8a619a51-51b3-dbe7-8f48-b6375c6fa2b1","b1ea25c9-5268-29bc-c189-ed4c817d7dd4","b3621337-11e3-399e-6dd5-22752e572f4a","a4f99641-a960-0d48-01ce-328c39f81393","f0d7674d-0085-5f59-44e5-ab906c4e7ec9","f203e08e-ab35-84ab-5401-da5d295f3acd","b7176199-5c87-44e9-2bb6-f85e555bc6e1","c765d6d3-3223-9889-c356-6eff30838347","dd37f5a5-c45d-b278-cb63-e3a2068a79f2","3bba775c-26a4-5c11-c8cd-363653ec1bab","0ac19bde-7efc-8e17-3c59-f96a9d65fb73"],"createdBy":"642deb24e95b77510d733d53","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b82","fake":false,"type":"class","name":"fs_starrating-2_radio-button","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; width: 100%; height: 100%; margin-top: 0rem; margin-left: 0rem; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;","variants":{"main_redirected-focus-visible":{"styleLess":"outline-color: hsla(0, 0.00%, 60.78%, 1.00); outline-offset: 4px; outline-style: solid; outline-width: 2px;"},"main_redirected-focus":{"styleLess":"box-shadow: none /* 0 0 3px 1px rgba(56, 152, 236, 1) */;"}},"children":[],"selector":null},{"_id":"4dc3182b-28c9-c0dc-81d7-1278c63ce83a","fake":false,"type":"class","name":"feedback-top","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 1rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"fe12cbe8-dc7c-ef5f-302f-ac0ff970e6da","fake":false,"type":"class","name":"feedback-widget","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"a83fb99e-7057-cd42-aa61-004fdff40632","fake":false,"type":"class","name":"Don't Delete","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b85","fake":false,"type":"class","name":"fs_starrating-2_wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"2fc34ff1-030b-302d-4585-75c5ab010b53","fake":false,"type":"class","name":"feedback-card-block","namespace":"","comb":"","styleLess":"position: absolute; right: 56px; width: 100%; max-width: 20rem; margin-bottom: 0px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 93.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 93.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 93.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 93.04%, 1.00); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: white; box-shadow: 0 3px 10px 0 hsla(0, 0.00%, 0.00%, 0.04);","variants":{"tiny":{"styleLess":"max-width: 18rem;"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"e583c78e-4e1d-eab8-2181-897fad99801b","fake":false,"type":"class","name":"feedback-close","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-left-radius: 500px; border-bottom-right-radius: 500px; cursor: pointer;","variants":{"main_hover":{"styleLess":"background-color: #f3f3f3; box-shadow: 0 0 0 6px hsla(0, 0.00%, 95.48%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b84","fake":false,"type":"class","name":"fs_starrating-2_group","namespace":"","comb":"","styleLess":"display: grid; justify-items: stretch; align-items: stretch; grid-auto-flow: column; grid-auto-columns: auto; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: auto; grid-template-rows: auto;","variants":{},"children":[],"selector":null},{"_id":"0e4475e1-3c04-6860-dae0-43e7c2a32b87","fake":false,"type":"class","name":"fs_starrating-2_component","namespace":"","comb":"","styleLess":"display: grid; margin-bottom: 1rem; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png","siteId":"6493377f1a80e7fd23cf1812","width":120,"isHD":false,"height":120,"fileName":"6510a5c28db4b6bcf78b5fb9_angry-emoji.png","createdOn":"2023-09-24T21:10:26.327Z","origFileName":"angry-emoji.png","fileHash":"557ec4615644a5c471cd2ca404bfea6b","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png","origFileName":"angry-emoji.png","fileName":"6510a5c28db4b6bcf78b5fb9_angry-emoji.png","format":"png","_id":"63c8371e87c05b0092d6c85e","cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb9_angry-emoji.png","_id":"6510a5c28db4b6bcf78b5fb9","updatedOn":"2023-09-24T21:10:26.520Z","fileSize":16342,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","siteId":"6493377f1a80e7fd23cf1812","width":120,"isHD":false,"height":120,"fileName":"6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","createdOn":"2023-09-24T21:10:26.323Z","origFileName":"neutral-emoji.png","fileHash":"11c228597417313d9d2d655c4599b9ce","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","origFileName":"neutral-emoji.png","fileName":"6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","format":"png","_id":"63c8371e87c05b0092d6c853","cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb7_neutral-emoji.png","_id":"6510a5c28db4b6bcf78b5fb7","updatedOn":"2023-09-24T21:10:26.522Z","fileSize":15092,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","siteId":"6493377f1a80e7fd23cf1812","width":120,"isHD":false,"height":120,"fileName":"6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","createdOn":"2023-09-24T21:10:26.338Z","origFileName":"smiling-emoji.png","fileHash":"efeafb0b8f7062e3bd5ab6f261c450f9","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","origFileName":"smiling-emoji.png","fileName":"6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","format":"png","_id":"63c8371e87c05b0092d6c875","cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbd_smiling-emoji.png","_id":"6510a5c28db4b6bcf78b5fbd","updatedOn":"2023-09-24T21:10:27.176Z","fileSize":15717,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png","siteId":"6493377f1a80e7fd23cf1812","width":120,"isHD":false,"height":120,"fileName":"6510a5c28db4b6bcf78b5fbb_happy-emoji.png","createdOn":"2023-09-24T21:10:26.330Z","origFileName":"happy-emoji.png","fileHash":"e71a61ee44538ab422b5aec40fcac8a2","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png","origFileName":"happy-emoji.png","fileName":"6510a5c28db4b6bcf78b5fbb_happy-emoji.png","format":"png","_id":"63c8371e87c05b0092d6c86a","cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fbb_happy-emoji.png","_id":"6510a5c28db4b6bcf78b5fbb","updatedOn":"2023-09-24T21:10:26.539Z","fileSize":16890,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","siteId":"6493377f1a80e7fd23cf1812","width":120,"isHD":false,"height":120,"fileName":"6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","createdOn":"2023-09-24T21:10:26.318Z","origFileName":"heart-eyes-emoji.png","fileHash":"84d041e6b9b2687f26dfcf37725dc548","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","origFileName":"heart-eyes-emoji.png","fileName":"6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","format":"png","_id":"63c8371d87c05b0092d6c83a","cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/6510a5c28db4b6bcf78b5fb5_heart-eyes-emoji.png","_id":"6510a5c28db4b6bcf78b5fb5","updatedOn":"2023-09-24T21:10:26.552Z","fileSize":18104,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/650ee6a89aad1a83c3ca9254_noto_panda.svg","siteId":"6493377f1a80e7fd23cf1812","width":16,"isHD":false,"height":17,"fileName":"650ee6a89aad1a83c3ca9254_noto_panda.svg","createdOn":"2023-09-23T13:22:48.500Z","origFileName":"noto_panda.svg","fileHash":"519e1fe8cf79807847ab5a6cad06c73c","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6493377f1a80e7fd23cf1812/650ee6a89aad1a83c3ca9254_noto_panda.svg","thumbUrl":"https://cdn.prod.website-files.com/6493377f1a80e7fd23cf1812/650ee6a89aad1a83c3ca9254_noto_panda.svg","_id":"650ee6a89aad1a83c3ca9254","updatedOn":"2023-09-23T13:22:48.500Z","fileSize":3603,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Similar Components

Onboarding 2 - Multiforms
Multi-forms
Input Stepper (Increase & Decrease)
Multi-forms
Countdown Component
Multi-forms
View all Components
Beta Testing

Get Flowscriipt Pro

Free
$0
What you'll get:
Access to Only Free Libraries
Community Support
Access to ChatGPT Prompts for webflow
Webflow Components
Lifetime Access & Updates
Access to all Pro Libraries
Sign up
No Credit Card Required
Monthly Plan
$17
$37
What you'll get:
Access to all Pro Libraries
Lifetime Access & Updates
Private Support
Access to ChatGPT Prompts for webflow
Webflow Components
Cancel Anytime
Lifetime deal
$97
$127
What you'll get:
Access to all Pro Libraries
Lifetime Access & Updates
Private Support
Access to ChatGPT Prompts for webflow
Webflow and HTML Components
Discounts on Flowscriip Products
Popular
$70 off till Nov 31st
Affiliate - 35% Commission
Join Flowscriipt Affiliate Campaign and get 35% commission sharing flowscriipt to your clients - Paid Orders
Become an Affiliate

Frequently asked Questions

Hosting outside webflow, can I still use it?

Yes, as long as you add the attributes in the docs to your html attributes it will work just as webflow.

Can I get a refund?

Yes! You can request a refund within 7 days of your purchase. Reach out on Twitter or by email at manuel@flowscriipt.com

If I purchase just one Pro Library, do I have access to the rest?

If you purchase just one pro library eg, Flowscriipt Forms you'd only have access to the multiform library.

Do you provide support?

Absolutely, I'd love to hear any feedback or question you might have. Just reach out to me on my twitter or email — don't hesitate!

Do I get updates if I purchase lifetime?

Yeah sure, you have access to new updates and new library if you purchase the lifetime deal.

Is Flowscriipt Free?

Yeah there are free libraries to add functionalities to your Webflow site, and take it to the next level with the pro library.

Is any coding knowledge required?

Absolutely none! But two things are needed though COPY & PASTE :)