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":"d1e33213-eb48-b0db-8042-2f271916f500","type":"Block","tag":"div","classes":["22a01b7c-6373-1070-ab8c-a6814e4ae6b9","227f041e-a923-2664-a8f4-d4b8d851cd41"],"children":["261be494-9d1e-053b-8c3c-301fadd0e8f0","9a6ce73d-19ee-f598-e0ca-30b048847d1a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"261be494-9d1e-053b-8c3c-301fadd0e8f0","type":"Block","tag":"div","classes":["b9d7637c-ae4b-020f-4bb9-9197d56f0868"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68af"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68af","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b4d"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b4","type":"FormWrapper","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b5","dbc3e30c-166f-920b-43e8-67f8597d68f9","dbc3e30c-166f-920b-43e8-67f8597d68fc"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b5","type":"FormForm","tag":"form","classes":["ecc59726-1333-1740-c798-f652e22c3b56"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b0","dbc3e30c-166f-920b-43e8-67f8597d68b2","7cb288e0-e26b-0bd6-bb5b-c3d9e2b6d3e8","dbc3e30c-166f-920b-43e8-67f8597d68e5","dbc3e30c-166f-920b-43e8-67f8597d68e9","dbc3e30c-166f-920b-43e8-67f8597d68ef","dbc3e30c-166f-920b-43e8-67f8597d68f8","69e1c3b7-7f08-4c87-096d-cbcd6237640b"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b0","type":"Heading","tag":"h1","classes":["ecc59726-1333-1740-c798-f652e22c3b5d"],"children":["c4880d9d-b6f8-3b7f-dcaf-89f9367558b7"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"c4880d9d-b6f8-3b7f-dcaf-89f9367558b7","text":true,"v":"New Account"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b2","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b5e"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b3","text":true,"v":"Please enter your details to get started."},{"_id":"7cb288e0-e26b-0bd6-bb5b-c3d9e2b6d3e8","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b45"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68dd","dbc3e30c-166f-920b-43e8-67f8597d68e1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68dd","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52","ecc59726-1333-1740-c798-f652e22c3b63"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68de","dbc3e30c-166f-920b-43e8-67f8597d68e0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68de","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68df"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68df","text":true,"v":"First Name"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e0","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. Howard","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e1","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52","ecc59726-1333-1740-c798-f652e22c3b63"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e2","dbc3e30c-166f-920b-43e8-67f8597d68e4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e2","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e3"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e3","text":true,"v":"Last Name"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e4","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Thurman","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e5","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e6","dbc3e30c-166f-920b-43e8-67f8597d68e8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e6","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e7"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e7","text":true,"v":"Email"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e8","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e9","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68ea","dbc3e30c-166f-920b-43e8-67f8597d68ec","a1272da7-c7c6-2740-6c9d-802f9a1b4724","dbc3e30c-166f-920b-43e8-67f8597d68ed"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ea","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68eb"],"data":{"form":{"type":"label"},"attr":{"for":"Password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68eb","text":true,"v":"Password"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ec","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4724","type":"TabsWrapper","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d376"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4725","a1272da7-c7c6-2740-6c9d-802f9a1b472e"],"data":{"tabs":{"type":"wrapper","current":"Show","easing":"ease","fadeIn":300,"fadeOut":100},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4725","type":"TabsMenu","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4726","a1272da7-c7c6-2740-6c9d-802f9a1b472a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4726","type":"TabsLink","tag":"a","classes":["bef99459-834f-8b45-edc0-2cf264f9d377"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4727","a1272da7-c7c6-2740-6c9d-802f9a1b4728"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"data-w-tab":"Show","id":""},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4727","type":"HtmlEmbed","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d378"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4728","type":"Block","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4729"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4729","text":true,"v":"Hide"},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472a","type":"TabsLink","tag":"a","classes":["bef99459-834f-8b45-edc0-2cf264f9d377"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472b","a1272da7-c7c6-2740-6c9d-802f9a1b472c"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"data-w-tab":"Hide","id":""},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472b","type":"HtmlEmbed","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d378"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472c","type":"Block","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472d","text":true,"v":"Show"},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472e","type":"TabsContent","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d379"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472f","a1272da7-c7c6-2740-6c9d-802f9a1b4730"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472f","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Show","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4730","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Hide","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ed","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b4a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68ee"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ee","text":true,"v":"Must be at least 8 characters"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ef","type":"FormCheckboxWrapper","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b5b"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f0","dbc3e30c-166f-920b-43e8-67f8597d68f1"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f0","type":"FormCheckboxInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b44"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"default","attr":{"type":"checkbox","name":"Checkbox-2","id":"Checkbox-2","data-name":"Checkbox 2","required":true,"checked":false},"xattr":[{"name":"data-ms-member","value":"gdpr"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f1","type":"FormInlineLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b49"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f2","dbc3e30c-166f-920b-43e8-67f8597d68f3","dbc3e30c-166f-920b-43e8-67f8597d68f5","dbc3e30c-166f-920b-43e8-67f8597d68f6"],"data":{"form":{"type":"checkbox-label"},"attr":{"for":"Checkbox-4","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f2","text":true,"v":"I agree to the "},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f3","type":"Link","tag":"a","classes":["76a6b462-c70c-ed31-9246-ef61c3e13b4f"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f4"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f4","text":true,"v":"Terms of Service"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f5","text":true,"v":" and "},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f6","type":"Link","tag":"a","classes":["76a6b462-c70c-ed31-9246-ef61c3e13b4f"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f7","text":true,"v":"Privacy Policy"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f8","type":"FormButton","tag":"input","classes":["c3f886ec-6ee7-4f52-e384-02431405f47f","515eda74-1d19-287b-980b-22845ea84d4d"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"69e1c3b7-7f08-4c87-096d-cbcd6237640b","type":"HtmlEmbed","tag":"div","classes":["42067768-f066-139c-f9e6-7233878b16ba"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fa"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fa","type":"Block","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fb"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fc","type":"FormErrorMessage","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fd"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fd","type":"Block","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fe"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fe","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"9a6ce73d-19ee-f598-e0ca-30b048847d1a","type":"Image","tag":"img","classes":["edb79fa8-622c-966c-b167-ae3b09d9d8d7"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"612eb76e223e98ca7d2322a3","sizes":[{"max":991,"size":"90vw"},{"max":10000,"size":"60vw"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}}],"styles":[{"_id":"c3f886ec-6ee7-4f52-e384-02431405f47f","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 34px; padding-bottom: 20px; padding-left: 34px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #70c217; transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; font-size: 15px; font-weight: 700;","variants":{"main_hover":{"styleLess":"background-color: hsla(88.7719298245614, 100.00%, 28.33%, 1.00);"}},"children":["a1316b17-b906-fa3d-49e0-74929f942e30","515eda74-1d19-287b-980b-22845ea84d4d"],"selector":null},{"_id":"76a6b462-c70c-ed31-9246-ef61c3e13b4f","fake":false,"type":"class","name":"link-blue","namespace":"","comb":"","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(226, 100.00%, 45.00%, 1.00); font-weight: 700; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(226, 89.03%, 26.80%, 1.00);"}},"children":["9dd4202d-72a9-0ee4-0a1d-3eeb6ccd8ee1","0f39bd49-7f95-c85c-06c3-529024b77d36"],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d379","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4a","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"margin-top: 3px; padding-left: 5px; color: hsla(0, 0.00%, 0.00%, 0.60); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"515eda74-1d19-287b-980b-22845ea84d4d","fake":false,"type":"class","name":"full-width","namespace":"","comb":"&","styleLess":"width: 100%; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #70c217;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b44","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px;","variants":{"main_redirected-checked":{"styleLess":"background-color: #2d323e;"}},"children":[],"selector":null},{"_id":"b9d7637c-ae4b-020f-4bb9-9197d56f0868","fake":false,"type":"class","name":"column-left","namespace":"","comb":"","styleLess":"width: 50%; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d378","fake":false,"type":"class","name":"svg-eye","namespace":"","comb":"","styleLess":"display: flex; width: 16px; margin-right: 4px; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5e","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5d","fake":false,"type":"class","name":"signup-header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 28px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"42067768-f066-139c-f9e6-7233878b16ba","fake":false,"type":"class","name":"🌟 Show/hide Code","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b45","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4e","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 42px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(216.9230769230769, 100.00%, 98.88%, 1.00); box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226, 100.00%, 45.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226, 100.00%, 45.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226, 100.00%, 45.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226, 100.00%, 45.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: #70c217; border-right-color: #70c217; border-bottom-color: #70c217; border-left-color: #70c217; background-color: white; box-shadow: 0 1px 4px 0 rgba(220, 220, 229, 0.9);"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4d","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["290fa046-623d-933a-b093-ac087dca5c4e"],"selector":null},{"_id":"edb79fa8-622c-966c-b167-ae3b09d9d8d7","fake":false,"type":"class","name":"hero-image","namespace":"","comb":"","styleLess":"width: 60vw; max-width: 620px; margin-left: 60px;","variants":{"medium":{"styleLess":"width: 100%; max-width: none; margin-top: 60px; margin-right: auto; margin-left: auto;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d377","fake":false,"type":"class","name":"show hide","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; background-color: transparent;","variants":{"main_current":{"styleLess":"display: none;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d376","fake":false,"type":"class","name":"show-hide-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 2px; right: 0%; bottom: auto; z-index: 4; font-size: 13px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5b","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b49","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 0.80); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"22a01b7c-6373-1070-ab8c-a6814e4ae6b9","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["227f041e-a923-2664-a8f4-d4b8d851cd41","3353bd07-3de8-4927-a8b5-be9158a50b21","c34a74d6-acb6-addb-ab6c-0d22347d5674","4641624b-bd1e-df40-b42d-f6c79d7fb385"],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5a","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"margin-bottom: 3px; padding-left: 5px; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-size: 13.5px; font-weight: 600;","variants":{},"children":["32e8c1b6-4428-664f-c6af-d127297e38d2","dbddab2c-2a3f-1bee-4550-26ec7a3cbe67"],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b63","fake":false,"type":"class","name":"half","namespace":"","comb":"&","styleLess":"width: 49%;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b56","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b52","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column;","variants":{},"children":["ecc59726-1333-1740-c798-f652e22c3b63"],"selector":null},{"_id":"227f041e-a923-2664-a8f4-d4b8d851cd41","fake":false,"type":"class","name":"flex","namespace":"","comb":"&","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"display: block;"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","siteId":"612eaf5ddf016fe8580f70fc","width":2069,"isHD":false,"height":1659,"fileName":"612eb76e223e98ca7d2322a3_featured-image.png","createdOn":"2021-08-31T23:12:46.950Z","origFileName":"featured-image.png","fileHash":"f40b961b8b2dba0d6f28635a3f15f0b9","variants":[{"_id":"612eb77a1e2f924d510d7db4","origFileName":"featured-image-p-500.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-500.png","format":"png","size":167496,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-500.png"},{"_id":"612eb77a1e2f92fc550d7db5","origFileName":"featured-image-p-800.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-800.png","format":"png","size":388849,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-800.png"},{"_id":"612eb77a1e2f9227d80d7db6","origFileName":"featured-image-p-1080.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-1080.png","format":"png","size":638760,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1080.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1080.png"},{"_id":"612eb77a1e2f92f1dd0d7db7","origFileName":"featured-image-p-1600.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-1600.png","format":"png","size":1239082,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1600.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1600.png"},{"_id":"612eb77a1e2f92921c0d7db8","origFileName":"featured-image-p-2000.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-2000.png","format":"png","size":1831869,"width":2000,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","thumbUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-130x130q80.png","_id":"612eb76e223e98ca7d2322a3","updatedOn":"2021-09-21T06:11:42.640Z","fileSize":1330581}],"ix1":[],"ix2":{"interactions":[{"id":"i-13","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-25","e-26"],"target":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","createdOn":1645559290301}],"events":[{"id":"e-25","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"FADE_EFFECT","instant":false,"config":{"actionListId":"FADE_EFFECT","autoStopEventId":"e-26"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":0,"direction":null,"effectIn":true},"createdOn":1645559290301},{"id":"e-26","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1645559290301}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d1e33213-eb48-b0db-8042-2f271916f500","type":"Block","tag":"div","classes":["22a01b7c-6373-1070-ab8c-a6814e4ae6b9","227f041e-a923-2664-a8f4-d4b8d851cd41"],"children":["261be494-9d1e-053b-8c3c-301fadd0e8f0","9a6ce73d-19ee-f598-e0ca-30b048847d1a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"261be494-9d1e-053b-8c3c-301fadd0e8f0","type":"Block","tag":"div","classes":["b9d7637c-ae4b-020f-4bb9-9197d56f0868"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68af"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68af","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b4d"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b4","type":"FormWrapper","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b5","dbc3e30c-166f-920b-43e8-67f8597d68f9","dbc3e30c-166f-920b-43e8-67f8597d68fc"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b5","type":"FormForm","tag":"form","classes":["ecc59726-1333-1740-c798-f652e22c3b56"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b0","dbc3e30c-166f-920b-43e8-67f8597d68b2","7cb288e0-e26b-0bd6-bb5b-c3d9e2b6d3e8","dbc3e30c-166f-920b-43e8-67f8597d68e5","dbc3e30c-166f-920b-43e8-67f8597d68e9","dbc3e30c-166f-920b-43e8-67f8597d68ef","dbc3e30c-166f-920b-43e8-67f8597d68f8","69e1c3b7-7f08-4c87-096d-cbcd6237640b"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b0","type":"Heading","tag":"h1","classes":["ecc59726-1333-1740-c798-f652e22c3b5d"],"children":["c4880d9d-b6f8-3b7f-dcaf-89f9367558b7"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"c4880d9d-b6f8-3b7f-dcaf-89f9367558b7","text":true,"v":"New Account"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b2","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b5e"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68b3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68b3","text":true,"v":"Please enter your details to get started."},{"_id":"7cb288e0-e26b-0bd6-bb5b-c3d9e2b6d3e8","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b45"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68dd","dbc3e30c-166f-920b-43e8-67f8597d68e1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68dd","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52","ecc59726-1333-1740-c798-f652e22c3b63"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68de","dbc3e30c-166f-920b-43e8-67f8597d68e0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68de","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68df"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68df","text":true,"v":"First Name"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e0","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. Howard","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e1","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52","ecc59726-1333-1740-c798-f652e22c3b63"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e2","dbc3e30c-166f-920b-43e8-67f8597d68e4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e2","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e3"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e3","text":true,"v":"Last Name"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e4","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Thurman","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e5","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e6","dbc3e30c-166f-920b-43e8-67f8597d68e8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e6","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68e7"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e7","text":true,"v":"Email"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e8","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68e9","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b52"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68ea","dbc3e30c-166f-920b-43e8-67f8597d68ec","a1272da7-c7c6-2740-6c9d-802f9a1b4724","dbc3e30c-166f-920b-43e8-67f8597d68ed"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ea","type":"FormBlockLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b5a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68eb"],"data":{"form":{"type":"label"},"attr":{"for":"Password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68eb","text":true,"v":"Password"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ec","type":"FormTextInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b4e"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4724","type":"TabsWrapper","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d376"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4725","a1272da7-c7c6-2740-6c9d-802f9a1b472e"],"data":{"tabs":{"type":"wrapper","current":"Show","easing":"ease","fadeIn":300,"fadeOut":100},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4725","type":"TabsMenu","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4726","a1272da7-c7c6-2740-6c9d-802f9a1b472a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4726","type":"TabsLink","tag":"a","classes":["bef99459-834f-8b45-edc0-2cf264f9d377"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4727","a1272da7-c7c6-2740-6c9d-802f9a1b4728"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"data-w-tab":"Show","id":""},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4727","type":"HtmlEmbed","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d378"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4728","type":"Block","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b4729"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4729","text":true,"v":"Hide"},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472a","type":"TabsLink","tag":"a","classes":["bef99459-834f-8b45-edc0-2cf264f9d377"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472b","a1272da7-c7c6-2740-6c9d-802f9a1b472c"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"data-w-tab":"Hide","id":""},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472b","type":"HtmlEmbed","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d378"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472c","type":"Block","tag":"div","classes":[],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472d","text":true,"v":"Show"},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472e","type":"TabsContent","tag":"div","classes":["bef99459-834f-8b45-edc0-2cf264f9d379"],"children":["a1272da7-c7c6-2740-6c9d-802f9a1b472f","a1272da7-c7c6-2740-6c9d-802f9a1b4730"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b472f","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Show","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"a1272da7-c7c6-2740-6c9d-802f9a1b4730","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Hide","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ed","type":"Block","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b4a"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68ee"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ee","text":true,"v":"Must be at least 8 characters"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68ef","type":"FormCheckboxWrapper","tag":"div","classes":["ecc59726-1333-1740-c798-f652e22c3b5b"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f0","dbc3e30c-166f-920b-43e8-67f8597d68f1"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f0","type":"FormCheckboxInput","tag":"input","classes":["ecc59726-1333-1740-c798-f652e22c3b44"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"default","attr":{"type":"checkbox","name":"Checkbox-2","id":"Checkbox-2","data-name":"Checkbox 2","required":true,"checked":false},"xattr":[{"name":"data-ms-member","value":"gdpr"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f1","type":"FormInlineLabel","tag":"label","classes":["ecc59726-1333-1740-c798-f652e22c3b49"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f2","dbc3e30c-166f-920b-43e8-67f8597d68f3","dbc3e30c-166f-920b-43e8-67f8597d68f5","dbc3e30c-166f-920b-43e8-67f8597d68f6"],"data":{"form":{"type":"checkbox-label"},"attr":{"for":"Checkbox-4","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f2","text":true,"v":"I agree to the "},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f3","type":"Link","tag":"a","classes":["76a6b462-c70c-ed31-9246-ef61c3e13b4f"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f4"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f4","text":true,"v":"Terms of Service"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f5","text":true,"v":" and "},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f6","type":"Link","tag":"a","classes":["76a6b462-c70c-ed31-9246-ef61c3e13b4f"],"children":["dbc3e30c-166f-920b-43e8-67f8597d68f7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f7","text":true,"v":"Privacy Policy"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f8","type":"FormButton","tag":"input","classes":["c3f886ec-6ee7-4f52-e384-02431405f47f","515eda74-1d19-287b-980b-22845ea84d4d"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"69e1c3b7-7f08-4c87-096d-cbcd6237640b","type":"HtmlEmbed","tag":"div","classes":["42067768-f066-139c-f9e6-7233878b16ba"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68f9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fa"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fa","type":"Block","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fb"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fc","type":"FormErrorMessage","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fd"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fd","type":"Block","tag":"div","classes":[],"children":["dbc3e30c-166f-920b-43e8-67f8597d68fe"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbc3e30c-166f-920b-43e8-67f8597d68fe","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"9a6ce73d-19ee-f598-e0ca-30b048847d1a","type":"Image","tag":"img","classes":["edb79fa8-622c-966c-b167-ae3b09d9d8d7"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"612eb76e223e98ca7d2322a3","sizes":[{"max":991,"size":"90vw"},{"max":10000,"size":"60vw"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}}],"styles":[{"_id":"c3f886ec-6ee7-4f52-e384-02431405f47f","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 34px; padding-bottom: 20px; padding-left: 34px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #70c217; transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; font-size: 15px; font-weight: 700;","variants":{"main_hover":{"styleLess":"background-color: hsla(88.7719298245614, 100.00%, 28.33%, 1.00);"}},"children":["a1316b17-b906-fa3d-49e0-74929f942e30","515eda74-1d19-287b-980b-22845ea84d4d"],"selector":null},{"_id":"76a6b462-c70c-ed31-9246-ef61c3e13b4f","fake":false,"type":"class","name":"link-blue","namespace":"","comb":"","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(226, 100.00%, 45.00%, 1.00); font-weight: 700; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(226, 89.03%, 26.80%, 1.00);"}},"children":["9dd4202d-72a9-0ee4-0a1d-3eeb6ccd8ee1","0f39bd49-7f95-c85c-06c3-529024b77d36"],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d379","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4a","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"margin-top: 3px; padding-left: 5px; color: hsla(0, 0.00%, 0.00%, 0.60); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"515eda74-1d19-287b-980b-22845ea84d4d","fake":false,"type":"class","name":"full-width","namespace":"","comb":"&","styleLess":"width: 100%; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #70c217;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b44","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px;","variants":{"main_redirected-checked":{"styleLess":"background-color: #2d323e;"}},"children":[],"selector":null},{"_id":"b9d7637c-ae4b-020f-4bb9-9197d56f0868","fake":false,"type":"class","name":"column-left","namespace":"","comb":"","styleLess":"width: 50%; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d378","fake":false,"type":"class","name":"svg-eye","namespace":"","comb":"","styleLess":"display: flex; width: 16px; margin-right: 4px; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5e","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5d","fake":false,"type":"class","name":"signup-header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 28px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"42067768-f066-139c-f9e6-7233878b16ba","fake":false,"type":"class","name":"🌟 Show/hide Code","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b45","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4e","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 42px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(216.9230769230769, 100.00%, 98.88%, 1.00); box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226, 100.00%, 45.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226, 100.00%, 45.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226, 100.00%, 45.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226, 100.00%, 45.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: #70c217; border-right-color: #70c217; border-bottom-color: #70c217; border-left-color: #70c217; background-color: white; box-shadow: 0 1px 4px 0 rgba(220, 220, 229, 0.9);"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b4d","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["290fa046-623d-933a-b093-ac087dca5c4e"],"selector":null},{"_id":"edb79fa8-622c-966c-b167-ae3b09d9d8d7","fake":false,"type":"class","name":"hero-image","namespace":"","comb":"","styleLess":"width: 60vw; max-width: 620px; margin-left: 60px;","variants":{"medium":{"styleLess":"width: 100%; max-width: none; margin-top: 60px; margin-right: auto; margin-left: auto;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d377","fake":false,"type":"class","name":"show hide","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; background-color: transparent;","variants":{"main_current":{"styleLess":"display: none;"}},"children":[],"selector":null},{"_id":"bef99459-834f-8b45-edc0-2cf264f9d376","fake":false,"type":"class","name":"show-hide-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 2px; right: 0%; bottom: auto; z-index: 4; font-size: 13px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5b","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b49","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 0.80); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"22a01b7c-6373-1070-ab8c-a6814e4ae6b9","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["227f041e-a923-2664-a8f4-d4b8d851cd41","3353bd07-3de8-4927-a8b5-be9158a50b21","c34a74d6-acb6-addb-ab6c-0d22347d5674","4641624b-bd1e-df40-b42d-f6c79d7fb385"],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b5a","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"margin-bottom: 3px; padding-left: 5px; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-size: 13.5px; font-weight: 600;","variants":{},"children":["32e8c1b6-4428-664f-c6af-d127297e38d2","dbddab2c-2a3f-1bee-4550-26ec7a3cbe67"],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b63","fake":false,"type":"class","name":"half","namespace":"","comb":"&","styleLess":"width: 49%;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b56","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap;","variants":{},"children":[],"selector":null},{"_id":"ecc59726-1333-1740-c798-f652e22c3b52","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column;","variants":{},"children":["ecc59726-1333-1740-c798-f652e22c3b63"],"selector":null},{"_id":"227f041e-a923-2664-a8f4-d4b8d851cd41","fake":false,"type":"class","name":"flex","namespace":"","comb":"&","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"display: block;"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","siteId":"612eaf5ddf016fe8580f70fc","width":2069,"isHD":false,"height":1659,"fileName":"612eb76e223e98ca7d2322a3_featured-image.png","createdOn":"2021-08-31T23:12:46.950Z","origFileName":"featured-image.png","fileHash":"f40b961b8b2dba0d6f28635a3f15f0b9","variants":[{"_id":"612eb77a1e2f924d510d7db4","origFileName":"featured-image-p-500.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-500.png","format":"png","size":167496,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-500.png"},{"_id":"612eb77a1e2f92fc550d7db5","origFileName":"featured-image-p-800.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-800.png","format":"png","size":388849,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-800.png"},{"_id":"612eb77a1e2f9227d80d7db6","origFileName":"featured-image-p-1080.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-1080.png","format":"png","size":638760,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1080.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1080.png"},{"_id":"612eb77a1e2f92f1dd0d7db7","origFileName":"featured-image-p-1600.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-1600.png","format":"png","size":1239082,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1600.png","cdnUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-1600.png"},{"_id":"612eb77a1e2f92921c0d7db8","origFileName":"featured-image-p-2000.png","fileName":"612eb76e223e98ca7d2322a3_featured-image-p-2000.png","format":"png","size":1831869,"width":2000,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image.png","thumbUrl":"https://cdn.prod.website-files.com/612eaf5ddf016fe8580f70fc/612eb76e223e98ca7d2322a3_featured-image-p-130x130q80.png","_id":"612eb76e223e98ca7d2322a3","updatedOn":"2021-09-21T06:11:42.640Z","fileSize":1330581}],"ix1":[],"ix2":{"interactions":[{"id":"i-13","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-25","e-26"],"target":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","createdOn":1645559290301}],"events":[{"id":"e-25","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"FADE_EFFECT","instant":false,"config":{"actionListId":"FADE_EFFECT","autoStopEventId":"e-26"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":0,"direction":null,"effectIn":true},"createdOn":1645559290301},{"id":"e-26","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62153dfa21a72c3a87ee5968|9a6ce73d-19ee-f598-e0ca-30b048847d1a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1645559290301}],"actionLists":[]}},"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 Webflow Membership Signup component is designed to facilitate user registration for membership-based websites, featuring a user-friendly form for collecting essential information.
Key Features:
- Responsive design suitable for various devices
- Customizable fields for first name, last name, email, and password
- GDPR compliance checkbox
- Success and error messages for user feedback
- Password visibility toggles
Design Elements:
- Modern and clean layout
- Bright color scheme
- Flexible input fields with rounded corners
- Use of icons and images for enhanced visuals
Potential Use Cases:
- E-commerce websites requiring user accounts
- Online learning platforms offering memberships
- Subscription-based services
- Community forums or social networks
- Event registration sites
Conclusion: The Webflow Membership Signup component is versatile and visually appealing, making it an excellent choice for any website looking to streamline user registration.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.