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":"781d0fe5-4c3e-4e80-4df5-f45e87334e03","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e04"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e04","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e05"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e05","type":"Grid","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e06","a01a011b-6dac-9345-50a6-49b558ecbb38"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e06","type":"Block","tag":"div","classes":["9661c403-029f-948b-6148-75e24da6f300"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e07","781d0fe5-4c3e-4e80-4df5-f45e87334e09","781d0fe5-4c3e-4e80-4df5-f45e87334e0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e07","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e08"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e08","text":true,"v":"Ready to get started?"},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e09","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e0a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0a","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0e","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e0f"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0f","text":true,"v":"Book a demo"},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb38","type":"FormWrapper","tag":"div","classes":["28bfd99c-3f73-1868-38cc-cbe7f463b291"],"children":["a01a011b-6dac-9345-50a6-49b558ecbb39","a01a011b-6dac-9345-50a6-49b558ecbb40","a01a011b-6dac-9345-50a6-49b558ecbb43"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb39","type":"FormForm","tag":"form","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb3a","a01a011b-6dac-9345-50a6-49b558ecbb3b","a01a011b-6dac-9345-50a6-49b558ecbb3c","a01a011b-6dac-9345-50a6-49b558ecbb3d","a01a011b-6dac-9345-50a6-49b558ecbb3e","a01a011b-6dac-9345-50a6-49b558ecbb3f"],"data":{"form":{"type":"form","name":"Email Form 2"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form-2","name":"email-form-2","data-name":"Email Form 2","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3a","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-5","data-name":"Name 5","placeholder":"First Name","type":"text","id":"name-5","disabled":false,"required":false},"form":{"type":"input","name":"Name 5","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3b","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-4","data-name":"Name 4","placeholder":"Last Name","type":"text","id":"name-4","disabled":false,"required":false},"form":{"type":"input","name":"Name 4","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3c","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-3","data-name":"Name 3","placeholder":"Phone Number","type":"text","id":"name-3","disabled":false,"required":false},"form":{"type":"input","name":"Name 3","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3d","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Company","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Email","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3f","type":"FormButton","tag":"input","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb40","type":"FormSuccessMessage","tag":"div","classes":["14d11177-d4a0-6e6b-b231-ce104bdcf54b"],"children":["a01a011b-6dac-9345-50a6-49b558ecbb41"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb41","type":"Block","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb42"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb42","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb43","type":"FormErrorMessage","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb44"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb44","type":"Block","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb45"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb45","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8152553b-170e-afe6-8fe1-6c1dacc919e6","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["5c034d05-50ed-77c0-76ab-48035680dc23"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c034d05-50ed-77c0-76ab-48035680dc23","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9661c403-029f-948b-6148-75e24da6f300","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":["1c4201e0-5e5e-d7eb-1800-c79e636758ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"28bfd99c-3f73-1868-38cc-cbe7f463b291","fake":false,"type":"class","name":"form-block_shadow","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 20px 0 rgba(0,0,0,0.2);","variants":{"small":{"styleLess":"width: 100%; margin-top: 0px; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"14d11177-d4a0-6e6b-b231-ce104bdcf54b","fake":false,"type":"class","name":"success","namespace":"","comb":"","styleLess":"border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e03","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e04"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e04","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e05"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e05","type":"Grid","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e06","a01a011b-6dac-9345-50a6-49b558ecbb38"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e06","type":"Block","tag":"div","classes":["9661c403-029f-948b-6148-75e24da6f300"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e07","781d0fe5-4c3e-4e80-4df5-f45e87334e09","781d0fe5-4c3e-4e80-4df5-f45e87334e0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e07","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e08"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e08","text":true,"v":"Ready to get started?"},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e09","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e0a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0a","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0e","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["781d0fe5-4c3e-4e80-4df5-f45e87334e0f"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"781d0fe5-4c3e-4e80-4df5-f45e87334e0f","text":true,"v":"Book a demo"},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb38","type":"FormWrapper","tag":"div","classes":["28bfd99c-3f73-1868-38cc-cbe7f463b291"],"children":["a01a011b-6dac-9345-50a6-49b558ecbb39","a01a011b-6dac-9345-50a6-49b558ecbb40","a01a011b-6dac-9345-50a6-49b558ecbb43"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb39","type":"FormForm","tag":"form","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb3a","a01a011b-6dac-9345-50a6-49b558ecbb3b","a01a011b-6dac-9345-50a6-49b558ecbb3c","a01a011b-6dac-9345-50a6-49b558ecbb3d","a01a011b-6dac-9345-50a6-49b558ecbb3e","a01a011b-6dac-9345-50a6-49b558ecbb3f"],"data":{"form":{"type":"form","name":"Email Form 2"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form-2","name":"email-form-2","data-name":"Email Form 2","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3a","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-5","data-name":"Name 5","placeholder":"First Name","type":"text","id":"name-5","disabled":false,"required":false},"form":{"type":"input","name":"Name 5","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3b","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-4","data-name":"Name 4","placeholder":"Last Name","type":"text","id":"name-4","disabled":false,"required":false},"form":{"type":"input","name":"Name 4","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3c","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-3","data-name":"Name 3","placeholder":"Phone Number","type":"text","id":"name-3","disabled":false,"required":false},"form":{"type":"input","name":"Name 3","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3d","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Company","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Email","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb3f","type":"FormButton","tag":"input","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb40","type":"FormSuccessMessage","tag":"div","classes":["14d11177-d4a0-6e6b-b231-ce104bdcf54b"],"children":["a01a011b-6dac-9345-50a6-49b558ecbb41"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb41","type":"Block","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb42"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb42","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb43","type":"FormErrorMessage","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb44"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb44","type":"Block","tag":"div","classes":[],"children":["a01a011b-6dac-9345-50a6-49b558ecbb45"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a01a011b-6dac-9345-50a6-49b558ecbb45","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8152553b-170e-afe6-8fe1-6c1dacc919e6","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["5c034d05-50ed-77c0-76ab-48035680dc23"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c034d05-50ed-77c0-76ab-48035680dc23","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9661c403-029f-948b-6148-75e24da6f300","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":["1c4201e0-5e5e-d7eb-1800-c79e636758ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"28bfd99c-3f73-1868-38cc-cbe7f463b291","fake":false,"type":"class","name":"form-block_shadow","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 20px 0 rgba(0,0,0,0.2);","variants":{"small":{"styleLess":"width: 100%; margin-top: 0px; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"14d11177-d4a0-6e6b-b231-ce104bdcf54b","fake":false,"type":"class","name":"success","namespace":"","comb":"","styleLess":"border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Simple Contact Form CTA is a user-friendly component designed to facilitate easy communication between users and businesses. It features a clean layout with a call-to-action prompt and a straightforward form for user submissions.
Key Features:
- Responsive design suitable for various devices
- Includes fields for name, email, phone number, and company
- Success and error messages for user feedback
- Customizable call-to-action button
- Easy integration with Webflow forms
Design Elements:
- Modern and minimalistic style
- Color scheme featuring dark text on a light background
- Rounded corners and subtle shadows for depth
- Grid layout for organized content presentation
Potential Use Cases:
- Small businesses looking to enhance customer engagement
- Service providers wanting to capture leads
- Event organizers needing to collect participant information
- Freelancers aiming to streamline client inquiries
- Nonprofits seeking to connect with supporters
Conclusion: The Simple Contact Form CTA is a versatile and visually appealing component that can effectively boost user interaction and lead generation for various types of businesses.
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.