Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6685","type":"DropdownWrapper","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6686","c2b5e30c-b659-26db-53d1-9fd034af668a"],"data":{"search":{"exclude":true},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"displayName":"","dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6686","type":"DropdownToggle","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf28","a4599a00-122e-6694-a8cd-b64c222b00ed","d846ed5b-62ca-668d-9e4b-d240ddc65476"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6687","c2b5e30c-b659-26db-53d1-9fd034af6689"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6687","type":"Block","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6688"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6688","text":true,"v":"Free Trial Active"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6689","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668a","type":"DropdownList","tag":"nav","classes":["1b3cb8e6-d5eb-ecd5-7dd1-44dc08922a7c"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668b","c2b5e30c-b659-26db-53d1-9fd034af6692","c2b5e30c-b659-26db-53d1-9fd034af6694"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668b","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9075"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668c","c2b5e30c-b659-26db-53d1-9fd034af668e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668c","type":"Block","tag":"div","classes":["dd28baa4-7261-94a0-9124-813e9be20f1b"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668d","text":true,"v":"Free Trial in Progress"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668e","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde907a"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668f","c2b5e30c-b659-26db-53d1-9fd034af6690","c2b5e30c-b659-26db-53d1-9fd034af6691"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668f","text":true,"v":"Your subscription will automatically renew "},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6690","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6691","text":true,"v":"when your trial period ends. "},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6692","type":"Link","tag":"a","classes":["a66b508b-e43c-5444-19ac-9e68fcde907e"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6693"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":true,"link":{"url":"#","mode":"external"}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6693","text":true,"v":"Cancel Early & End Trial"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6694","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9072"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6695","c2b5e30c-b659-26db-53d1-9fd034af6696"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6695","type":"HtmlEmbed","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9074"],"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=\"M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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=\"M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6696","type":"Block","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6697"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6697","text":true,"v":"Or continue with a money-back guarantee"}],"styles":[{"_id":"a66b508b-e43c-5444-19ac-9e68fcde907a","fake":false,"type":"class","name":"text-grey","namespace":"","comb":"","styleLess":"color: #676767;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d846ed5b-62ca-668d-9e4b-d240ddc65476","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"&","styleLess":"padding-right: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1b3cb8e6-d5eb-ecd5-7dd1-44dc08922a7c","fake":false,"type":"class","name":"trial-dropdown","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"left: -500px; right: -500px; display: flex; width: 400px; min-width: 400px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde907e","fake":false,"type":"class","name":"price-button","namespace":"","comb":"","styleLess":"display: block; margin-top: 1em; padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; color: white; font-size: 15px; line-height: 1.6em; font-weight: 700; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)); box-shadow: 0 10px 20px -5px rgba(24, 16, 99, 0.36);"}},"children":["a66b508b-e43c-5444-19ac-9e68fcde9084"],"selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9074","fake":false,"type":"class","name":"lock-icon","namespace":"","comb":"","styleLess":"display: flex; width: 1.6em; height: 1.6em; margin-bottom: 0.2em; justify-content: center; align-items: center; color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9072","fake":false,"type":"class","name":"trigger-text","namespace":"","comb":"","styleLess":"display: flex; margin-top: 1em; justify-content: center; align-items: center; grid-column-gap: 0.4em; font-size: 0.7em; line-height: 2em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dd28baa4-7261-94a0-9124-813e9be20f1b","fake":false,"type":"class","name":"trial-h1","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 10px; font-size: 25px; line-height: 1.4em; font-weight: 800;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9075","fake":false,"type":"class","name":"center-text","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf28","fake":false,"type":"class","name":"primary-nav-link","namespace":"","comb":"","styleLess":"margin-right: 10px; margin-left: 10px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-weight: 400;","variants":{"main_current":{"styleLess":"border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00);"},"main_hover":{"styleLess":"border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 0.25);"}},"children":["a4599a00-122e-6694-a8cd-b64c222b00ed"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a4599a00-122e-6694-a8cd-b64c222b00ed","fake":false,"type":"class","name":"trial","namespace":"","comb":"&","styleLess":"display: flex; margin-left: 0px; padding-right: 15px; padding-left: 15px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 12px; font-weight: 600;","variants":{"main_hover":{"styleLess":""}},"children":["d846ed5b-62ca-668d-9e4b-d240ddc65476"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6685","type":"DropdownWrapper","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6686","c2b5e30c-b659-26db-53d1-9fd034af668a"],"data":{"search":{"exclude":true},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"displayName":"","dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6686","type":"DropdownToggle","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf28","a4599a00-122e-6694-a8cd-b64c222b00ed","d846ed5b-62ca-668d-9e4b-d240ddc65476"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6687","c2b5e30c-b659-26db-53d1-9fd034af6689"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6687","type":"Block","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6688"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6688","text":true,"v":"Free Trial Active"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6689","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668a","type":"DropdownList","tag":"nav","classes":["1b3cb8e6-d5eb-ecd5-7dd1-44dc08922a7c"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668b","c2b5e30c-b659-26db-53d1-9fd034af6692","c2b5e30c-b659-26db-53d1-9fd034af6694"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668b","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9075"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668c","c2b5e30c-b659-26db-53d1-9fd034af668e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668c","type":"Block","tag":"div","classes":["dd28baa4-7261-94a0-9124-813e9be20f1b"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668d","text":true,"v":"Free Trial in Progress"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668e","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde907a"],"children":["c2b5e30c-b659-26db-53d1-9fd034af668f","c2b5e30c-b659-26db-53d1-9fd034af6690","c2b5e30c-b659-26db-53d1-9fd034af6691"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af668f","text":true,"v":"Your subscription will automatically renew "},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6690","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6691","text":true,"v":"when your trial period ends. "},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6692","type":"Link","tag":"a","classes":["a66b508b-e43c-5444-19ac-9e68fcde907e"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6693"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":true,"link":{"url":"#","mode":"external"}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6693","text":true,"v":"Cancel Early & End Trial"},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6694","type":"Block","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9072"],"children":["c2b5e30c-b659-26db-53d1-9fd034af6695","c2b5e30c-b659-26db-53d1-9fd034af6696"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6695","type":"HtmlEmbed","tag":"div","classes":["a66b508b-e43c-5444-19ac-9e68fcde9074"],"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=\"M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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=\"M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6696","type":"Block","tag":"div","classes":[],"children":["c2b5e30c-b659-26db-53d1-9fd034af6697"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c2b5e30c-b659-26db-53d1-9fd034af6697","text":true,"v":"Or continue with a money-back guarantee"}],"styles":[{"_id":"a66b508b-e43c-5444-19ac-9e68fcde907a","fake":false,"type":"class","name":"text-grey","namespace":"","comb":"","styleLess":"color: #676767;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d846ed5b-62ca-668d-9e4b-d240ddc65476","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"&","styleLess":"padding-right: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1b3cb8e6-d5eb-ecd5-7dd1-44dc08922a7c","fake":false,"type":"class","name":"trial-dropdown","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"left: -500px; right: -500px; display: flex; width: 400px; min-width: 400px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde907e","fake":false,"type":"class","name":"price-button","namespace":"","comb":"","styleLess":"display: block; margin-top: 1em; padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease; color: white; font-size: 15px; line-height: 1.6em; font-weight: 700; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)); box-shadow: 0 10px 20px -5px rgba(24, 16, 99, 0.36);"}},"children":["a66b508b-e43c-5444-19ac-9e68fcde9084"],"selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9074","fake":false,"type":"class","name":"lock-icon","namespace":"","comb":"","styleLess":"display: flex; width: 1.6em; height: 1.6em; margin-bottom: 0.2em; justify-content: center; align-items: center; color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9072","fake":false,"type":"class","name":"trigger-text","namespace":"","comb":"","styleLess":"display: flex; margin-top: 1em; justify-content: center; align-items: center; grid-column-gap: 0.4em; font-size: 0.7em; line-height: 2em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dd28baa4-7261-94a0-9124-813e9be20f1b","fake":false,"type":"class","name":"trial-h1","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 10px; font-size: 25px; line-height: 1.4em; font-weight: 800;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a66b508b-e43c-5444-19ac-9e68fcde9075","fake":false,"type":"class","name":"center-text","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf28","fake":false,"type":"class","name":"primary-nav-link","namespace":"","comb":"","styleLess":"margin-right: 10px; margin-left: 10px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-weight: 400;","variants":{"main_current":{"styleLess":"border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00);"},"main_hover":{"styleLess":"border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 0.25);"}},"children":["a4599a00-122e-6694-a8cd-b64c222b00ed"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a4599a00-122e-6694-a8cd-b64c222b00ed","fake":false,"type":"class","name":"trial","namespace":"","comb":"&","styleLess":"display: flex; margin-left: 0px; padding-right: 15px; padding-left: 15px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 12px; font-weight: 600;","variants":{"main_hover":{"styleLess":""}},"children":["d846ed5b-62ca-668d-9e4b-d240ddc65476"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Free Trial Dropdown is a dynamic component designed to display content specifically for users who are currently on a free trial. It becomes visible only when a member is actively trialing, providing relevant information and options.
Key Features:
- Conditional visibility based on trial status
- Includes a toggle for additional options
- Customizable text and links for user engagement
- Integrates icons for enhanced visual appeal
Design Elements:
- Clean and modern layout
- Soft color palette
- Rounded corners for dropdown elements
- Responsive design suitable for various screen sizes
Potential Use Cases:
- SaaS companies offering free trials
- Membership-based services
- Online educational platforms with trial periods
- Subscription box services with introductory offers
Conclusion: The Free Trial Dropdown is a versatile and user-friendly component that effectively communicates trial-related information, making it an excellent choice for businesses looking to enhance user experience during trial periods.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.