Component laden...

Laden

Meer onderdelen

Bekijk alles
Oeps! Er ging iets mis bij het verzenden van het formulier.
Square Signup
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8662ee79-ebe7-d926-91e0-cb95bd98dc45","type":"Block","tag":"div","classes":["3e21a47e-c56e-dd97-6145-44a78616db08"],"children":["d73146fe-3171-52e2-fb11-998e4e003d87","71a507ab-8ecf-1572-f965-7be3d7cd10bd"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d73146fe-3171-52e2-fb11-998e4e003d87","type":"Link","tag":"a","classes":["57532492-868f-5fdc-3d26-114bae6626a5"],"children":["d73146fe-3171-52e2-fb11-998e4e003d88"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"d73146fe-3171-52e2-fb11-998e4e003d88","text":true,"v":"Login"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bd","type":"FormWrapper","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10be","71a507ab-8ecf-1572-f965-7be3d7cd10d2","71a507ab-8ecf-1572-f965-7be3d7cd10d5"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10be","type":"FormForm","tag":"form","classes":["28b605e5-c747-d05e-46f0-60ce89ab9001"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10bf","71a507ab-8ecf-1572-f965-7be3d7cd10c1","d2b92ee6-6886-035a-d8fa-b09eef54f532","71a507ab-8ecf-1572-f965-7be3d7cd10c5","d9892ddd-a67a-f4d1-453e-aa36852952a8","71a507ab-8ecf-1572-f965-7be3d7cd10d1"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bf","type":"Heading","tag":"h1","classes":["28b605e5-c747-d05e-46f0-60ce89ab9003"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c0"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c0","text":true,"v":"Create an account"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c1","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c2","49a2874e-5abc-1a9a-5b9a-561af8096c6b","f84e381e-37a1-842a-396b-633fc40cc471"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c2","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c3"],"data":{"form":{"type":"label"},"attr":{"for":"Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c3","text":true,"v":"First Name"},{"_id":"49a2874e-5abc-1a9a-5b9a-561af8096c6b","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["c9ef63d5-1edf-4494-8bbf-b84d9bf58374"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c9ef63d5-1edf-4494-8bbf-b84d9bf58374","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. John","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":"f84e381e-37a1-842a-396b-633fc40cc471","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["9f478a87-e648-9c91-df70-7889816372f3","71a507ab-8ecf-1572-f965-7be3d7cd10c4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f478a87-e648-9c91-df70-7889816372f3","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["9f478a87-e648-9c91-df70-7889816372f4"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f478a87-e648-9c91-df70-7889816372f4","text":true,"v":"Last Name"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c4","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Smith","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":"d2b92ee6-6886-035a-d8fa-b09eef54f532","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["d2b92ee6-6886-035a-d8fa-b09eef54f533","d2b92ee6-6886-035a-d8fa-b09eef54f535"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f533","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["d2b92ee6-6886-035a-d8fa-b09eef54f534"],"data":{"form":{"type":"label"},"attr":{"for":"email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f534","text":true,"v":"Email"},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f535","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"e.g. your@email.com","type":"text","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c5","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c6","71a507ab-8ecf-1572-f965-7be3d7cd10c8"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c6","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c7"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c7","text":true,"v":"Password"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c8","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"password","placeholder":"*******************","type":"password","id":"password","disabled":false,"required":true},"form":{"type":"input","name":"password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952a8","type":"FormCheckboxWrapper","tag":"div","classes":["a995a1f7-30d9-5f66-5793-03188b32f1fe"],"children":["d9892ddd-a67a-f4d1-453e-aa36852952a9","d9892ddd-a67a-f4d1-453e-aa36852952aa"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952a9","type":"FormCheckboxInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"checkbox","name":"checkbox","data-name":"Checkbox","type":"checkbox","required":true,"checked":false},"form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-member","value":"opt-in-required"}],"inputType":"default","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952aa","type":"FormInlineLabel","tag":"label","classes":["f19d54f1-e631-0bc1-48f8-4b1fc633e5d8"],"children":["d9892ddd-a67a-f4d1-453e-aa36852952ab","0215f940-f3ff-9e1b-a7fd-6526e23bc22c","2d55d147-21e7-b9f7-ebc2-0acd237508c9","2d9c1673-effd-28dd-6e63-c7c1db673ea3"],"data":{"attr":{"for":"checkbox","id":""},"form":{"type":"checkbox-label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952ab","text":true,"v":" I agree to the "},{"_id":"0215f940-f3ff-9e1b-a7fd-6526e23bc22c","type":"Link","tag":"a","classes":["b4466592-281f-8975-bbc1-1e7ad3a5c02c"],"children":["2aa89d97-7475-0d16-dc7c-60b72acd8ab0"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"2aa89d97-7475-0d16-dc7c-60b72acd8ab0","text":true,"v":"Terms"},{"_id":"2d55d147-21e7-b9f7-ebc2-0acd237508c9","text":true,"v":" and "},{"_id":"2d9c1673-effd-28dd-6e63-c7c1db673ea3","type":"Link","tag":"a","classes":["b4466592-281f-8975-bbc1-1e7ad3a5c02c"],"children":["1509da90-0400-f825-77b5-aba9c6096a7b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"1509da90-0400-f825-77b5-aba9c6096a7b","text":true,"v":"Privacy Policy"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d1","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Create an Account","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d2","type":"FormSuccessMessage","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d3"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d3","type":"Block","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d4"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d4","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d5","type":"FormErrorMessage","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d6"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d6","type":"Block","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d7","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"f04421f4-c9c5-3210-03c4-1a15c9c095f3","fake":false,"type":"class","name":"Last Name","namespace":"","comb":"&","styleLess":"z-index: 0; margin-left: -1px;","variants":{"main_focus":{"styleLess":"z-index: 2;"}},"children":[],"selector":null},{"_id":"b4466592-281f-8975-bbc1-1e7ad3a5c02c","fake":false,"type":"class","name":"Login Page Link","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab8fff","fake":false,"type":"class","name":"Form Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; height: 60px; padding-top: 11px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); background-color: transparent;","variants":{"main_focus":{"styleLess":"border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 62.67%, 1.00);"}},"children":["28b605e5-c747-d05e-46f0-60ce89ab9006","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9005","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"selector":null},{"_id":"3e21a47e-c56e-dd97-6145-44a78616db08","fake":false,"type":"class","name":"Login Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px; flex-direction: column; justify-content: center; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"a995a1f7-30d9-5f66-5793-03188b32f1fe","fake":false,"type":"class","name":"GDPR Checkbox","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"selector":null},{"_id":"558770e7-da23-6ece-617e-c6af9df4c3a8","fake":false,"type":"class","name":"Form Column","namespace":"","comb":"","styleLess":"position: relative; width: 50%;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9003","fake":false,"type":"class","name":"Form Heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0.75em;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9002","fake":false,"type":"class","name":"Field Label","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; z-index: 10; display: inline-block; margin-top: -9px; margin-left: 10px; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; background-color: white; line-height: 14px;","variants":{},"children":[],"selector":null},{"_id":"57532492-868f-5fdc-3d26-114bae6626a5","fake":false,"type":"class","name":"Login Nav Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; margin-top: 20px; margin-right: 50px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; color: black; font-size: 18px;","variants":{},"children":["4d2a2d25-ff89-9f46-fde1-32a9a98ee254","63e3af49-c931-41f3-0e64-212c361c5d7e"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9001","fake":false,"type":"class","name":"Signup Form","namespace":"","comb":"","styleLess":"width: 550px; padding-top: 50px; padding-right: 80px; padding-bottom: 50px; padding-left: 80px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; box-shadow: 0 7px 30px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":["394c68e3-4a12-6b9c-1683-f38c0fec7174"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9004","fake":false,"type":"class","name":"Submit Button","namespace":"","comb":"","styleLess":"height: 50px; min-width: 170px; margin-top: 20px; padding-top: 10px; padding-right: 40px; padding-bottom: 12px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(49, 100.00%, 50.00%, 1.00); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-family: Red Hat Text; color: black; font-weight: 500;","variants":{"tiny":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); background-color: white;"}},"children":["4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"selector":null},{"_id":"f19d54f1-e631-0bc1-48f8-4b1fc633e5d8","fake":false,"type":"class","name":"Terms Text","namespace":"","comb":"","styleLess":"position: relative; top: -2px; padding-left: 5px; color: rgba(51, 51, 51, 0.6); font-size: 13px;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8662ee79-ebe7-d926-91e0-cb95bd98dc45","type":"Block","tag":"div","classes":["3e21a47e-c56e-dd97-6145-44a78616db08"],"children":["d73146fe-3171-52e2-fb11-998e4e003d87","71a507ab-8ecf-1572-f965-7be3d7cd10bd"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d73146fe-3171-52e2-fb11-998e4e003d87","type":"Link","tag":"a","classes":["57532492-868f-5fdc-3d26-114bae6626a5"],"children":["d73146fe-3171-52e2-fb11-998e4e003d88"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"d73146fe-3171-52e2-fb11-998e4e003d88","text":true,"v":"Login"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bd","type":"FormWrapper","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10be","71a507ab-8ecf-1572-f965-7be3d7cd10d2","71a507ab-8ecf-1572-f965-7be3d7cd10d5"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10be","type":"FormForm","tag":"form","classes":["28b605e5-c747-d05e-46f0-60ce89ab9001"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10bf","71a507ab-8ecf-1572-f965-7be3d7cd10c1","d2b92ee6-6886-035a-d8fa-b09eef54f532","71a507ab-8ecf-1572-f965-7be3d7cd10c5","d9892ddd-a67a-f4d1-453e-aa36852952a8","71a507ab-8ecf-1572-f965-7be3d7cd10d1"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bf","type":"Heading","tag":"h1","classes":["28b605e5-c747-d05e-46f0-60ce89ab9003"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c0"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c0","text":true,"v":"Create an account"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c1","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c2","49a2874e-5abc-1a9a-5b9a-561af8096c6b","f84e381e-37a1-842a-396b-633fc40cc471"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c2","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c3"],"data":{"form":{"type":"label"},"attr":{"for":"Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c3","text":true,"v":"First Name"},{"_id":"49a2874e-5abc-1a9a-5b9a-561af8096c6b","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["c9ef63d5-1edf-4494-8bbf-b84d9bf58374"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c9ef63d5-1edf-4494-8bbf-b84d9bf58374","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. John","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":"f84e381e-37a1-842a-396b-633fc40cc471","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["9f478a87-e648-9c91-df70-7889816372f3","71a507ab-8ecf-1572-f965-7be3d7cd10c4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f478a87-e648-9c91-df70-7889816372f3","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["9f478a87-e648-9c91-df70-7889816372f4"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f478a87-e648-9c91-df70-7889816372f4","text":true,"v":"Last Name"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c4","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Smith","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":"d2b92ee6-6886-035a-d8fa-b09eef54f532","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["d2b92ee6-6886-035a-d8fa-b09eef54f533","d2b92ee6-6886-035a-d8fa-b09eef54f535"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f533","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["d2b92ee6-6886-035a-d8fa-b09eef54f534"],"data":{"form":{"type":"label"},"attr":{"for":"email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f534","text":true,"v":"Email"},{"_id":"d2b92ee6-6886-035a-d8fa-b09eef54f535","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"e.g. your@email.com","type":"text","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c5","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c6","71a507ab-8ecf-1572-f965-7be3d7cd10c8"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c6","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c7"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c7","text":true,"v":"Password"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c8","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"password","placeholder":"*******************","type":"password","id":"password","disabled":false,"required":true},"form":{"type":"input","name":"password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952a8","type":"FormCheckboxWrapper","tag":"div","classes":["a995a1f7-30d9-5f66-5793-03188b32f1fe"],"children":["d9892ddd-a67a-f4d1-453e-aa36852952a9","d9892ddd-a67a-f4d1-453e-aa36852952aa"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952a9","type":"FormCheckboxInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"checkbox","name":"checkbox","data-name":"Checkbox","type":"checkbox","required":true,"checked":false},"form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-member","value":"opt-in-required"}],"inputType":"default","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952aa","type":"FormInlineLabel","tag":"label","classes":["f19d54f1-e631-0bc1-48f8-4b1fc633e5d8"],"children":["d9892ddd-a67a-f4d1-453e-aa36852952ab","0215f940-f3ff-9e1b-a7fd-6526e23bc22c","2d55d147-21e7-b9f7-ebc2-0acd237508c9","2d9c1673-effd-28dd-6e63-c7c1db673ea3"],"data":{"attr":{"for":"checkbox","id":""},"form":{"type":"checkbox-label"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d9892ddd-a67a-f4d1-453e-aa36852952ab","text":true,"v":" I agree to the "},{"_id":"0215f940-f3ff-9e1b-a7fd-6526e23bc22c","type":"Link","tag":"a","classes":["b4466592-281f-8975-bbc1-1e7ad3a5c02c"],"children":["2aa89d97-7475-0d16-dc7c-60b72acd8ab0"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"2aa89d97-7475-0d16-dc7c-60b72acd8ab0","text":true,"v":"Terms"},{"_id":"2d55d147-21e7-b9f7-ebc2-0acd237508c9","text":true,"v":" and "},{"_id":"2d9c1673-effd-28dd-6e63-c7c1db673ea3","type":"Link","tag":"a","classes":["b4466592-281f-8975-bbc1-1e7ad3a5c02c"],"children":["1509da90-0400-f825-77b5-aba9c6096a7b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"1509da90-0400-f825-77b5-aba9c6096a7b","text":true,"v":"Privacy Policy"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d1","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Create an Account","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d2","type":"FormSuccessMessage","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d3"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d3","type":"Block","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d4"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d4","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d5","type":"FormErrorMessage","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d6"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d6","type":"Block","tag":"div","classes":[],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10d7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10d7","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"f04421f4-c9c5-3210-03c4-1a15c9c095f3","fake":false,"type":"class","name":"Last Name","namespace":"","comb":"&","styleLess":"z-index: 0; margin-left: -1px;","variants":{"main_focus":{"styleLess":"z-index: 2;"}},"children":[],"selector":null},{"_id":"b4466592-281f-8975-bbc1-1e7ad3a5c02c","fake":false,"type":"class","name":"Login Page Link","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab8fff","fake":false,"type":"class","name":"Form Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; height: 60px; padding-top: 11px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); background-color: transparent;","variants":{"main_focus":{"styleLess":"border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 62.67%, 1.00);"}},"children":["28b605e5-c747-d05e-46f0-60ce89ab9006","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9005","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"selector":null},{"_id":"3e21a47e-c56e-dd97-6145-44a78616db08","fake":false,"type":"class","name":"Login Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px; flex-direction: column; justify-content: center; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"a995a1f7-30d9-5f66-5793-03188b32f1fe","fake":false,"type":"class","name":"GDPR Checkbox","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"selector":null},{"_id":"558770e7-da23-6ece-617e-c6af9df4c3a8","fake":false,"type":"class","name":"Form Column","namespace":"","comb":"","styleLess":"position: relative; width: 50%;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9003","fake":false,"type":"class","name":"Form Heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0.75em;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9002","fake":false,"type":"class","name":"Field Label","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; z-index: 10; display: inline-block; margin-top: -9px; margin-left: 10px; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; background-color: white; line-height: 14px;","variants":{},"children":[],"selector":null},{"_id":"57532492-868f-5fdc-3d26-114bae6626a5","fake":false,"type":"class","name":"Login Nav Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; margin-top: 20px; margin-right: 50px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; color: black; font-size: 18px;","variants":{},"children":["4d2a2d25-ff89-9f46-fde1-32a9a98ee254","63e3af49-c931-41f3-0e64-212c361c5d7e"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9001","fake":false,"type":"class","name":"Signup Form","namespace":"","comb":"","styleLess":"width: 550px; padding-top: 50px; padding-right: 80px; padding-bottom: 50px; padding-left: 80px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; box-shadow: 0 7px 30px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":["394c68e3-4a12-6b9c-1683-f38c0fec7174"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9004","fake":false,"type":"class","name":"Submit Button","namespace":"","comb":"","styleLess":"height: 50px; min-width: 170px; margin-top: 20px; padding-top: 10px; padding-right: 40px; padding-bottom: 12px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(49, 100.00%, 50.00%, 1.00); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-family: Red Hat Text; color: black; font-weight: 500;","variants":{"tiny":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); background-color: white;"}},"children":["4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"selector":null},{"_id":"f19d54f1-e631-0bc1-48f8-4b1fc633e5d8","fake":false,"type":"class","name":"Terms Text","namespace":"","comb":"","styleLess":"position: relative; top: -2px; padding-left: 5px; color: rgba(51, 51, 51, 0.6); font-size: 13px;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

Belangrijkste kenmerken:

  • User-friendly signup form with fields for first name, last name, email, and password.
  • Includes a checkbox for terms and conditions agreement.
  • Responsive design suitable for various devices.
  • Success and error messages for form submission feedback.

Ontwerpelementen:

  • Minimalistic layout with a white background and subtle shadows.
  • Bold typography for headings and labels to enhance readability.
  • Colorful submit button that stands out against the form.

Potentiële gebruikssituaties:

  • E-commerce websites needing user registration.
  • SaaS platforms requiring account creation.
  • Event registration sites for collecting attendee information.
  • Membership-based services that require user signups.

Conclusion: The Square Signup component is a versatile and visually appealing solution for any website looking to streamline user registration, making it an excellent choice for various industries.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.