Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
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":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd6","type":"Block","tag":"div","classes":["8525d4af-fbac-2930-c31e-99d2f2a22042"],"children":["72c63e17-3df1-12ce-44db-78bc4d0a4083","a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd9","00734e1c-d841-6b3b-8e3e-f2b1f9c4ac93","5689d433-3ff9-f743-4ba7-bd6fc9b096c2","93060a3b-b5a5-ecce-77ce-f9b1f1b3da49"],"data":{"tag":"div","xattr":[{"name":"data-ms-content","value":"!verified"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"72c63e17-3df1-12ce-44db-78bc4d0a4083","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b944"],"children":["72c63e17-3df1-12ce-44db-78bc4d0a4084"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"72c63e17-3df1-12ce-44db-78bc4d0a4084","text":true,"v":"Verify your email"},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd9","type":"Block","tag":"div","classes":[],"children":["a6e9af5d-5cdd-33c8-fbc1-da9a41db8dda","e900a5eb-0e3a-ea27-5df5-30a767555a8d","4d5c4f23-9966-cc2a-95b2-38859c9654a0","a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddb"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dda","text":true,"v":"Hi "},{"_id":"e900a5eb-0e3a-ea27-5df5-30a767555a8d","type":"Span","tag":"span","classes":[],"children":["f9733135-95ad-53ea-48f5-54a76b11dea3"],"data":{"xattr":[{"name":"data-ms-member","value":"name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f9733135-95ad-53ea-48f5-54a76b11dea3","text":true,"v":"Johny"},{"_id":"4d5c4f23-9966-cc2a-95b2-38859c9654a0","text":true,"v":", Please verify your email address by clicking the link sent to "},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddb","type":"Strong","tag":"strong","classes":[],"children":["a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddc"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddc","text":true,"v":"youremail@gmail.com"},{"_id":"00734e1c-d841-6b3b-8e3e-f2b1f9c4ac93","type":"Block","tag":"div","classes":["8dba19b8-974b-a4fb-8d07-28707eb3d74f","885b5821-a6d7-401d-dcc5-843dc9d0ceed"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"5689d433-3ff9-f743-4ba7-bd6fc9b096c2","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":["2edcd850-45e9-e62f-60f1-8a37d628c484"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"2edcd850-45e9-e62f-60f1-8a37d628c484","type":"Block","tag":"div","classes":[],"children":["2edcd850-45e9-e62f-60f1-8a37d628c485"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2edcd850-45e9-e62f-60f1-8a37d628c485","text":true,"v":"Resend Verification Email"},{"_id":"93060a3b-b5a5-ecce-77ce-f9b1f1b3da49","type":"Block","tag":"div","classes":["bf5a1a66-6c77-9dc5-0355-659a61a0ed45"],"children":["93060a3b-b5a5-ecce-77ce-f9b1f1b3da4a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93060a3b-b5a5-ecce-77ce-f9b1f1b3da4a","text":true,"v":"Questions? Email us at feedback@fakesite.com"}],"styles":[{"_id":"8525d4af-fbac-2930-c31e-99d2f2a22042","fake":false,"type":"class","name":"Verify Box Fixed","namespace":"","comb":"","styleLess":"position: fixed; left: 10px; top: auto; right: auto; bottom: 10px; z-index: 999; display: flex; width: 400px; padding-top: 32px; padding-right: 32px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; justify-content: space-between; align-items: flex-start; grid-column-gap: 8px; border-top-style: solid; border-top-width: 1px; border-top-color: #ffd28b; border-right-style: solid; border-right-width: 1px; border-right-color: #ffd28b; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ffd28b; border-left-style: solid; border-left-width: 1px; border-left-color: #ffd28b; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b944","fake":false,"type":"class","name":"Form Header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["e48d03d2-076b-91bd-0134-1bcf0e0628a5","04715e64-ed26-79a6-4229-0e9511162082"],"selector":null},{"_id":"8dba19b8-974b-a4fb-8d07-28707eb3d74f","fake":false,"type":"class","name":"Spacer","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["885b5821-a6d7-401d-dcc5-843dc9d0ceed","813d4e57-fbdc-9143-2530-d850520913e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"885b5821-a6d7-401d-dcc5-843dc9d0ceed","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 5px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["c391dba6-3a8b-e535-79df-ac5d0fce7dd0","4f125f8f-8104-7bb0-724a-ffe715699095"],"selector":null},{"_id":"bf5a1a66-6c77-9dc5-0355-659a61a0ed45","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; opacity: 0.6; color: #0d0c22; font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd6","type":"Block","tag":"div","classes":["8525d4af-fbac-2930-c31e-99d2f2a22042"],"children":["72c63e17-3df1-12ce-44db-78bc4d0a4083","a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd9","00734e1c-d841-6b3b-8e3e-f2b1f9c4ac93","5689d433-3ff9-f743-4ba7-bd6fc9b096c2","93060a3b-b5a5-ecce-77ce-f9b1f1b3da49"],"data":{"tag":"div","xattr":[{"name":"data-ms-content","value":"!verified"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"72c63e17-3df1-12ce-44db-78bc4d0a4083","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b944"],"children":["72c63e17-3df1-12ce-44db-78bc4d0a4084"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"72c63e17-3df1-12ce-44db-78bc4d0a4084","text":true,"v":"Verify your email"},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dd9","type":"Block","tag":"div","classes":[],"children":["a6e9af5d-5cdd-33c8-fbc1-da9a41db8dda","e900a5eb-0e3a-ea27-5df5-30a767555a8d","4d5c4f23-9966-cc2a-95b2-38859c9654a0","a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddb"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8dda","text":true,"v":"Hi "},{"_id":"e900a5eb-0e3a-ea27-5df5-30a767555a8d","type":"Span","tag":"span","classes":[],"children":["f9733135-95ad-53ea-48f5-54a76b11dea3"],"data":{"xattr":[{"name":"data-ms-member","value":"name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f9733135-95ad-53ea-48f5-54a76b11dea3","text":true,"v":"Johny"},{"_id":"4d5c4f23-9966-cc2a-95b2-38859c9654a0","text":true,"v":", Please verify your email address by clicking the link sent to "},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddb","type":"Strong","tag":"strong","classes":[],"children":["a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddc"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6e9af5d-5cdd-33c8-fbc1-da9a41db8ddc","text":true,"v":"youremail@gmail.com"},{"_id":"00734e1c-d841-6b3b-8e3e-f2b1f9c4ac93","type":"Block","tag":"div","classes":["8dba19b8-974b-a4fb-8d07-28707eb3d74f","885b5821-a6d7-401d-dcc5-843dc9d0ceed"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"5689d433-3ff9-f743-4ba7-bd6fc9b096c2","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":["2edcd850-45e9-e62f-60f1-8a37d628c484"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"2edcd850-45e9-e62f-60f1-8a37d628c484","type":"Block","tag":"div","classes":[],"children":["2edcd850-45e9-e62f-60f1-8a37d628c485"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2edcd850-45e9-e62f-60f1-8a37d628c485","text":true,"v":"Resend Verification Email"},{"_id":"93060a3b-b5a5-ecce-77ce-f9b1f1b3da49","type":"Block","tag":"div","classes":["bf5a1a66-6c77-9dc5-0355-659a61a0ed45"],"children":["93060a3b-b5a5-ecce-77ce-f9b1f1b3da4a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93060a3b-b5a5-ecce-77ce-f9b1f1b3da4a","text":true,"v":"Questions? Email us at feedback@fakesite.com"}],"styles":[{"_id":"8525d4af-fbac-2930-c31e-99d2f2a22042","fake":false,"type":"class","name":"Verify Box Fixed","namespace":"","comb":"","styleLess":"position: fixed; left: 10px; top: auto; right: auto; bottom: 10px; z-index: 999; display: flex; width: 400px; padding-top: 32px; padding-right: 32px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; justify-content: space-between; align-items: flex-start; grid-column-gap: 8px; border-top-style: solid; border-top-width: 1px; border-top-color: #ffd28b; border-right-style: solid; border-right-width: 1px; border-right-color: #ffd28b; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ffd28b; border-left-style: solid; border-left-width: 1px; border-left-color: #ffd28b; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b944","fake":false,"type":"class","name":"Form Header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["e48d03d2-076b-91bd-0134-1bcf0e0628a5","04715e64-ed26-79a6-4229-0e9511162082"],"selector":null},{"_id":"8dba19b8-974b-a4fb-8d07-28707eb3d74f","fake":false,"type":"class","name":"Spacer","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["885b5821-a6d7-401d-dcc5-843dc9d0ceed","813d4e57-fbdc-9143-2530-d850520913e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"885b5821-a6d7-401d-dcc5-843dc9d0ceed","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 5px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["c391dba6-3a8b-e535-79df-ac5d0fce7dd0","4f125f8f-8104-7bb0-724a-ffe715699095"],"selector":null},{"_id":"bf5a1a66-6c77-9dc5-0355-659a61a0ed45","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; opacity: 0.6; color: #0d0c22; font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Email Verification Widget is designed to facilitate the email verification process for users, ensuring that they confirm their email addresses after registration. It provides a user-friendly interface for verification and resend options.
Key Features:
- Customizable greeting message with user name
- Direct link for resending verification emails
- Responsive design suitable for various devices
- Fixed position for easy accessibility
- Stylish and modern visual elements
Design Elements:
- Fixed position layout with a white background
- Rounded corners and a border with a soft color
- Bold typography for headers and important messages
- Subtle shadow effects for depth
- Color scheme featuring soft yellows and blues
Potential Use Cases:
- Web applications requiring user registration and email confirmation
- E-commerce platforms needing to verify customer accounts
- Membership sites that require email validation for access
- Online services offering newsletters or updates
- SaaS products that require user authentication
Conclusion: The Email Verification Widget is a versatile and essential tool for any web application that requires email confirmation, enhancing user experience while ensuring security.