Chargement du composant...

Chargement

Plus de composants

Voir tout
Une partie de
Onboarding UI

Company Onboarding Form

Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Company Onboarding Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafc","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafd","3a3084e7-18fe-1622-d2eb-2d471952db02","3a3084e7-18fe-1622-d2eb-2d471952db04","1a99bdc1-fe1f-8930-9f66-588eeec7e695"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafd","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafe"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafe","text":true,"v":"Tell us about your agency"},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db02","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db03"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db03","text":true,"v":"We just need to know a few more things."},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db04","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db05","3a3084e7-18fe-1622-d2eb-2d471952db06","3a3084e7-18fe-1622-d2eb-2d471952db07","3a3084e7-18fe-1622-d2eb-2d471952db08"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db05","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db06","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db07","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db08","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e695","type":"FormWrapper","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e696","1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","1a99bdc1-fe1f-8930-9f66-588eeec7e6b7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e696","type":"FormForm","tag":"form","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a2","1a99bdc1-fe1f-8930-9f66-588eeec7e699","1a99bdc1-fe1f-8930-9f66-588eeec7e6a6","1a99bdc1-fe1f-8930-9f66-588eeec7e6b3"],"data":{"form":{"type":"form","name":"Email Form","redirect":"/signup/agency/three"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/signup/agency/three","data-redirect":"/signup/agency/three","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a2","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a3","c5c09cbb-9f57-6863-f766-6c5419a73313"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a3","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a4"],"data":{"form":{"type":"label"},"attr":{"for":"Company-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a4","text":true,"v":"Agency name"},{"_id":"c5c09cbb-9f57-6863-f766-6c5419a73313","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Company-Name","data-name":"Company Name","placeholder":"e.g. ACME INC","type":"text","id":"Company-Name","disabled":false,"required":true},"form":{"type":"input","name":"Company Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"business-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e699","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69c","1a99bdc1-fe1f-8930-9f66-588eeec7e69e"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69c","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69a","1a99bdc1-fe1f-8930-9f66-588eeec7e69d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69a","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69b"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69b","text":true,"v":"Industry"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69d","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"industry","data-name":"industry","placeholder":"e.g. Design","type":"text","id":"industry","disabled":false,"required":true},"xattr":[{"name":"autocomplete","value":"off"},{"name":"data-ms-member","value":"industry"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"industry","type":"input","passwordPage":false}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69e","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69f","1a99bdc1-fe1f-8930-9f66-588eeec7e6a1"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69f","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["949150f4-280b-14fc-e691-ed9ccc802eeb"],"data":{"form":{"type":"label"},"attr":{"for":"location","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"949150f4-280b-14fc-e691-ed9ccc802eeb","text":true,"v":"Location"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a1","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"location","data-name":"location","placeholder":"e.g. NY State","type":"text","id":"location","disabled":false,"required":true},"xattr":[{"name":"autocomplete","value":"off"},{"name":"data-ms-member","value":"location"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"location","type":"input","passwordPage":false}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a6","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a7","1c2466c2-2a8d-9a2e-cb4d-1d8f09335292"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a7","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a8"],"data":{"form":{"type":"label"},"attr":{"for":"employees","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a8","text":true,"v":"Number of Employees"},{"_id":"1c2466c2-2a8d-9a2e-cb4d-1d8f09335292","type":"FormSelect","tag":"select","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","28b605e5-c747-d05e-46f0-60ce89ab9006"],"children":[],"v":"<option value=\"\">Select one...</option>\n<option value=\"1-5\">1-5</option>\n<option value=\"6-10\">6-10</option>\n<option value=\"11-49\">11-49</option>\n<option value=\"50-99\">50-99</option>\n<option value=\"100+\">100+</option>","data":{"attr":{"id":"employees","name":"employees","data-name":"employees","required":false,"multiple":false},"xattr":[{"name":"data-ms-member","value":"employees"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"employees","opts":[{"t":"Select one...","v":""},{"t":"1-5","v":"1-5"},{"t":"6-10","v":"6-10"},{"t":"11-49","v":"11-49"},{"t":"50-99","v":"50-99"},{"t":"100+","v":"100+"}],"type":"select"}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b3","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b5","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b7","type":"FormErrorMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b8","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b9","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":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","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":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"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":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","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-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":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"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":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"d8958354-b112-d018-b977-eee5b0c12792","fake":false,"type":"class","name":"Past","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00); opacity: 0.5;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9006","fake":false,"type":"class","name":"Select Field","namespace":"","comb":"&","styleLess":"padding-top: 8px;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafc","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafd","3a3084e7-18fe-1622-d2eb-2d471952db02","3a3084e7-18fe-1622-d2eb-2d471952db04","1a99bdc1-fe1f-8930-9f66-588eeec7e695"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafd","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafe"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafe","text":true,"v":"Tell us about your agency"},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db02","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db03"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db03","text":true,"v":"We just need to know a few more things."},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db04","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db05","3a3084e7-18fe-1622-d2eb-2d471952db06","3a3084e7-18fe-1622-d2eb-2d471952db07","3a3084e7-18fe-1622-d2eb-2d471952db08"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db05","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db06","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db07","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db08","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e695","type":"FormWrapper","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e696","1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","1a99bdc1-fe1f-8930-9f66-588eeec7e6b7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e696","type":"FormForm","tag":"form","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a2","1a99bdc1-fe1f-8930-9f66-588eeec7e699","1a99bdc1-fe1f-8930-9f66-588eeec7e6a6","1a99bdc1-fe1f-8930-9f66-588eeec7e6b3"],"data":{"form":{"type":"form","name":"Email Form","redirect":"/signup/agency/three"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/signup/agency/three","data-redirect":"/signup/agency/three","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a2","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a3","c5c09cbb-9f57-6863-f766-6c5419a73313"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a3","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a4"],"data":{"form":{"type":"label"},"attr":{"for":"Company-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a4","text":true,"v":"Agency name"},{"_id":"c5c09cbb-9f57-6863-f766-6c5419a73313","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Company-Name","data-name":"Company Name","placeholder":"e.g. ACME INC","type":"text","id":"Company-Name","disabled":false,"required":true},"form":{"type":"input","name":"Company Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"business-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e699","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69c","1a99bdc1-fe1f-8930-9f66-588eeec7e69e"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69c","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69a","1a99bdc1-fe1f-8930-9f66-588eeec7e69d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69a","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69b"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69b","text":true,"v":"Industry"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69d","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"industry","data-name":"industry","placeholder":"e.g. Design","type":"text","id":"industry","disabled":false,"required":true},"xattr":[{"name":"autocomplete","value":"off"},{"name":"data-ms-member","value":"industry"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"industry","type":"input","passwordPage":false}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69e","type":"Block","tag":"div","classes":["558770e7-da23-6ece-617e-c6af9df4c3a8"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e69f","1a99bdc1-fe1f-8930-9f66-588eeec7e6a1"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e69f","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["949150f4-280b-14fc-e691-ed9ccc802eeb"],"data":{"form":{"type":"label"},"attr":{"for":"location","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"949150f4-280b-14fc-e691-ed9ccc802eeb","text":true,"v":"Location"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a1","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"location","data-name":"location","placeholder":"e.g. NY State","type":"text","id":"location","disabled":false,"required":true},"xattr":[{"name":"autocomplete","value":"off"},{"name":"data-ms-member","value":"location"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"location","type":"input","passwordPage":false}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a6","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a7","1c2466c2-2a8d-9a2e-cb4d-1d8f09335292"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a7","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6a8"],"data":{"form":{"type":"label"},"attr":{"for":"employees","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6a8","text":true,"v":"Number of Employees"},{"_id":"1c2466c2-2a8d-9a2e-cb4d-1d8f09335292","type":"FormSelect","tag":"select","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff","28b605e5-c747-d05e-46f0-60ce89ab9006"],"children":[],"v":"<option value=\"\">Select one...</option>\n<option value=\"1-5\">1-5</option>\n<option value=\"6-10\">6-10</option>\n<option value=\"11-49\">11-49</option>\n<option value=\"50-99\">50-99</option>\n<option value=\"100+\">100+</option>","data":{"attr":{"id":"employees","name":"employees","data-name":"employees","required":false,"multiple":false},"xattr":[{"name":"data-ms-member","value":"employees"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"employees","opts":[{"t":"Select one...","v":""},{"t":"1-5","v":"1-5"},{"t":"6-10","v":"6-10"},{"t":"11-49","v":"11-49"},{"t":"50-99","v":"50-99"},{"t":"100+","v":"100+"}],"type":"select"}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b3","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b5","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b7","type":"FormErrorMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b8","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b9","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":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","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":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"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":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","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-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":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"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":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"d8958354-b112-d018-b977-eee5b0c12792","fake":false,"type":"class","name":"Past","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00); opacity: 0.5;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9006","fake":false,"type":"class","name":"Select Field","namespace":"","comb":"&","styleLess":"padding-top: 8px;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navigateur non pris en charge. Utilisez
CC Chrome ou SS Safari.

A propos de ce composant

Généré par l'IA

Description du composant (générée par l'IA)

The Company Onboarding Form is designed to streamline the onboarding process for new agencies by collecting essential information through a user-friendly interface.

Caractéristiques principales :

  • Customizable form fields for agency name, industry, location, and number of employees.
  • Success and error messages to enhance user experience.
  • Responsive design suitable for various devices.
  • Redirects to a specified URL upon successful submission.

Éléments de conception :

  • Clean and modern layout with a focus on usability.
  • Color scheme featuring a bright accent color for buttons and links.
  • Flexible form fields with clear labels and placeholders.

Cas d'utilisation potentiels :

  • Agencies looking to onboard new clients efficiently.
  • Businesses needing to gather information from potential partners.
  • Startups wanting to collect data from new team members.

Conclusion: The Company Onboarding Form is a versatile tool that simplifies the onboarding process, making it ideal for various businesses and agencies aiming to enhance their client engagement.

Commencer à construire

Commencez à construire vos rêves

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.