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":"2f61ca71-7b87-aed5-40a8-e7cd47a810b0","type":"Block","tag":"div","classes":["b36ca86b-c0d4-d4e4-cd86-fa0ec5587e5e"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c20"],"data":{"search":{"exclude":false},"clearfix":true,"xattr":[],"text":false,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c20","type":"Block","tag":"div","classes":["b06ac5a9-12a3-86fe-d98b-1190bf311710"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c21","95d13461-bbc6-ea6e-db62-4fb9cd5b9c23","95d13461-bbc6-ea6e-db62-4fb9cd5b9c29"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c21","type":"Heading","tag":"h1","classes":["841f4a37-0e05-2ae3-955f-3862365fd0ce"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c22"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c22","text":true,"v":"Subscribe to access premium articles."},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c23","type":"Paragraph","tag":"p","classes":["66feeac6-1824-c4e7-1930-c930623df300"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c24","95d13461-bbc6-ea6e-db62-4fb9cd5b9c25","95d13461-bbc6-ea6e-db62-4fb9cd5b9c26","95d13461-bbc6-ea6e-db62-4fb9cd5b9c27","95d13461-bbc6-ea6e-db62-4fb9cd5b9c28"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c24","text":true,"v":"•Exclusive access to premium posts"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c25","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c26","text":true,"v":"• Weekly newsletter with a highlighted guest"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c27","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c28","text":true,"v":"• Special podcast episodes"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c29","type":"FormWrapper","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2a","95d13461-bbc6-ea6e-db62-4fb9cd5b9c32","95d13461-bbc6-ea6e-db62-4fb9cd5b9c35"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2a","type":"FormForm","tag":"form","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2b","95d13461-bbc6-ea6e-db62-4fb9cd5b9c2d","95d13461-bbc6-ea6e-db62-4fb9cd5b9c2e","95d13461-bbc6-ea6e-db62-4fb9cd5b9c30","95d13461-bbc6-ea6e-db62-4fb9cd5b9c31","f72ac2c2-c842-1cad-79e5-409ae08934d1","ae3161ca-6cbf-0a03-e95e-24364af6a7f9"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2b","type":"FormBlockLabel","tag":"label","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2c"],"data":{"form":{"type":"label"},"attr":{"for":"email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2c","text":true,"v":"Email Address"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2d","type":"FormTextInput","tag":"input","classes":["d7ab4e9f-8c71-cce1-581f-9de5a11cbd14"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Enter your email address","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2e","type":"FormBlockLabel","tag":"label","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2f"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2f","text":true,"v":"Password"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c30","type":"FormTextInput","tag":"input","classes":["d7ab4e9f-8c71-cce1-581f-9de5a11cbd14"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Minimum 8 characters","type":"password","id":"Password-3","disabled":false,"required":true},"form":{"type":"input","name":"Password 3","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c31","type":"FormButton","tag":"input","classes":["5010231e-6e93-60fe-7eb0-3c0376d3ada1","ec51be7c-8f5c-a494-33d9-edb25172e788"],"children":[],"data":{"attr":{"type":"submit","value":"$39 per month","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-price:update","value":"prc_premium-monthly-4x40jps"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f72ac2c2-c842-1cad-79e5-409ae08934d1","type":"Block","tag":"div","classes":["822cff4c-e74a-7019-5ed1-349e08e16152"],"children":["f72ac2c2-c842-1cad-79e5-409ae08934d2"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f72ac2c2-c842-1cad-79e5-409ae08934d2","text":true,"v":"Or"},{"_id":"ae3161ca-6cbf-0a03-e95e-24364af6a7f9","type":"FormButton","tag":"input","classes":["19a2036c-ca15-440a-5ebb-cffe60c369d8"],"children":[],"data":{"attr":{"type":"submit","value":"Create a free account","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-price:remove","value":"all"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c32","type":"FormSuccessMessage","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c33"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c33","type":"Block","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c34"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c34","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c35","type":"FormErrorMessage","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c36"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c36","type":"Block","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c37"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c37","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d7ab4e9f-8c71-cce1-581f-9de5a11cbd14","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 85.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 85.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 85.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 85.33%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{},"children":[],"selector":null},{"_id":"b06ac5a9-12a3-86fe-d98b-1190bf311710","fake":false,"type":"class","name":"Div: Pricing","namespace":"","comb":"","styleLess":"width: 380px; margin-right: 59px; margin-left: 59px; padding-top: 39px; padding-right: 30px; padding-bottom: 39px; padding-left: 30px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(0, 0.00%, 97.33%, 1.00); text-align: center;","variants":{},"children":[],"selector":null},{"_id":"841f4a37-0e05-2ae3-955f-3862365fd0ce","fake":false,"type":"class","name":"pricing: H1","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":[],"selector":null},{"_id":"66feeac6-1824-c4e7-1930-c930623df300","fake":false,"type":"class","name":"pricing: paragraph","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"selector":null},{"_id":"19a2036c-ca15-440a-5ebb-cffe60c369d8","fake":false,"type":"class","name":"2nd CTA","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: transparent; color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"5010231e-6e93-60fe-7eb0-3c0376d3ada1","fake":false,"type":"class","name":"CTA","namespace":"","comb":"","styleLess":"margin-left: 20px; padding-top: 7px; padding-right: 20px; padding-bottom: 7px; padding-left: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #e44d36; font-size: 16px; font-weight: 700; text-transform: uppercase;","variants":{"tiny":{"styleLess":"width: 100%; margin-top: 15px; margin-left: 0px;"}},"children":["1d7c7db9-318d-62f0-01be-ebd9eb80ba9f","ec51be7c-8f5c-a494-33d9-edb25172e788"],"selector":null},{"_id":"822cff4c-e74a-7019-5ed1-349e08e16152","fake":false,"type":"class","name":"or","namespace":"","comb":"","styleLess":"margin-top: 12px; margin-bottom: 10px; font-size: 80%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b36ca86b-c0d4-d4e4-cd86-fa0ec5587e5e","fake":false,"type":"class","name":"Pricing Section","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"margin-bottom: 40px;"}},"children":[],"selector":null},{"_id":"ec51be7c-8f5c-a494-33d9-edb25172e788","fake":false,"type":"class","name":"fullwidth","namespace":"","comb":"&","styleLess":"display: block; width: 100%; margin-top: 20px; margin-left: 0px;","variants":{},"children":[],"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":"2f61ca71-7b87-aed5-40a8-e7cd47a810b0","type":"Block","tag":"div","classes":["b36ca86b-c0d4-d4e4-cd86-fa0ec5587e5e"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c20"],"data":{"search":{"exclude":false},"clearfix":true,"xattr":[],"text":false,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c20","type":"Block","tag":"div","classes":["b06ac5a9-12a3-86fe-d98b-1190bf311710"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c21","95d13461-bbc6-ea6e-db62-4fb9cd5b9c23","95d13461-bbc6-ea6e-db62-4fb9cd5b9c29"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c21","type":"Heading","tag":"h1","classes":["841f4a37-0e05-2ae3-955f-3862365fd0ce"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c22"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c22","text":true,"v":"Subscribe to access premium articles."},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c23","type":"Paragraph","tag":"p","classes":["66feeac6-1824-c4e7-1930-c930623df300"],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c24","95d13461-bbc6-ea6e-db62-4fb9cd5b9c25","95d13461-bbc6-ea6e-db62-4fb9cd5b9c26","95d13461-bbc6-ea6e-db62-4fb9cd5b9c27","95d13461-bbc6-ea6e-db62-4fb9cd5b9c28"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c24","text":true,"v":"•Exclusive access to premium posts"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c25","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c26","text":true,"v":"• Weekly newsletter with a highlighted guest"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c27","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c28","text":true,"v":"• Special podcast episodes"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c29","type":"FormWrapper","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2a","95d13461-bbc6-ea6e-db62-4fb9cd5b9c32","95d13461-bbc6-ea6e-db62-4fb9cd5b9c35"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2a","type":"FormForm","tag":"form","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2b","95d13461-bbc6-ea6e-db62-4fb9cd5b9c2d","95d13461-bbc6-ea6e-db62-4fb9cd5b9c2e","95d13461-bbc6-ea6e-db62-4fb9cd5b9c30","95d13461-bbc6-ea6e-db62-4fb9cd5b9c31","f72ac2c2-c842-1cad-79e5-409ae08934d1","ae3161ca-6cbf-0a03-e95e-24364af6a7f9"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2b","type":"FormBlockLabel","tag":"label","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2c"],"data":{"form":{"type":"label"},"attr":{"for":"email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2c","text":true,"v":"Email Address"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2d","type":"FormTextInput","tag":"input","classes":["d7ab4e9f-8c71-cce1-581f-9de5a11cbd14"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Enter your email address","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2e","type":"FormBlockLabel","tag":"label","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c2f"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c2f","text":true,"v":"Password"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c30","type":"FormTextInput","tag":"input","classes":["d7ab4e9f-8c71-cce1-581f-9de5a11cbd14"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Minimum 8 characters","type":"password","id":"Password-3","disabled":false,"required":true},"form":{"type":"input","name":"Password 3","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c31","type":"FormButton","tag":"input","classes":["5010231e-6e93-60fe-7eb0-3c0376d3ada1","ec51be7c-8f5c-a494-33d9-edb25172e788"],"children":[],"data":{"attr":{"type":"submit","value":"$39 per month","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-price:update","value":"prc_premium-monthly-4x40jps"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f72ac2c2-c842-1cad-79e5-409ae08934d1","type":"Block","tag":"div","classes":["822cff4c-e74a-7019-5ed1-349e08e16152"],"children":["f72ac2c2-c842-1cad-79e5-409ae08934d2"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f72ac2c2-c842-1cad-79e5-409ae08934d2","text":true,"v":"Or"},{"_id":"ae3161ca-6cbf-0a03-e95e-24364af6a7f9","type":"FormButton","tag":"input","classes":["19a2036c-ca15-440a-5ebb-cffe60c369d8"],"children":[],"data":{"attr":{"type":"submit","value":"Create a free account","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-price:remove","value":"all"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c32","type":"FormSuccessMessage","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c33"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c33","type":"Block","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c34"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c34","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c35","type":"FormErrorMessage","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c36"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c36","type":"Block","tag":"div","classes":[],"children":["95d13461-bbc6-ea6e-db62-4fb9cd5b9c37"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95d13461-bbc6-ea6e-db62-4fb9cd5b9c37","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d7ab4e9f-8c71-cce1-581f-9de5a11cbd14","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 85.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 85.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 85.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 85.33%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{},"children":[],"selector":null},{"_id":"b06ac5a9-12a3-86fe-d98b-1190bf311710","fake":false,"type":"class","name":"Div: Pricing","namespace":"","comb":"","styleLess":"width: 380px; margin-right: 59px; margin-left: 59px; padding-top: 39px; padding-right: 30px; padding-bottom: 39px; padding-left: 30px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(0, 0.00%, 97.33%, 1.00); text-align: center;","variants":{},"children":[],"selector":null},{"_id":"841f4a37-0e05-2ae3-955f-3862365fd0ce","fake":false,"type":"class","name":"pricing: H1","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":[],"selector":null},{"_id":"66feeac6-1824-c4e7-1930-c930623df300","fake":false,"type":"class","name":"pricing: paragraph","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"selector":null},{"_id":"19a2036c-ca15-440a-5ebb-cffe60c369d8","fake":false,"type":"class","name":"2nd CTA","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: transparent; color: hsla(218.8888888888889, 90.00%, 11.76%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"5010231e-6e93-60fe-7eb0-3c0376d3ada1","fake":false,"type":"class","name":"CTA","namespace":"","comb":"","styleLess":"margin-left: 20px; padding-top: 7px; padding-right: 20px; padding-bottom: 7px; padding-left: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #e44d36; font-size: 16px; font-weight: 700; text-transform: uppercase;","variants":{"tiny":{"styleLess":"width: 100%; margin-top: 15px; margin-left: 0px;"}},"children":["1d7c7db9-318d-62f0-01be-ebd9eb80ba9f","ec51be7c-8f5c-a494-33d9-edb25172e788"],"selector":null},{"_id":"822cff4c-e74a-7019-5ed1-349e08e16152","fake":false,"type":"class","name":"or","namespace":"","comb":"","styleLess":"margin-top: 12px; margin-bottom: 10px; font-size: 80%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b36ca86b-c0d4-d4e4-cd86-fa0ec5587e5e","fake":false,"type":"class","name":"Pricing Section","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: center; align-items: center;","variants":{"small":{"styleLess":"margin-bottom: 40px;"}},"children":[],"selector":null},{"_id":"ec51be7c-8f5c-a494-33d9-edb25172e788","fake":false,"type":"class","name":"fullwidth","namespace":"","comb":"&","styleLess":"display: block; width: 100%; margin-top: 20px; margin-left: 0px;","variants":{},"children":[],"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)
This component facilitates user subscriptions by allowing visitors to sign up for premium content with a clear pricing structure. It includes a form for email and password entry, along with a call-to-action for both paid and free account options.
Caractéristiques principales :
- User-friendly subscription form
- Option to create a free account
- Success and error messages for form submissions
- Conception adaptée à différents appareils
Éléments de conception :
- Une présentation claire et moderne
- Centered alignment with flexible width
- Use of rounded corners and subtle borders
- Contrasting colors for call-to-action buttons
- Clear typography for headings and paragraphs
Cas d'utilisation potentiels :
- Online publications offering premium articles
- Podcasts providing exclusive content to subscribers
- Newsletters that require user registration for access
- Membership sites with tiered pricing models
- E-learning platforms with subscription-based courses
Conclusion: The Subscriber Signup With Pricing component is a versatile tool for businesses looking to monetize their content through subscriptions, combining functionality with an appealing design.
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.