Start building for free - no credit card until you're launch-ready!

Component laden...

Laden

Meer onderdelen

Deel van

Widget voor e-mailverificatie

Webflow E-mail Verificatie Component

Bedankt! Ik zal
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":"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}}

Klonen in Webflow

Kopieer component

{"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 niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door 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.

Belangrijkste kenmerken:

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

Ontwerpelementen:

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

Potentiële gebruikssituaties:

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.

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.

Vergelijkbare componenten

E-mail verificatie pagina

Pop-up verificatiemail donker

Knoppen voor e-mailverificatie