Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Widget zur E-Mail-Überprüfung

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Widget zur E-Mail-Überprüfung
{"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
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
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

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.

Wesentliche Merkmale:

  • Customizable greeting message with user name
  • Direct link for resending verification emails
  • Responsive Design für verschiedene Geräte geeignet
  • Fixed position for easy accessibility
  • Stylish and modern visual elements

Gestaltungselemente:

  • 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

Potenzielle Anwendungsfälle:

  • 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.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.