Chargement du composant...
Chargement
Je vous remercie ! Je mettrai à jour
ce projet dès que possible.
ce projet dès que possible.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Comment activer l'authentification Google
Comment activer l'authentification Facebook
Comment activer l'authentification Spotify
Comment activer l'authentification Dribbble
Comment activer l'authentification Github
Comment activer l'authentification LinkedIn
Comment activer les connexions sans mot de passe
Comment configurer la validation du mot de passe
Comment afficher/masquer le mot de passe
Comment travailler avec des images de profil
Comment ajouter un flux d'oubli de mot de passe
Comment travailler avec des cases à cocher
Comment configurer les tables de tarification
A propos du portail client Stripe
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c5290354-33b3-2054-2d55-0373d0455b15","type":"Block","tag":"div","classes":["08161dbd-6584-de53-9e7f-17d9a79db6d8"],"children":["92c48e83-340a-6b7a-775a-222cfd750ea8"],"data":{"tag":"div","xattr":[{"name":"data-ms-content","value":"!verified"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"92c48e83-340a-6b7a-775a-222cfd750ea8","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941","46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e"],"children":["c5290354-33b3-2054-2d55-0373d0455b16","c5290354-33b3-2054-2d55-0373d0455b17","c5290354-33b3-2054-2d55-0373d0455b1b"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b16","type":"HtmlEmbed","tag":"div","classes":["6516214a-980f-3b17-115d-b04d4c994e54"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b17","type":"Block","tag":"div","classes":[],"children":["c5290354-33b3-2054-2d55-0373d0455b18","c5290354-33b3-2054-2d55-0373d0455b19"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b18","text":true,"v":"Please verify your email address by clicking the link sent to "},{"_id":"c5290354-33b3-2054-2d55-0373d0455b19","type":"Strong","tag":"strong","classes":[],"children":["c5290354-33b3-2054-2d55-0373d0455b1a"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1a","text":true,"v":"youremail@gmail.com"},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1b","type":"Link","tag":"a","classes":["08161dbd-6584-de53-9e7f-17d9a79db6d9"],"children":["c5290354-33b3-2054-2d55-0373d0455b1c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1c","text":true,"v":"Resend verification email"}],"styles":[{"_id":"08161dbd-6584-de53-9e7f-17d9a79db6d8","fake":false,"type":"class","name":"Verify Box","namespace":"","comb":"","styleLess":"display: flex; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(37, 100.00%, 77.23%, 1.00);","variants":{},"children":["2ce6d601-567e-30e5-436d-0629e4079eaa","9d47c6c2-784b-c71b-c612-6777457d47c1"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b941","fake":false,"type":"class","name":"Container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e","7cb7b4f6-01ce-d0a1-794b-942dd9070ee5"],"selector":null},{"_id":"46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e","fake":false,"type":"class","name":"Flex Nav","namespace":"","comb":"&","styleLess":"display: flex; justify-content: space-around; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6516214a-980f-3b17-115d-b04d4c994e54","fake":false,"type":"class","name":"svg","namespace":"","comb":"","styleLess":"display: flex; width: 20px; margin-right: 8px; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"08161dbd-6584-de53-9e7f-17d9a79db6d9","fake":false,"type":"class","name":"Verify Link","namespace":"","comb":"","styleLess":"margin-left: auto; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 400; text-decoration: underline;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c5290354-33b3-2054-2d55-0373d0455b15","type":"Block","tag":"div","classes":["08161dbd-6584-de53-9e7f-17d9a79db6d8"],"children":["92c48e83-340a-6b7a-775a-222cfd750ea8"],"data":{"tag":"div","xattr":[{"name":"data-ms-content","value":"!verified"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"92c48e83-340a-6b7a-775a-222cfd750ea8","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941","46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e"],"children":["c5290354-33b3-2054-2d55-0373d0455b16","c5290354-33b3-2054-2d55-0373d0455b17","c5290354-33b3-2054-2d55-0373d0455b1b"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b16","type":"HtmlEmbed","tag":"div","classes":["6516214a-980f-3b17-115d-b04d4c994e54"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b17","type":"Block","tag":"div","classes":[],"children":["c5290354-33b3-2054-2d55-0373d0455b18","c5290354-33b3-2054-2d55-0373d0455b19"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b18","text":true,"v":"Please verify your email address by clicking the link sent to "},{"_id":"c5290354-33b3-2054-2d55-0373d0455b19","type":"Strong","tag":"strong","classes":[],"children":["c5290354-33b3-2054-2d55-0373d0455b1a"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1a","text":true,"v":"youremail@gmail.com"},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1b","type":"Link","tag":"a","classes":["08161dbd-6584-de53-9e7f-17d9a79db6d9"],"children":["c5290354-33b3-2054-2d55-0373d0455b1c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"c5290354-33b3-2054-2d55-0373d0455b1c","text":true,"v":"Resend verification email"}],"styles":[{"_id":"08161dbd-6584-de53-9e7f-17d9a79db6d8","fake":false,"type":"class","name":"Verify Box","namespace":"","comb":"","styleLess":"display: flex; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(37, 100.00%, 77.23%, 1.00);","variants":{},"children":["2ce6d601-567e-30e5-436d-0629e4079eaa","9d47c6c2-784b-c71b-c612-6777457d47c1"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b941","fake":false,"type":"class","name":"Container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e","7cb7b4f6-01ce-d0a1-794b-942dd9070ee5"],"selector":null},{"_id":"46c8cafa-90e2-e5f6-3cd3-f5a6a8db069e","fake":false,"type":"class","name":"Flex Nav","namespace":"","comb":"&","styleLess":"display: flex; justify-content: space-around; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6516214a-980f-3b17-115d-b04d4c994e54","fake":false,"type":"class","name":"svg","namespace":"","comb":"","styleLess":"display: flex; width: 20px; margin-right: 8px; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"08161dbd-6584-de53-9e7f-17d9a79db6d9","fake":false,"type":"class","name":"Verify Link","namespace":"","comb":"","styleLess":"margin-left: auto; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 400; text-decoration: underline;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navigateur non pris en charge. Utilisez
Chrome ou Safari.
Chrome ou Safari.
A propos de ce composant
Généré par l'IA
Description du composant (générée par l'IA)
The Email Verification Banner is a user interface component designed for Webflow and Memberstack, aimed at enhancing user data accuracy by prompting email verification. It effectively reduces the incidence of fake email registrations.
Caractéristiques principales :
- Integrates seamlessly with Webflow and Memberstack
- Prompts users to verify their email addresses
- Includes a 'Resend verification email' link
- Responsive design suitable for various screen sizes
- Customizable styles and classes
Éléments de conception :
- Flexbox layout for easy alignment
- Bright background color for visibility
- Includes an icon for visual appeal
- Clean and modern typography
Cas d'utilisation potentiels :
- Web applications requiring user registration
- E-commerce platforms to ensure valid customer emails
- Membership sites needing accurate user information
- Online services that rely on email communication
- Educational platforms for student registrations
Conclusion: The Email Verification Banner is a versatile and essential component for any web application that values user data integrity, making it a valuable addition to Webflow projects.
Commencer à construire
Commencez à construire vos rêves
Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.