Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30a8","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb49"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30a9","f5df5961-bd5c-47a3-efa4-f91ebccf30ab"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30a9","type":"Link","tag":"a","classes":["e366b4ab-5be7-d448-1ff7-8f80d0193557"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30aa"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30aa","text":true,"v":"Click to open"},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30ab","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30ac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30ac","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb4c"],"children":["acae6926-001a-42ea-cb35-8a95c269d611"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d611","type":"FormWrapper","tag":"div","classes":["5e296be5-e420-09dc-881b-c6a4beb613ad"],"children":["acae6926-001a-42ea-cb35-8a95c269d612","acae6926-001a-42ea-cb35-8a95c269d61a","acae6926-001a-42ea-cb35-8a95c269d61d"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d612","type":"FormForm","tag":"form","classes":[],"children":["0bf1a06c-37c1-809a-f260-3764b4659dbc","e7fe9dba-db61-e8d7-9669-5680e70acf9f","df1aaea9-5a50-4ada-8262-31160908b43f"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"ms-code-submit-form","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"0bf1a06c-37c1-809a-f260-3764b4659dbc","type":"Block","tag":"div","classes":["c5dd84ea-ae13-18ba-1274-8c2e3505c575"],"children":["12faf0e7-a47a-0289-a4e1-9c72f47973c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12faf0e7-a47a-0289-a4e1-9c72f47973c9","type":"Block","tag":"div","classes":[],"children":["12faf0e7-a47a-0289-a4e1-9c72f47973ca"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12faf0e7-a47a-0289-a4e1-9c72f47973ca","text":true,"v":"How satisfied are you?"},{"_id":"e7fe9dba-db61-e8d7-9669-5680e70acf9f","type":"Block","tag":"div","classes":["da38085b-a685-5a8c-5587-3ae8896676e3"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe84e","566ce7fc-084b-69c1-1e80-09802ff8878f","4450ecaf-6467-e715-a1b8-dbcf64c17944","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe84e","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe84f","88e10997-d356-cd1e-1447-da94371766e4","ceccece5-7608-5ba1-5434-57fed2dbe850"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe84f","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"type":"radio","data-name":"satisfaction","id":"1","name":"satisfaction","value":"1","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"88e10997-d356-cd1e-1447-da94371766e4","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["88e10997-d356-cd1e-1447-da94371766e5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88e10997-d356-cd1e-1447-da94371766e5","text":true,"v":"😢"},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe850","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe851"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe851","text":true,"v":"Not at all"},{"_id":"566ce7fc-084b-69c1-1e80-09802ff8878f","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["566ce7fc-084b-69c1-1e80-09802ff88790","566ce7fc-084b-69c1-1e80-09802ff88791","566ce7fc-084b-69c1-1e80-09802ff88793"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88790","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"id":"2","type":"radio","name":"satisfaction","value":"2","data-name":"satisfaction","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88791","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["566ce7fc-084b-69c1-1e80-09802ff88792"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88792","text":true,"v":"😐"},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88793","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["566ce7fc-084b-69c1-1e80-09802ff88794"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88794","text":true,"v":"Kind of"},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17944","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17945","4450ecaf-6467-e715-a1b8-dbcf64c17946","4450ecaf-6467-e715-a1b8-dbcf64c17948"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17945","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"id":"3","type":"radio","name":"satisfaction","value":"3","data-name":"satisfaction","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17946","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17947"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17947","text":true,"v":"🙂"},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17948","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17949"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17949","text":true,"v":"Satisfied"},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f2","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f3","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f4","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f6"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f3","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"type":"radio","data-name":"satisfaction","id":"4","name":"satisfaction","value":"4","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f4","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f5","text":true,"v":"😁"},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f6","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f7"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f7","text":true,"v":"Very happy"},{"_id":"df1aaea9-5a50-4ada-8262-31160908b43f","type":"Block","tag":"div","classes":["40cd12e4-fef0-e140-4730-afba882f433b"],"children":["4ac8f459-c017-8f5f-32c2-a817f4d08ddd","acae6926-001a-42ea-cb35-8a95c269d619"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4ac8f459-c017-8f5f-32c2-a817f4d08ddd","type":"Block","tag":"div","classes":[],"children":["cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","type":"Block","tag":"div","classes":["3ce47145-96aa-cb19-9488-8092245018fb"],"children":["cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4c","text":true,"v":"Close survey"},{"_id":"acae6926-001a-42ea-cb35-8a95c269d619","type":"FormButton","tag":"input","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb48"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61a","type":"FormSuccessMessage","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61b"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61b","type":"Block","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61c","text":true,"v":"Thank you for filling out our survey!"},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61d","type":"FormErrorMessage","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61e"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61e","type":"Block","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61f","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"da38085b-a685-5a8c-5587-3ae8896676e3","fake":false,"type":"class","name":"modal-middle","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; justify-content: center; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7c072488-89de-682e-4791-b48276c00de7","fake":false,"type":"class","name":"radio-field","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; flex-direction: column; align-items: center; transition-property: transform; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb48","fake":false,"type":"class","name":"button_form","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: center; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(236.34146341463415, 0.00%, 0.00%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); opacity: 0.5; color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; font-weight: 400; cursor: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["4fb3bba8-5a0b-19a7-1533-f84a04759517","ccb5bacf-3ed0-f959-e7b0-7da9cec52b7a"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"3ce47145-96aa-cb19-9488-8092245018fb","fake":false,"type":"class","name":"close","namespace":"","comb":"","styleLess":"cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5e296be5-e420-09dc-881b-c6a4beb613ad","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7c3690ff-4b24-b0ec-0963-b8821dc92035","fake":false,"type":"class","name":"emoji","namespace":"","comb":"","styleLess":"font-size: 55px; line-height: 1;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb50","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb4c","fake":false,"type":"class","name":"form-border","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: auto; max-width: 600px; min-width: 400px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 84.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 84.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 84.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":["2fcd4b19-d14b-a42c-c16c-793e015bbb54"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"40cd12e4-fef0-e140-4730-afba882f433b","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 98.67%, 1.00); box-shadow: 0 -1px 10px 0 hsla(0, 0.00%, 0.00%, 0.05);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"aaca9be1-de1d-e55e-9d1a-feaa8a4fb058","fake":false,"type":"class","name":"radio-label","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 0px; font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c5dd84ea-ae13-18ba-1274-8c2e3505c575","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; justify-content: center; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00); box-shadow: 0 2px 10px 0 hsla(0, 0.00%, 0.00%, 0.05); font-size: 17px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e366b4ab-5be7-d448-1ff7-8f80d0193557","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: center; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(236.34146341463415, 0.00%, 0.00%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["918d15a6-7f93-7d27-1c52-8f42e1acc1b7"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb49","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"abd2015c-1656-3125-397b-fc5eaa0b9aaf","fake":false,"type":"class","name":"radio-button","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; background-color: hsla(0, 0.00%, 100.00%, 1.00); opacity: 0.4; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; cursor: pointer;","variants":{"main_hover":{"styleLess":"opacity: 0;"},"main_redirected-focus":{"styleLess":"border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; box-shadow: none; opacity: 0;"},"main_redirected-checked":{"styleLess":"border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; opacity: 0;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","createdOn":1679474913730},{"id":"i-2","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-3","e-4"],"target":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","createdOn":1685435125362}],"events":[{"id":"e","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1679474913730},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1679474913730},{"id":"e-3","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1685435125362},{"id":"e-4","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1685435125362}],"actionLists":[{"id":"a","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-2","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-2-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30a8","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb49"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30a9","f5df5961-bd5c-47a3-efa4-f91ebccf30ab"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30a9","type":"Link","tag":"a","classes":["e366b4ab-5be7-d448-1ff7-8f80d0193557"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30aa"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30aa","text":true,"v":"Click to open"},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30ab","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"children":["f5df5961-bd5c-47a3-efa4-f91ebccf30ac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5df5961-bd5c-47a3-efa4-f91ebccf30ac","type":"Block","tag":"div","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb4c"],"children":["acae6926-001a-42ea-cb35-8a95c269d611"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d611","type":"FormWrapper","tag":"div","classes":["5e296be5-e420-09dc-881b-c6a4beb613ad"],"children":["acae6926-001a-42ea-cb35-8a95c269d612","acae6926-001a-42ea-cb35-8a95c269d61a","acae6926-001a-42ea-cb35-8a95c269d61d"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d612","type":"FormForm","tag":"form","classes":[],"children":["0bf1a06c-37c1-809a-f260-3764b4659dbc","e7fe9dba-db61-e8d7-9669-5680e70acf9f","df1aaea9-5a50-4ada-8262-31160908b43f"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"ms-code-submit-form","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"0bf1a06c-37c1-809a-f260-3764b4659dbc","type":"Block","tag":"div","classes":["c5dd84ea-ae13-18ba-1274-8c2e3505c575"],"children":["12faf0e7-a47a-0289-a4e1-9c72f47973c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12faf0e7-a47a-0289-a4e1-9c72f47973c9","type":"Block","tag":"div","classes":[],"children":["12faf0e7-a47a-0289-a4e1-9c72f47973ca"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12faf0e7-a47a-0289-a4e1-9c72f47973ca","text":true,"v":"How satisfied are you?"},{"_id":"e7fe9dba-db61-e8d7-9669-5680e70acf9f","type":"Block","tag":"div","classes":["da38085b-a685-5a8c-5587-3ae8896676e3"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe84e","566ce7fc-084b-69c1-1e80-09802ff8878f","4450ecaf-6467-e715-a1b8-dbcf64c17944","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe84e","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe84f","88e10997-d356-cd1e-1447-da94371766e4","ceccece5-7608-5ba1-5434-57fed2dbe850"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe84f","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"type":"radio","data-name":"satisfaction","id":"1","name":"satisfaction","value":"1","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"88e10997-d356-cd1e-1447-da94371766e4","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["88e10997-d356-cd1e-1447-da94371766e5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88e10997-d356-cd1e-1447-da94371766e5","text":true,"v":"😢"},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe850","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["ceccece5-7608-5ba1-5434-57fed2dbe851"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ceccece5-7608-5ba1-5434-57fed2dbe851","text":true,"v":"Not at all"},{"_id":"566ce7fc-084b-69c1-1e80-09802ff8878f","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["566ce7fc-084b-69c1-1e80-09802ff88790","566ce7fc-084b-69c1-1e80-09802ff88791","566ce7fc-084b-69c1-1e80-09802ff88793"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88790","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"id":"2","type":"radio","name":"satisfaction","value":"2","data-name":"satisfaction","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88791","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["566ce7fc-084b-69c1-1e80-09802ff88792"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88792","text":true,"v":"😐"},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88793","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["566ce7fc-084b-69c1-1e80-09802ff88794"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"566ce7fc-084b-69c1-1e80-09802ff88794","text":true,"v":"Kind of"},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17944","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17945","4450ecaf-6467-e715-a1b8-dbcf64c17946","4450ecaf-6467-e715-a1b8-dbcf64c17948"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17945","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"id":"3","type":"radio","name":"satisfaction","value":"3","data-name":"satisfaction","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17946","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17947"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17947","text":true,"v":"🙂"},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17948","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["4450ecaf-6467-e715-a1b8-dbcf64c17949"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4450ecaf-6467-e715-a1b8-dbcf64c17949","text":true,"v":"Satisfied"},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f2","type":"FormRadioWrapper","tag":"div","classes":["7c072488-89de-682e-4791-b48276c00de7"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f3","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f4","c6b88d74-6e0f-b620-71a5-0bf26fc4b4f6"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f3","type":"FormRadioInput","tag":"input","classes":["abd2015c-1656-3125-397b-fc5eaa0b9aaf"],"children":[],"data":{"attr":{"type":"radio","data-name":"satisfaction","id":"4","name":"satisfaction","value":"4","required":true},"form":{"type":"radio-input","name":"satisfaction"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f4","type":"Block","tag":"div","classes":["7c3690ff-4b24-b0ec-0963-b8821dc92035"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f5","text":true,"v":"😁"},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f6","type":"FormInlineLabel","tag":"label","classes":["aaca9be1-de1d-e55e-9d1a-feaa8a4fb058"],"children":["c6b88d74-6e0f-b620-71a5-0bf26fc4b4f7"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c6b88d74-6e0f-b620-71a5-0bf26fc4b4f7","text":true,"v":"Very happy"},{"_id":"df1aaea9-5a50-4ada-8262-31160908b43f","type":"Block","tag":"div","classes":["40cd12e4-fef0-e140-4730-afba882f433b"],"children":["4ac8f459-c017-8f5f-32c2-a817f4d08ddd","acae6926-001a-42ea-cb35-8a95c269d619"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4ac8f459-c017-8f5f-32c2-a817f4d08ddd","type":"Block","tag":"div","classes":[],"children":["cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","type":"Block","tag":"div","classes":["3ce47145-96aa-cb19-9488-8092245018fb"],"children":["cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4c","text":true,"v":"Close survey"},{"_id":"acae6926-001a-42ea-cb35-8a95c269d619","type":"FormButton","tag":"input","classes":["2fcd4b19-d14b-a42c-c16c-793e015bbb48"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61a","type":"FormSuccessMessage","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61b"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61b","type":"Block","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61c","text":true,"v":"Thank you for filling out our survey!"},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61d","type":"FormErrorMessage","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61e"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61e","type":"Block","tag":"div","classes":[],"children":["acae6926-001a-42ea-cb35-8a95c269d61f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acae6926-001a-42ea-cb35-8a95c269d61f","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"da38085b-a685-5a8c-5587-3ae8896676e3","fake":false,"type":"class","name":"modal-middle","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; justify-content: center; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7c072488-89de-682e-4791-b48276c00de7","fake":false,"type":"class","name":"radio-field","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; flex-direction: column; align-items: center; transition-property: transform; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb48","fake":false,"type":"class","name":"button_form","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: center; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(236.34146341463415, 0.00%, 0.00%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); opacity: 0.5; color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; font-weight: 400; cursor: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["4fb3bba8-5a0b-19a7-1533-f84a04759517","ccb5bacf-3ed0-f959-e7b0-7da9cec52b7a"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"3ce47145-96aa-cb19-9488-8092245018fb","fake":false,"type":"class","name":"close","namespace":"","comb":"","styleLess":"cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5e296be5-e420-09dc-881b-c6a4beb613ad","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7c3690ff-4b24-b0ec-0963-b8821dc92035","fake":false,"type":"class","name":"emoji","namespace":"","comb":"","styleLess":"font-size: 55px; line-height: 1;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb50","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb4c","fake":false,"type":"class","name":"form-border","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: auto; max-width: 600px; min-width: 400px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 84.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 84.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 84.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":["2fcd4b19-d14b-a42c-c16c-793e015bbb54"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"40cd12e4-fef0-e140-4730-afba882f433b","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 98.67%, 1.00); box-shadow: 0 -1px 10px 0 hsla(0, 0.00%, 0.00%, 0.05);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"aaca9be1-de1d-e55e-9d1a-feaa8a4fb058","fake":false,"type":"class","name":"radio-label","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 0px; font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c5dd84ea-ae13-18ba-1274-8c2e3505c575","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; justify-content: center; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 84.67%, 1.00); box-shadow: 0 2px 10px 0 hsla(0, 0.00%, 0.00%, 0.05); font-size: 17px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e366b4ab-5be7-d448-1ff7-8f80d0193557","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: center; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(236.34146341463415, 0.00%, 0.00%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["918d15a6-7f93-7d27-1c52-8f42e1acc1b7"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2fcd4b19-d14b-a42c-c16c-793e015bbb49","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"abd2015c-1656-3125-397b-fc5eaa0b9aaf","fake":false,"type":"class","name":"radio-button","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; background-color: hsla(0, 0.00%, 100.00%, 1.00); opacity: 0.4; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; cursor: pointer;","variants":{"main_hover":{"styleLess":"opacity: 0;"},"main_redirected-focus":{"styleLess":"border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; box-shadow: none; opacity: 0;"},"main_redirected-checked":{"styleLess":"border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; opacity: 0;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","createdOn":1679474913730},{"id":"i-2","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-3","e-4"],"target":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","createdOn":1685435125362}],"events":[{"id":"e","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1679474913730},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|f5df5961-bd5c-47a3-efa4-f91ebccf30a9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1679474913730},{"id":"e-3","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1685435125362},{"id":"e-4","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6475a88610544b746a14ac3f|cb1af41c-637f-9f8b-1d93-8a2a2f5cbe4b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1685435125362}],"actionLists":[{"id":"a","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-2","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-2-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2fcd4b19-d14b-a42c-c16c-793e015bbb50"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Satisfaction Survey Modal is an interactive component designed to collect user feedback through a simple and engaging survey format. It features a user-friendly interface with radio buttons for satisfaction ratings.
Key Features:
- Responsive design for various screen sizes
- Includes radio buttons for satisfaction ratings (1-4)
- Customizable success and error messages
- Submit button with a loading state
- Easy integration into existing Webflow projects
Design Elements:
- Modern modal layout with a semi-transparent background
- Use of emojis to represent satisfaction levels
- Clean and minimalistic design with rounded corners
- Soft color palette with contrasting text for readability
Potential Use Cases:
- E-commerce websites seeking customer feedback on products
- Service-based businesses wanting to gauge client satisfaction
- Event organizers collecting attendee feedback post-event
- SaaS platforms assessing user experience and satisfaction
- Educational institutions gathering student feedback on courses
Conclusion: The Satisfaction Survey Modal is a versatile and visually appealing component that can enhance user engagement and provide valuable insights for businesses across various industries.