Cargando Componente...
Cargando
Gracias. Voy a actualizar
este proyecto lo antes posible.
este proyecto lo antes posible.
¡Uy! Algo ha ido mal al enviar el formulario.
Cómo activar la autenticación de Google
Cómo activar la autenticación de Facebook
Cómo activar la autenticación de Spotify
Cómo activar la autenticación de Dribbble
Cómo activar la autenticación de Github
Cómo activar la autenticación de LinkedIn
Cómo activar el inicio de sesión sin contraseña
Cómo configurar la validación de contraseñas
Cómo mostrar/ocultar la contraseña
Cómo trabajar con imágenes de perfil
Cómo añadir un flujo de olvido de contraseña
Cómo trabajar con casillas de verificación
Cómo configurar las tablas de precios
Acerca del portal de clientes de 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}}
Clonar en Webflow
Componente de copia
{"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}}
Navegador no compatible. Utilice
Chrome o Safari.
Chrome o Safari.
Acerca de este componente
Generado por IA
Descripción del componente (generada por AI)
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.
Características principales:
- User-friendly subscription form
- Option to create a free account
- Success and error messages for form submissions
- Diseño adaptable a varios dispositivos
Elementos de diseño:
- Diseño limpio y moderno
- 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
Posibles casos de uso:
- 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.
Empezar a construir
Empieza a construir tus sueños
Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.