Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e76d019e-6d26-af8e-3252-23bfb763e480","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["e76d019e-6d26-af8e-3252-23bfb763e481"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e481","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["e76d019e-6d26-af8e-3252-23bfb763e482"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e482","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["e76d019e-6d26-af8e-3252-23bfb763e483","e76d019e-6d26-af8e-3252-23bfb763e485","e76d019e-6d26-af8e-3252-23bfb763e487"],"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":"e76d019e-6d26-af8e-3252-23bfb763e483","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["e76d019e-6d26-af8e-3252-23bfb763e484"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e484","text":true,"v":"Ready to get started?"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e485","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["e76d019e-6d26-af8e-3252-23bfb763e486"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e486","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":"e76d019e-6d26-af8e-3252-23bfb763e487","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["e76d019e-6d26-af8e-3252-23bfb763e488","e76d019e-6d26-af8e-3252-23bfb763e48a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e488","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["e76d019e-6d26-af8e-3252-23bfb763e489"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e489","text":true,"v":"Get started"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48a","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["e76d019e-6d26-af8e-3252-23bfb763e48b"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48b","text":true,"v":"Book a demo"}],"styles":[{"_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":"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":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"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":"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":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"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":"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}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e76d019e-6d26-af8e-3252-23bfb763e480","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["e76d019e-6d26-af8e-3252-23bfb763e481"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e481","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["e76d019e-6d26-af8e-3252-23bfb763e482"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e482","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["e76d019e-6d26-af8e-3252-23bfb763e483","e76d019e-6d26-af8e-3252-23bfb763e485","e76d019e-6d26-af8e-3252-23bfb763e487"],"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":"e76d019e-6d26-af8e-3252-23bfb763e483","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["e76d019e-6d26-af8e-3252-23bfb763e484"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e484","text":true,"v":"Ready to get started?"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e485","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["e76d019e-6d26-af8e-3252-23bfb763e486"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e486","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":"e76d019e-6d26-af8e-3252-23bfb763e487","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["e76d019e-6d26-af8e-3252-23bfb763e488","e76d019e-6d26-af8e-3252-23bfb763e48a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e488","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["e76d019e-6d26-af8e-3252-23bfb763e489"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e489","text":true,"v":"Get started"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48a","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["e76d019e-6d26-af8e-3252-23bfb763e48b"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48b","text":true,"v":"Book a demo"}],"styles":[{"_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":"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":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"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":"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":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"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":"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}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
The Simple 2 Button Banner CTA is a visually appealing call-to-action component designed to engage users with two prominent buttons. It effectively combines a compelling message with actionable links to drive conversions.
Belangrijkste kenmerken:
- Includes two customizable buttons for user interaction
- Responsive ontwerp geschikt voor verschillende schermformaten
- Centered layout for enhanced visibility
- Stylish typography and color scheme
- Easy integration into existing Webflow projects
Ontwerpelementen:
- Flexbox layout for alignment and spacing
- Max-width constraints for content readability
- Modern color palette with contrasting button styles
- Clear and concise messaging with a headline and supporting text
Potentiële gebruikssituaties:
- Landing pages for product launches
- Promotional banners for services or events
- Lead generation forms for businesses
- E-commerce sites looking to boost sales
- Portfolio sites to encourage client inquiries
Conclusion: The Simple 2 Button Banner CTA is a versatile and effective component that can enhance user engagement and drive conversions across various types of websites.
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.