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":"e9137bc1-d79d-8239-4a04-8cf12ee6d114","type":"Block","tag":"div","classes":["dabca290-e774-1295-a035-346255a77391"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d115","e9137bc1-d79d-8239-4a04-8cf12ee6d11d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d115","type":"Block","tag":"div","classes":["62e1c465-2112-13e9-985c-4a846a96d0bf"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d116","d6407148-fe20-223f-21f6-92a0f6b22821"],"data":{"search":{"exclude":false},"xattr":[],"macro":{"guid":"2bc385e6-6aae-a822-4691-0946e4db0cc4"},"text":false,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d116","type":"Heading","tag":"h1","classes":["62e1c465-2112-13e9-985c-4a846a96d0b6","62e1c465-2112-13e9-985c-4a846a96d0c3"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d117"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d117","text":true,"v":"Sign up"},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22821","type":"Block","tag":"div","classes":["5a649012-dc6d-5bd0-742c-5c785f33e157"],"children":["d6407148-fe20-223f-21f6-92a0f6b22822","d6407148-fe20-223f-21f6-92a0f6b22823","d6407148-fe20-223f-21f6-92a0f6b22825"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22822","text":true,"v":"Already have an account? "},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22823","type":"Link","tag":"a","classes":["62e1c465-2112-13e9-985c-4a846a96d0ba"],"children":["d6407148-fe20-223f-21f6-92a0f6b22824"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22824","text":true,"v":"Login"},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22825","text":true,"v":" now"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11d","type":"FormWrapper","tag":"div","classes":["bd5ac864-b443-e7e4-0df8-0185ed322775"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d11e","e9137bc1-d79d-8239-4a04-8cf12ee6d12c","e9137bc1-d79d-8239-4a04-8cf12ee6d130"],"data":{"form":{"type":"wrapper"},"macro":{"guid":"2bc385e6-6aae-a822-4691-0946e4db0cc4"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11e","type":"FormForm","tag":"form","classes":["62e1c465-2112-13e9-985c-4a846a96d0bc","68078551-a7ed-3844-7af1-75b5a4c5b0ff"],"children":["9f99cdcd-9278-2e62-7115-79fd6c1b52ef","e9137bc1-d79d-8239-4a04-8cf12ee6d125","e9137bc1-d79d-8239-4a04-8cf12ee6d127","e9137bc1-d79d-8239-4a04-8cf12ee6d128","e9137bc1-d79d-8239-4a04-8cf12ee6d12a","f7c8c862-bd32-44fb-922d-15df4a3850f1","74ac5d80-5583-8460-d6ee-abb62aafafb9"],"data":{"attr":{"id":"wf-form-Sign-up","name":"wf-form-Sign-up","data-name":"Sign up","redirect":"/dashboard","data-redirect":"/dashboard","action":"","method":"get"},"form":{"type":"form","name":"Sign up","redirect":"/dashboard"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52ef","type":"Row","tag":"div","classes":[],"children":["9f99cdcd-9278-2e62-7115-79fd6c1b52f0","9f99cdcd-9278-2e62-7115-79fd6c1b52f1"],"data":{"tag":"div","grid":{"type":"row","cols":{"main":"6|6"}},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52f0","type":"Column","tag":"div","classes":["97c6c7c3-67f7-503e-81e5-da84eb30a64d"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d11f","e9137bc1-d79d-8239-4a04-8cf12ee6d121"],"data":{"tag":"div","grid":{"type":"col"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11f","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d120"],"data":{"attr":{"for":"First-name","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d120","text":true,"v":"First name"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d121","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-name","data-name":"First name","placeholder":"e.g. Joe","type":"text","id":"First-name","disabled":false,"required":true},"form":{"type":"input","name":"First name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52f1","type":"Column","tag":"div","classes":["9b131c7b-d148-acf4-29da-28ceab4160f6"],"children":["e85b7bbc-8733-71b5-f29e-bc7d16fec171","39f56e98-5a9c-08ac-67c1-fd4020334b7f"],"data":{"tag":"div","grid":{"type":"col"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85b7bbc-8733-71b5-f29e-bc7d16fec171","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e85b7bbc-8733-71b5-f29e-bc7d16fec172"],"data":{"attr":{"for":"Last-name","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85b7bbc-8733-71b5-f29e-bc7d16fec172","text":true,"v":"Last name"},{"_id":"39f56e98-5a9c-08ac-67c1-fd4020334b7f","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-name","data-name":"Last name","placeholder":"e.g. Bloggs","type":"text","id":"Last-name","disabled":false,"required":true},"form":{"type":"input","name":"Last name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d125","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d126"],"data":{"attr":{"for":"Email","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d126","text":true,"v":"Your email"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d127","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d128","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d129"],"data":{"attr":{"for":"Password","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d129","text":true,"v":"Your password"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12a","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","type":"password","id":"Password","disabled":false,"required":true,"placeholder":"********"},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f7c8c862-bd32-44fb-922d-15df4a3850f1","type":"Block","tag":"div","classes":["0ae005e2-22be-e6dd-4143-d017fb37f4d7"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12b"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12b","type":"FormButton","tag":"input","classes":["bbca3e5c-a763-b06e-95cd-eb479d138aff","7d3d635f-f5ae-deed-61ba-ca477838ed65","f1756cab-166e-0087-b33c-f2dc30290e80"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Joining...","id":""},"form":{"type":"button","wait":"Joining..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafb9","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f","d027bc4d-5b0f-6391-c5ed-927f9926af59"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafba","74ac5d80-5583-8460-d6ee-abb62aafafca","74ac5d80-5583-8460-d6ee-abb62aafafcd"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafba","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4028"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafbb","74ac5d80-5583-8460-d6ee-abb62aafafbd","74ac5d80-5583-8460-d6ee-abb62aafafc9"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbb","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c402a","f5b9a11e-8867-9431-5be2-406f866c402e"],"children":["90e17b69-ab96-da1f-ba7c-065d406f4d09"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90e17b69-ab96-da1f-ba7c-065d406f4d09","text":true,"v":"Multi-step signup forms"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbd","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4023"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafbe","cf466d7e-6b55-304a-044d-95bff7564dc0","74ac5d80-5583-8460-d6ee-abb62aafafc7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbe","text":true,"v":"You can add a second step to your signup process by watching this short tutorial: "},{"_id":"cf466d7e-6b55-304a-044d-95bff7564dc0","type":"Link","tag":"a","classes":["229df5d9-5c6b-acb7-b75d-9e586e45f69f"],"children":["2807d527-a829-273e-9b8f-6732d61363ff"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"https://www.memberstack.io/tutorial/multi-step-signup-forms","mode":"external","target":"_blank"}}},{"_id":"2807d527-a829-273e-9b8f-6732d61363ff","text":true,"v":"https://www.memberstack.io/tutorial/multi-step-signup-forms"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafc7","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafc9","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n@keyframes tourDot {\n 0% {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}\n 100% {box-shadow: 0 0 0 80px rgba(42, 168, 255, 0);}\n}\n.tour-dot {\n\tanimation: tourDot 1.5s ease-out infinite;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"<style>\n@keyframes tourDot {\n 0% {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}\n 100% {box-shadow: 0 0 0 80px rgba(42, 168, 255, 0);}\n}\n.tour-dot {\n\tanimation: tourDot 1.5s ease-out infinite;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafca","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c402c"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafcb"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcb","type":"Block","tag":"div","classes":[],"children":["74ac5d80-5583-8460-d6ee-abb62aafafcc"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcc","text":true,"v":"PRO TIP"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcd","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4025","f5b9a11e-8867-9431-5be2-406f866c402d"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12c","type":"FormSuccessMessage","tag":"div","classes":["51259b40-d310-6006-f81d-e24513f65665"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12d","type":"Block","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12e","e9137bc1-d79d-8239-4a04-8cf12ee6d12f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12e","text":true,"v":"Thank you for signing up."},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12f","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d130","type":"FormErrorMessage","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d131"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d131","type":"Block","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d132"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d132","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"51259b40-d310-6006-f81d-e24513f65662","fake":false,"type":"class","name":"form-label 2","namespace":"","comb":"","styleLess":"margin-bottom: 2px; font-family: Avenir; color: #11244d; font-size: 16px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402a","fake":false,"type":"class","name":"Help Title","namespace":"","comb":"","styleLess":"margin-bottom: 3px; font-size: 110%; line-height: 1.5em; font-weight: 800;","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402e"],"selector":null},{"_id":"0ae005e2-22be-e6dd-4143-d017fb37f4d7","fake":false,"type":"class","name":"centred div form","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"bd5ac864-b443-e7e4-0df8-0185ed322775","fake":false,"type":"class","name":"signup wrapper","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"width: 100%; max-width: 500px;"}},"children":[],"selector":null},{"_id":"51259b40-d310-6006-f81d-e24513f65665","fake":false,"type":"class","name":"form success","namespace":"","comb":"","styleLess":"padding-top: 85px; padding-bottom: 85px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(343, 81.87%, 52.19%, 1.00); font-family: Avenir; color: white; font-size: 18px; line-height: 25px; font-weight: 400; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4023","fake":false,"type":"class","name":"Relative","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0c3","fake":false,"type":"class","name":"centred","namespace":"","comb":"&","styleLess":"max-width: 500px; margin-right: auto; margin-bottom: 12px; margin-left: auto; color: #11244d; font-weight: 900; text-align: center;","variants":{"tiny":{"styleLess":"line-height: 36px;"}},"children":[],"selector":null},{"_id":"7d3d635f-f5ae-deed-61ba-ca477838ed65","fake":false,"type":"class","name":"submit","namespace":"","comb":"&","styleLess":"margin-top: 8px; padding-right: 64px; padding-left: 64px;","variants":{},"children":["e9694d56-97fd-b4e0-8bde-641ea0457801","f1756cab-166e-0087-b33c-f2dc30290e80"],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4029","fake":false,"type":"class","name":"Help Tooltip","namespace":"","comb":"","styleLess":"position: absolute; left: 100%; top: 20px; display: none; width: 300px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f4f8fa; box-shadow: 1px 1px 8px 1px rgba(45, 62, 80, 0.12); font-size: 11.5px; line-height: 1.4em; font-weight: 400; text-align: left;","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402f","34b46693-e070-d5c3-c018-ca4a4ae36ec4"],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0ba","fake":false,"type":"class","name":"link style","namespace":"","comb":"","styleLess":"color: #e01a66;","variants":{"main_hover":{"styleLess":"color: hsla(336.96969696969694, 82.86%, 41.20%, 1.00);"}},"children":["6877da60-9bc5-23ad-ba62-7146e00a0465"],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0bc","fake":false,"type":"class","name":"form wrap","namespace":"","comb":"","styleLess":"margin-top: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: 0 1px 14px 4px rgba(42, 100, 102, 0.06);","variants":{"tiny":{"styleLess":"width: 100%; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"},"medium":{"styleLess":"width: 80%;"},"small":{"styleLess":"width: 90%;"}},"children":["68078551-a7ed-3844-7af1-75b5a4c5b0ff"],"selector":null},{"_id":"dbf6823a-27f1-3349-56a3-3a70cedadd1e","fake":false,"type":"class","name":"form style","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402e","fake":false,"type":"class","name":"Inline Block","namespace":"","comb":"&","styleLess":"margin-bottom: 4px; font-size: 120%;","variants":{},"children":[],"selector":null},{"_id":"9b131c7b-d148-acf4-29da-28ceab4160f6","fake":false,"type":"class","name":"right form col","namespace":"","comb":"","styleLess":"padding-right: 0px;","variants":{"tiny":{"styleLess":"padding-left: 0px;"}},"children":[],"selector":null},{"_id":"dabca290-e774-1295-a035-346255a77391","fake":false,"type":"class","name":"form holder 2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-right: 10%; margin-left: 10%; flex-direction: column; align-items: center;","variants":{"tiny":{"styleLess":"flex-direction: column;"},"small":{"styleLess":"margin-right: 5%; margin-left: 5%;"}},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0b6","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Avenir; color: #11244d; font-size: 36px; line-height: 48px; font-weight: 900; text-align: left; text-shadow: none;","variants":{"tiny":{"styleLess":"font-size: 28px; line-height: 44px;"},"small":{"styleLess":"font-size: 34px; line-height: 46px;"}},"children":["62e1c465-2112-13e9-985c-4a846a96d0c3"],"selector":null},{"_id":"d027bc4d-5b0f-6391-c5ed-927f9926af59","fake":false,"type":"class","name":"Bottom Tooltip","namespace":"","comb":"&","styleLess":"top: 100%;","variants":{},"children":["68077bdb-55e9-d718-6f5f-bf63bdf3f271","c53ff320-fcd8-3b9f-4456-5787f3ff53ba","5aa16360-8bf7-0eab-c485-8e7f46542e53","357aef4b-5915-ba2a-a9ec-8d9dc4cd8eb1"],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4025","fake":false,"type":"class","name":"Tour Diamond","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: -7px; right: 0%; bottom: auto; z-index: 1; width: 16px; height: 16px; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 3px; border-top-color: #2aa8ff; border-right-style: solid; border-right-width: 3px; border-right-color: #2aa8ff; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #2aa8ff; border-left-style: solid; border-left-width: 3px; border-left-color: #2aa8ff; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #f4f8fa; transform: rotate(45deg);","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402d","29bda799-ce7c-9acd-eadf-000bc90edcda","99cd6d2c-dfec-cd09-9ba4-2dee4f5cc7e5","2f9e2476-c05d-dbee-9b1d-416d36d0a435"],"selector":null},{"_id":"bbca3e5c-a763-b06e-95cd-eb479d138aff","fake":false,"type":"class","name":"btn","namespace":"","comb":"","styleLess":"margin-top: 30px; padding-top: 20px; padding-right: 50px; padding-bottom: 14px; padding-left: 50px; background-image: linear-gradient(45deg, #fd3fb3, #fd3f81 31%, #fd3e4f 78%, #fd3e4f); transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; font-family: Avenir; font-size: 16px; font-weight: 800; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: #fd3fb3; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0.15)), linear-gradient(45deg, #fd3fb3, #fd3f81 31%, #fd3e4f 78%, #fd3e4f);"},"medium":{"styleLess":"padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; font-size: 14px;"},"small":{"styleLess":"padding-right: 45px; padding-left: 45px;"},"tiny":{"styleLess":"width: 100%; padding-right: 20px; padding-left: 20px;"}},"children":["9e3ca8b9-54cb-0bbd-f638-3d4707aff1fd","a562ba71-784e-57eb-8649-e6b6e7b52260","14a481b4-69d3-e765-c9da-098f4285273b","6c6eae6d-629b-f0d0-2c65-22c9129e6932","7d3d635f-f5ae-deed-61ba-ca477838ed65","7cb28c01-1c65-27de-ab3e-fda85c5f1846"],"selector":null},{"_id":"97c6c7c3-67f7-503e-81e5-da84eb30a64d","fake":false,"type":"class","name":"left form col","namespace":"","comb":"","styleLess":"padding-left: 0px;","variants":{"tiny":{"styleLess":"padding-right: 0px;"}},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4028","fake":false,"type":"class","name":"Help Tooltip Content","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; padding-top: 20px; padding-right: 30px; padding-bottom: 22px; padding-left: 22px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f4f8fa;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402f","fake":false,"type":"class","name":"Tour Tooltip","namespace":"","comb":"&","styleLess":"left: auto; top: 0%; right: 20px; bottom: auto; z-index: 99; display: block; width: 420px; min-height: 0px; margin-top: 20px; border-top-style: solid; border-top-width: 3px; border-top-color: #2aa8ff; border-right-style: solid; border-right-width: 3px; border-right-color: #2aa8ff; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #2aa8ff; border-left-style: solid; border-left-width: 3px; border-left-color: #2aa8ff; background-color: #f4f8fa; box-shadow: 0 -5px 20px -5px rgba(45, 62, 80, 0.12), 1px 1px 8px 1px rgba(45, 62, 80, 0.12); color: black; font-size: 14px; line-height: 1.7em;","variants":{},"children":["d027bc4d-5b0f-6391-c5ed-927f9926af59"],"selector":null},{"_id":"229df5d9-5c6b-acb7-b75d-9e586e45f69f","fake":false,"type":"class","name":"MS Link","namespace":"","comb":"","styleLess":"color: #2aa8ff; font-weight: 800;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402c","fake":false,"type":"class","name":"Tour Bottom Row","namespace":"","comb":"","styleLess":"position: relative; bottom: 3px; z-index: 2; display: flex; padding-top: 11px; padding-right: 10px; padding-bottom: 10px; padding-left: 22px; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; color: #64636e;","variants":{},"children":["61f227c0-0403-e265-1b92-1e407fb6f485"],"selector":null},{"_id":"f1756cab-166e-0087-b33c-f2dc30290e80","fake":false,"type":"class","name":"inner","namespace":"","comb":"&","styleLess":"padding-top: 15px; padding-bottom: 12px;","variants":{},"children":[],"selector":null},{"_id":"5a649012-dc6d-5bd0-742c-5c785f33e157","fake":false,"type":"class","name":"inner subhead","namespace":"","comb":"","styleLess":"font-family: Avenir; font-size: 20px; line-height: 24px; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0bf","fake":false,"type":"class","name":"inner div 2","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402d","fake":false,"type":"class","name":"Top Right","namespace":"","comb":"&","styleLess":"left: auto; right: 20px;","variants":{},"children":["7cde3435-de8d-1685-2a22-43db810b6ea4"],"selector":null},{"_id":"68078551-a7ed-3844-7af1-75b5a4c5b0ff","fake":false,"type":"class","name":"signup","namespace":"","comb":"&","styleLess":"position: relative; width: 480px; margin-top: 40px;","variants":{"small":{"styleLess":"width: 100%;"}},"children":[],"selector":null}],"assets":[],"ix1":[{"_id":"2bc385e6-6aae-a822-4691-0946e4db0cc4","slug":"load-header-btn","name":"load-header-btn","value":{"style":{"keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"title":null,"display":null,"opacity":0,"width":null,"height":null,"x":"0px","y":"10px","z":"0px","scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null},"triggers":[{"_id":"0bd8ec3e-86c0-182b-2a8c-3469c39cebb6","type":"load","selector":null,"descend":false,"siblings":false,"preload":false,"offsetTop":null,"offsetBot":null,"loopA":false,"loopB":false,"preserve3d":false,"stepsA":[{"_id":"4e9d9501-4210-292b-eeb8-1998f8f731cb","keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"wait":"300ms","title":null,"display":null,"opacity":null,"width":null,"height":null,"transition":null,"x":null,"y":null,"z":null,"scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null},{"_id":"01e377df-69ca-9345-e402-defc2e86983e","keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"wait":null,"title":null,"display":null,"opacity":1,"width":null,"height":null,"transition":"transform 500ms ease 0, opacity 500ms ease 0","x":"0px","y":"0px","z":"0px","scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null}],"stepsB":[]}]}}],"ix2":{"interactions":[{"id":"i-17","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-33","e-34"],"target":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","createdOn":1566957211177}],"events":[{"id":"e-33","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-34"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]},"targets":[{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1566957211178},{"id":"e-34","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]},"targets":[{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1566957211178}],"actionLists":[{"id":"a-3","title":"Hide Tooltips","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"5d5b265b2fb63c5f7a2c2281|26e71b53-feca-7100-6058-99a2a809d7be","appliesTo":"ELEMENT_CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4024"],"boundaryMode":false},"value":"none"},"instant":true},{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"5d5b265b2fb63c0d8a2c22b5|74ac5d80-5583-8460-d6ee-abb62aafafb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f","d027bc4d-5b0f-6391-c5ed-927f9926af59"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":true,"createdOn":1566874715215}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d114","type":"Block","tag":"div","classes":["dabca290-e774-1295-a035-346255a77391"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d115","e9137bc1-d79d-8239-4a04-8cf12ee6d11d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d115","type":"Block","tag":"div","classes":["62e1c465-2112-13e9-985c-4a846a96d0bf"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d116","d6407148-fe20-223f-21f6-92a0f6b22821"],"data":{"search":{"exclude":false},"xattr":[],"macro":{"guid":"2bc385e6-6aae-a822-4691-0946e4db0cc4"},"text":false,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d116","type":"Heading","tag":"h1","classes":["62e1c465-2112-13e9-985c-4a846a96d0b6","62e1c465-2112-13e9-985c-4a846a96d0c3"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d117"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d117","text":true,"v":"Sign up"},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22821","type":"Block","tag":"div","classes":["5a649012-dc6d-5bd0-742c-5c785f33e157"],"children":["d6407148-fe20-223f-21f6-92a0f6b22822","d6407148-fe20-223f-21f6-92a0f6b22823","d6407148-fe20-223f-21f6-92a0f6b22825"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22822","text":true,"v":"Already have an account? "},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22823","type":"Link","tag":"a","classes":["62e1c465-2112-13e9-985c-4a846a96d0ba"],"children":["d6407148-fe20-223f-21f6-92a0f6b22824"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22824","text":true,"v":"Login"},{"_id":"d6407148-fe20-223f-21f6-92a0f6b22825","text":true,"v":" now"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11d","type":"FormWrapper","tag":"div","classes":["bd5ac864-b443-e7e4-0df8-0185ed322775"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d11e","e9137bc1-d79d-8239-4a04-8cf12ee6d12c","e9137bc1-d79d-8239-4a04-8cf12ee6d130"],"data":{"form":{"type":"wrapper"},"macro":{"guid":"2bc385e6-6aae-a822-4691-0946e4db0cc4"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11e","type":"FormForm","tag":"form","classes":["62e1c465-2112-13e9-985c-4a846a96d0bc","68078551-a7ed-3844-7af1-75b5a4c5b0ff"],"children":["9f99cdcd-9278-2e62-7115-79fd6c1b52ef","e9137bc1-d79d-8239-4a04-8cf12ee6d125","e9137bc1-d79d-8239-4a04-8cf12ee6d127","e9137bc1-d79d-8239-4a04-8cf12ee6d128","e9137bc1-d79d-8239-4a04-8cf12ee6d12a","f7c8c862-bd32-44fb-922d-15df4a3850f1","74ac5d80-5583-8460-d6ee-abb62aafafb9"],"data":{"attr":{"id":"wf-form-Sign-up","name":"wf-form-Sign-up","data-name":"Sign up","redirect":"/dashboard","data-redirect":"/dashboard","action":"","method":"get"},"form":{"type":"form","name":"Sign up","redirect":"/dashboard"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52ef","type":"Row","tag":"div","classes":[],"children":["9f99cdcd-9278-2e62-7115-79fd6c1b52f0","9f99cdcd-9278-2e62-7115-79fd6c1b52f1"],"data":{"tag":"div","grid":{"type":"row","cols":{"main":"6|6"}},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52f0","type":"Column","tag":"div","classes":["97c6c7c3-67f7-503e-81e5-da84eb30a64d"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d11f","e9137bc1-d79d-8239-4a04-8cf12ee6d121"],"data":{"tag":"div","grid":{"type":"col"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d11f","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d120"],"data":{"attr":{"for":"First-name","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d120","text":true,"v":"First name"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d121","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-name","data-name":"First name","placeholder":"e.g. Joe","type":"text","id":"First-name","disabled":false,"required":true},"form":{"type":"input","name":"First name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f99cdcd-9278-2e62-7115-79fd6c1b52f1","type":"Column","tag":"div","classes":["9b131c7b-d148-acf4-29da-28ceab4160f6"],"children":["e85b7bbc-8733-71b5-f29e-bc7d16fec171","39f56e98-5a9c-08ac-67c1-fd4020334b7f"],"data":{"tag":"div","grid":{"type":"col"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85b7bbc-8733-71b5-f29e-bc7d16fec171","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e85b7bbc-8733-71b5-f29e-bc7d16fec172"],"data":{"attr":{"for":"Last-name","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85b7bbc-8733-71b5-f29e-bc7d16fec172","text":true,"v":"Last name"},{"_id":"39f56e98-5a9c-08ac-67c1-fd4020334b7f","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-name","data-name":"Last name","placeholder":"e.g. Bloggs","type":"text","id":"Last-name","disabled":false,"required":true},"form":{"type":"input","name":"Last name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d125","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d126"],"data":{"attr":{"for":"Email","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d126","text":true,"v":"Your email"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d127","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d128","type":"FormBlockLabel","tag":"label","classes":["51259b40-d310-6006-f81d-e24513f65662"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d129"],"data":{"attr":{"for":"Password","id":""},"form":{"type":"label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d129","text":true,"v":"Your password"},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12a","type":"FormTextInput","tag":"input","classes":["dbf6823a-27f1-3349-56a3-3a70cedadd1e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","type":"password","id":"Password","disabled":false,"required":true,"placeholder":"********"},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f7c8c862-bd32-44fb-922d-15df4a3850f1","type":"Block","tag":"div","classes":["0ae005e2-22be-e6dd-4143-d017fb37f4d7"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12b"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12b","type":"FormButton","tag":"input","classes":["bbca3e5c-a763-b06e-95cd-eb479d138aff","7d3d635f-f5ae-deed-61ba-ca477838ed65","f1756cab-166e-0087-b33c-f2dc30290e80"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Joining...","id":""},"form":{"type":"button","wait":"Joining..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafb9","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f","d027bc4d-5b0f-6391-c5ed-927f9926af59"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafba","74ac5d80-5583-8460-d6ee-abb62aafafca","74ac5d80-5583-8460-d6ee-abb62aafafcd"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafba","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4028"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafbb","74ac5d80-5583-8460-d6ee-abb62aafafbd","74ac5d80-5583-8460-d6ee-abb62aafafc9"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbb","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c402a","f5b9a11e-8867-9431-5be2-406f866c402e"],"children":["90e17b69-ab96-da1f-ba7c-065d406f4d09"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90e17b69-ab96-da1f-ba7c-065d406f4d09","text":true,"v":"Multi-step signup forms"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbd","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4023"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafbe","cf466d7e-6b55-304a-044d-95bff7564dc0","74ac5d80-5583-8460-d6ee-abb62aafafc7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafbe","text":true,"v":"You can add a second step to your signup process by watching this short tutorial: "},{"_id":"cf466d7e-6b55-304a-044d-95bff7564dc0","type":"Link","tag":"a","classes":["229df5d9-5c6b-acb7-b75d-9e586e45f69f"],"children":["2807d527-a829-273e-9b8f-6732d61363ff"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"https://www.memberstack.io/tutorial/multi-step-signup-forms","mode":"external","target":"_blank"}}},{"_id":"2807d527-a829-273e-9b8f-6732d61363ff","text":true,"v":"https://www.memberstack.io/tutorial/multi-step-signup-forms"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafc7","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafc9","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n@keyframes tourDot {\n 0% {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}\n 100% {box-shadow: 0 0 0 80px rgba(42, 168, 255, 0);}\n}\n.tour-dot {\n\tanimation: tourDot 1.5s ease-out infinite;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"<style>\n@keyframes tourDot {\n 0% {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}\n 100% {box-shadow: 0 0 0 80px rgba(42, 168, 255, 0);}\n}\n.tour-dot {\n\tanimation: tourDot 1.5s ease-out infinite;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafca","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c402c"],"children":["74ac5d80-5583-8460-d6ee-abb62aafafcb"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcb","type":"Block","tag":"div","classes":[],"children":["74ac5d80-5583-8460-d6ee-abb62aafafcc"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcc","text":true,"v":"PRO TIP"},{"_id":"74ac5d80-5583-8460-d6ee-abb62aafafcd","type":"Block","tag":"div","classes":["f5b9a11e-8867-9431-5be2-406f866c4025","f5b9a11e-8867-9431-5be2-406f866c402d"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12c","type":"FormSuccessMessage","tag":"div","classes":["51259b40-d310-6006-f81d-e24513f65665"],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12d","type":"Block","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d12e","e9137bc1-d79d-8239-4a04-8cf12ee6d12f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12e","text":true,"v":"Thank you for signing up."},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d12f","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d130","type":"FormErrorMessage","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d131"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d131","type":"Block","tag":"div","classes":[],"children":["e9137bc1-d79d-8239-4a04-8cf12ee6d132"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9137bc1-d79d-8239-4a04-8cf12ee6d132","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"51259b40-d310-6006-f81d-e24513f65662","fake":false,"type":"class","name":"form-label 2","namespace":"","comb":"","styleLess":"margin-bottom: 2px; font-family: Avenir; color: #11244d; font-size: 16px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402a","fake":false,"type":"class","name":"Help Title","namespace":"","comb":"","styleLess":"margin-bottom: 3px; font-size: 110%; line-height: 1.5em; font-weight: 800;","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402e"],"selector":null},{"_id":"0ae005e2-22be-e6dd-4143-d017fb37f4d7","fake":false,"type":"class","name":"centred div form","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"bd5ac864-b443-e7e4-0df8-0185ed322775","fake":false,"type":"class","name":"signup wrapper","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"width: 100%; max-width: 500px;"}},"children":[],"selector":null},{"_id":"51259b40-d310-6006-f81d-e24513f65665","fake":false,"type":"class","name":"form success","namespace":"","comb":"","styleLess":"padding-top: 85px; padding-bottom: 85px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(343, 81.87%, 52.19%, 1.00); font-family: Avenir; color: white; font-size: 18px; line-height: 25px; font-weight: 400; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4023","fake":false,"type":"class","name":"Relative","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0c3","fake":false,"type":"class","name":"centred","namespace":"","comb":"&","styleLess":"max-width: 500px; margin-right: auto; margin-bottom: 12px; margin-left: auto; color: #11244d; font-weight: 900; text-align: center;","variants":{"tiny":{"styleLess":"line-height: 36px;"}},"children":[],"selector":null},{"_id":"7d3d635f-f5ae-deed-61ba-ca477838ed65","fake":false,"type":"class","name":"submit","namespace":"","comb":"&","styleLess":"margin-top: 8px; padding-right: 64px; padding-left: 64px;","variants":{},"children":["e9694d56-97fd-b4e0-8bde-641ea0457801","f1756cab-166e-0087-b33c-f2dc30290e80"],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4029","fake":false,"type":"class","name":"Help Tooltip","namespace":"","comb":"","styleLess":"position: absolute; left: 100%; top: 20px; display: none; width: 300px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f4f8fa; box-shadow: 1px 1px 8px 1px rgba(45, 62, 80, 0.12); font-size: 11.5px; line-height: 1.4em; font-weight: 400; text-align: left;","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402f","34b46693-e070-d5c3-c018-ca4a4ae36ec4"],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0ba","fake":false,"type":"class","name":"link style","namespace":"","comb":"","styleLess":"color: #e01a66;","variants":{"main_hover":{"styleLess":"color: hsla(336.96969696969694, 82.86%, 41.20%, 1.00);"}},"children":["6877da60-9bc5-23ad-ba62-7146e00a0465"],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0bc","fake":false,"type":"class","name":"form wrap","namespace":"","comb":"","styleLess":"margin-top: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: 0 1px 14px 4px rgba(42, 100, 102, 0.06);","variants":{"tiny":{"styleLess":"width: 100%; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"},"medium":{"styleLess":"width: 80%;"},"small":{"styleLess":"width: 90%;"}},"children":["68078551-a7ed-3844-7af1-75b5a4c5b0ff"],"selector":null},{"_id":"dbf6823a-27f1-3349-56a3-3a70cedadd1e","fake":false,"type":"class","name":"form style","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402e","fake":false,"type":"class","name":"Inline Block","namespace":"","comb":"&","styleLess":"margin-bottom: 4px; font-size: 120%;","variants":{},"children":[],"selector":null},{"_id":"9b131c7b-d148-acf4-29da-28ceab4160f6","fake":false,"type":"class","name":"right form col","namespace":"","comb":"","styleLess":"padding-right: 0px;","variants":{"tiny":{"styleLess":"padding-left: 0px;"}},"children":[],"selector":null},{"_id":"dabca290-e774-1295-a035-346255a77391","fake":false,"type":"class","name":"form holder 2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-right: 10%; margin-left: 10%; flex-direction: column; align-items: center;","variants":{"tiny":{"styleLess":"flex-direction: column;"},"small":{"styleLess":"margin-right: 5%; margin-left: 5%;"}},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0b6","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Avenir; color: #11244d; font-size: 36px; line-height: 48px; font-weight: 900; text-align: left; text-shadow: none;","variants":{"tiny":{"styleLess":"font-size: 28px; line-height: 44px;"},"small":{"styleLess":"font-size: 34px; line-height: 46px;"}},"children":["62e1c465-2112-13e9-985c-4a846a96d0c3"],"selector":null},{"_id":"d027bc4d-5b0f-6391-c5ed-927f9926af59","fake":false,"type":"class","name":"Bottom Tooltip","namespace":"","comb":"&","styleLess":"top: 100%;","variants":{},"children":["68077bdb-55e9-d718-6f5f-bf63bdf3f271","c53ff320-fcd8-3b9f-4456-5787f3ff53ba","5aa16360-8bf7-0eab-c485-8e7f46542e53","357aef4b-5915-ba2a-a9ec-8d9dc4cd8eb1"],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4025","fake":false,"type":"class","name":"Tour Diamond","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: -7px; right: 0%; bottom: auto; z-index: 1; width: 16px; height: 16px; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 3px; border-top-color: #2aa8ff; border-right-style: solid; border-right-width: 3px; border-right-color: #2aa8ff; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #2aa8ff; border-left-style: solid; border-left-width: 3px; border-left-color: #2aa8ff; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #f4f8fa; transform: rotate(45deg);","variants":{},"children":["f5b9a11e-8867-9431-5be2-406f866c402d","29bda799-ce7c-9acd-eadf-000bc90edcda","99cd6d2c-dfec-cd09-9ba4-2dee4f5cc7e5","2f9e2476-c05d-dbee-9b1d-416d36d0a435"],"selector":null},{"_id":"bbca3e5c-a763-b06e-95cd-eb479d138aff","fake":false,"type":"class","name":"btn","namespace":"","comb":"","styleLess":"margin-top: 30px; padding-top: 20px; padding-right: 50px; padding-bottom: 14px; padding-left: 50px; background-image: linear-gradient(45deg, #fd3fb3, #fd3f81 31%, #fd3e4f 78%, #fd3e4f); transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; font-family: Avenir; font-size: 16px; font-weight: 800; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: #fd3fb3; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0.15)), linear-gradient(45deg, #fd3fb3, #fd3f81 31%, #fd3e4f 78%, #fd3e4f);"},"medium":{"styleLess":"padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; font-size: 14px;"},"small":{"styleLess":"padding-right: 45px; padding-left: 45px;"},"tiny":{"styleLess":"width: 100%; padding-right: 20px; padding-left: 20px;"}},"children":["9e3ca8b9-54cb-0bbd-f638-3d4707aff1fd","a562ba71-784e-57eb-8649-e6b6e7b52260","14a481b4-69d3-e765-c9da-098f4285273b","6c6eae6d-629b-f0d0-2c65-22c9129e6932","7d3d635f-f5ae-deed-61ba-ca477838ed65","7cb28c01-1c65-27de-ab3e-fda85c5f1846"],"selector":null},{"_id":"97c6c7c3-67f7-503e-81e5-da84eb30a64d","fake":false,"type":"class","name":"left form col","namespace":"","comb":"","styleLess":"padding-left: 0px;","variants":{"tiny":{"styleLess":"padding-right: 0px;"}},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c4028","fake":false,"type":"class","name":"Help Tooltip Content","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; padding-top: 20px; padding-right: 30px; padding-bottom: 22px; padding-left: 22px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f4f8fa;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402f","fake":false,"type":"class","name":"Tour Tooltip","namespace":"","comb":"&","styleLess":"left: auto; top: 0%; right: 20px; bottom: auto; z-index: 99; display: block; width: 420px; min-height: 0px; margin-top: 20px; border-top-style: solid; border-top-width: 3px; border-top-color: #2aa8ff; border-right-style: solid; border-right-width: 3px; border-right-color: #2aa8ff; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #2aa8ff; border-left-style: solid; border-left-width: 3px; border-left-color: #2aa8ff; background-color: #f4f8fa; box-shadow: 0 -5px 20px -5px rgba(45, 62, 80, 0.12), 1px 1px 8px 1px rgba(45, 62, 80, 0.12); color: black; font-size: 14px; line-height: 1.7em;","variants":{},"children":["d027bc4d-5b0f-6391-c5ed-927f9926af59"],"selector":null},{"_id":"229df5d9-5c6b-acb7-b75d-9e586e45f69f","fake":false,"type":"class","name":"MS Link","namespace":"","comb":"","styleLess":"color: #2aa8ff; font-weight: 800;","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402c","fake":false,"type":"class","name":"Tour Bottom Row","namespace":"","comb":"","styleLess":"position: relative; bottom: 3px; z-index: 2; display: flex; padding-top: 11px; padding-right: 10px; padding-bottom: 10px; padding-left: 22px; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(213.33333333333331, 43.48%, 89.38%, 1.00); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; color: #64636e;","variants":{},"children":["61f227c0-0403-e265-1b92-1e407fb6f485"],"selector":null},{"_id":"f1756cab-166e-0087-b33c-f2dc30290e80","fake":false,"type":"class","name":"inner","namespace":"","comb":"&","styleLess":"padding-top: 15px; padding-bottom: 12px;","variants":{},"children":[],"selector":null},{"_id":"5a649012-dc6d-5bd0-742c-5c785f33e157","fake":false,"type":"class","name":"inner subhead","namespace":"","comb":"","styleLess":"font-family: Avenir; font-size: 20px; line-height: 24px; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"62e1c465-2112-13e9-985c-4a846a96d0bf","fake":false,"type":"class","name":"inner div 2","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"f5b9a11e-8867-9431-5be2-406f866c402d","fake":false,"type":"class","name":"Top Right","namespace":"","comb":"&","styleLess":"left: auto; right: 20px;","variants":{},"children":["7cde3435-de8d-1685-2a22-43db810b6ea4"],"selector":null},{"_id":"68078551-a7ed-3844-7af1-75b5a4c5b0ff","fake":false,"type":"class","name":"signup","namespace":"","comb":"&","styleLess":"position: relative; width: 480px; margin-top: 40px;","variants":{"small":{"styleLess":"width: 100%;"}},"children":[],"selector":null}],"assets":[],"ix1":[{"_id":"2bc385e6-6aae-a822-4691-0946e4db0cc4","slug":"load-header-btn","name":"load-header-btn","value":{"style":{"keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"title":null,"display":null,"opacity":0,"width":null,"height":null,"x":"0px","y":"10px","z":"0px","scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null},"triggers":[{"_id":"0bd8ec3e-86c0-182b-2a8c-3469c39cebb6","type":"load","selector":null,"descend":false,"siblings":false,"preload":false,"offsetTop":null,"offsetBot":null,"loopA":false,"loopB":false,"preserve3d":false,"stepsA":[{"_id":"4e9d9501-4210-292b-eeb8-1998f8f731cb","keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"wait":"300ms","title":null,"display":null,"opacity":null,"width":null,"height":null,"transition":null,"x":null,"y":null,"z":null,"scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null},{"_id":"01e377df-69ca-9345-e402-defc2e86983e","keysort":["x","y","z","scaleX","scaleY","scaleZ","rotateX","rotateY","rotateZ","skewX","skewY"],"wait":null,"title":null,"display":null,"opacity":1,"width":null,"height":null,"transition":"transform 500ms ease 0, opacity 500ms ease 0","x":"0px","y":"0px","z":"0px","scaleX":null,"scaleY":null,"scaleZ":null,"rotateX":null,"rotateY":null,"rotateZ":null,"skewX":null,"skewY":null}],"stepsB":[]}]}}],"ix2":{"interactions":[{"id":"i-17","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-33","e-34"],"target":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","createdOn":1566957211177}],"events":[{"id":"e-33","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-34"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]},"targets":[{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1566957211178},{"id":"e-34","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]},"targets":[{"id":"0bf79fc9-561b-8120-47e6-20d3a8ab9237","appliesTo":"CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1566957211178}],"actionLists":[{"id":"a-3","title":"Hide Tooltips","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"5d5b265b2fb63c5f7a2c2281|26e71b53-feca-7100-6058-99a2a809d7be","appliesTo":"ELEMENT_CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4024"],"boundaryMode":false},"value":"none"},"instant":true},{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"5d5b265b2fb63c0d8a2c22b5|74ac5d80-5583-8460-d6ee-abb62aafafb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["f5b9a11e-8867-9431-5be2-406f866c4029","f5b9a11e-8867-9431-5be2-406f866c402f","d027bc4d-5b0f-6391-c5ed-927f9926af59"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":true,"createdOn":1566874715215}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"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 Fitness Signup component is designed to facilitate user registration for fitness-related services, featuring a clean and user-friendly interface for inputting personal information.
Key Features:
- Multi-step signup process
- Responsive design suitable for various devices
- Includes fields for first name, last name, email, and password
- Success and error messages for user feedback
- Redirects to a dashboard upon successful signup
Design Elements:
- Modern and minimalistic layout
- Centered form with rounded corners and shadow effects
- Clear typography with Avenir font for readability
Potential Use Cases:
- Fitness studios looking to streamline their client registration process
- Online fitness coaching platforms
- Health and wellness apps requiring user signups
- Gyms wanting to enhance their member onboarding experience
- Event registrations for fitness challenges or marathons
Conclusion: The Fitness Signup component offers a versatile and aesthetically pleasing solution for businesses in the fitness industry, making user registration simple and efficient.
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.