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}}
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
CC Chrome oder SS 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.