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":"def0bede-f245-bebc-33d2-1d701dac2356","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9815"],"children":["def0bede-f245-bebc-33d2-1d701dac2357","5730d1fc-5469-53c7-9f55-75c1f565288b","def0bede-f245-bebc-33d2-1d701dac2358"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2357","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<iframe width=\"640\" height=\"400\" src=\"https://www.loom.com/embed/7273f62fdc324ba3872d33c831800e7d\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<iframe width=\"640\" height=\"400\" src=\"https://www.loom.com/embed/7273f62fdc324ba3872d33c831800e7d\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","div":false,"iframe":true,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"video"}],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"5730d1fc-5469-53c7-9f55-75c1f565288b","type":"Image","tag":"img","classes":["e4836b26-a0cd-bb2d-fdef-f7a28b6846f2"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6345c1449350ff6c1f87c328","sizes":[{"max":767,"size":"100vw"},{"max":10000,"size":"640px"}]},"xattr":[{"name":"data-ms-content","value":"!members"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2358","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9826"],"children":["def0bede-f245-bebc-33d2-1d701dac2359","def0bede-f245-bebc-33d2-1d701dac235b"],"data":{"tag":"div","attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"!members"}],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2359","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9824"],"children":["def0bede-f245-bebc-33d2-1d701dac235a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235a","text":true,"v":"This video is members-only"},{"_id":"def0bede-f245-bebc-33d2-1d701dac235b","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9825"],"children":["def0bede-f245-bebc-33d2-1d701dac235c"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235c","type":"Link","tag":"a","classes":["225c998e-8bd8-840b-ae52-819a64af9817"],"children":["def0bede-f245-bebc-33d2-1d701dac235d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235d","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af982c"],"children":["def0bede-f245-bebc-33d2-1d701dac235e"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235e","type":"Block","tag":"div","classes":[],"children":["def0bede-f245-bebc-33d2-1d701dac235f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235f","text":true,"v":"Create an Account"}],"styles":[{"_id":"225c998e-8bd8-840b-ae52-819a64af9815","fake":false,"type":"class","name":"Video Wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 640px; height: 405px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e4836b26-a0cd-bb2d-fdef-f7a28b6846f2","fake":false,"type":"class","name":"Video Preview","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 5; display: block;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9826","fake":false,"type":"class","name":"Become a Member","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 100.00%, 0.80); opacity: 0; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9824","fake":false,"type":"class","name":"Upgrade H1","namespace":"","comb":"","styleLess":"margin-bottom: 2rem; font-size: 2rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9825","fake":false,"type":"class","name":"modal_open_all","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9817","fake":false,"type":"class","name":"dash_button","namespace":"","comb":"","styleLess":"padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; 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(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: background-color, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 1rem; font-weight: 700; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(243.99999999999997, 53.95%, 38.11%, 1.00); transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af982c","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","siteId":"6345bdb55605ac6a09d4b484","width":1282,"isHD":false,"height":800,"fileName":"6345c1449350ff6c1f87c328_Screen Shot 2022-10-11 at 3.17.16 PM.jpg","createdOn":"2022-10-11T19:17:24.549Z","origFileName":"Screen Shot 2022-10-11 at 3.17.16 PM.jpg","fileHash":"6f2fc11c010b267a720cc95230c877c4","variants":[{"_id":"6345c1466b42a5b092f89514","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","format":"jpg","size":25544,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg"},{"_id":"6345c1466b42a55bbcf89515","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","format":"jpg","size":52059,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg"},{"_id":"6345c1466b42a511bbf89516","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","format":"jpg","size":79459,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","thumbUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-130x130q80.jpg","_id":"6345c1449350ff6c1f87c328","updatedOn":"2022-10-12T13:22:18.776Z","fileSize":201310}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","createdOn":1665424348195}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-14"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af9825"]},"targets":[{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665424348197},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af9825"]},"targets":[{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665424348199}],"actionLists":[{"id":"a","title":"Open Modal All","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"def0bede-f245-bebc-33d2-1d701dac2356","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9815"],"children":["def0bede-f245-bebc-33d2-1d701dac2357","5730d1fc-5469-53c7-9f55-75c1f565288b","def0bede-f245-bebc-33d2-1d701dac2358"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2357","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<iframe width=\"640\" height=\"400\" src=\"https://www.loom.com/embed/7273f62fdc324ba3872d33c831800e7d\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<iframe width=\"640\" height=\"400\" src=\"https://www.loom.com/embed/7273f62fdc324ba3872d33c831800e7d\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","div":false,"iframe":true,"script":false,"compilable":false}},"attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"video"}],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"5730d1fc-5469-53c7-9f55-75c1f565288b","type":"Image","tag":"img","classes":["e4836b26-a0cd-bb2d-fdef-f7a28b6846f2"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6345c1449350ff6c1f87c328","sizes":[{"max":767,"size":"100vw"},{"max":10000,"size":"640px"}]},"xattr":[{"name":"data-ms-content","value":"!members"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2358","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9826"],"children":["def0bede-f245-bebc-33d2-1d701dac2359","def0bede-f245-bebc-33d2-1d701dac235b"],"data":{"tag":"div","attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"!members"}],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac2359","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9824"],"children":["def0bede-f245-bebc-33d2-1d701dac235a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235a","text":true,"v":"This video is members-only"},{"_id":"def0bede-f245-bebc-33d2-1d701dac235b","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af9825"],"children":["def0bede-f245-bebc-33d2-1d701dac235c"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235c","type":"Link","tag":"a","classes":["225c998e-8bd8-840b-ae52-819a64af9817"],"children":["def0bede-f245-bebc-33d2-1d701dac235d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235d","type":"Block","tag":"div","classes":["225c998e-8bd8-840b-ae52-819a64af982c"],"children":["def0bede-f245-bebc-33d2-1d701dac235e"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235e","type":"Block","tag":"div","classes":[],"children":["def0bede-f245-bebc-33d2-1d701dac235f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"def0bede-f245-bebc-33d2-1d701dac235f","text":true,"v":"Create an Account"}],"styles":[{"_id":"225c998e-8bd8-840b-ae52-819a64af9815","fake":false,"type":"class","name":"Video Wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 640px; height: 405px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e4836b26-a0cd-bb2d-fdef-f7a28b6846f2","fake":false,"type":"class","name":"Video Preview","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 5; display: block;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9826","fake":false,"type":"class","name":"Become a Member","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 100.00%, 0.80); opacity: 0; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9824","fake":false,"type":"class","name":"Upgrade H1","namespace":"","comb":"","styleLess":"margin-bottom: 2rem; font-size: 2rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9825","fake":false,"type":"class","name":"modal_open_all","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af9817","fake":false,"type":"class","name":"dash_button","namespace":"","comb":"","styleLess":"padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; 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(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: background-color, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 1rem; font-weight: 700; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(243.99999999999997, 53.95%, 38.11%, 1.00); transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"225c998e-8bd8-840b-ae52-819a64af982c","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","siteId":"6345bdb55605ac6a09d4b484","width":1282,"isHD":false,"height":800,"fileName":"6345c1449350ff6c1f87c328_Screen Shot 2022-10-11 at 3.17.16 PM.jpg","createdOn":"2022-10-11T19:17:24.549Z","origFileName":"Screen Shot 2022-10-11 at 3.17.16 PM.jpg","fileHash":"6f2fc11c010b267a720cc95230c877c4","variants":[{"_id":"6345c1466b42a5b092f89514","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","format":"jpg","size":25544,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-500.jpg"},{"_id":"6345c1466b42a55bbcf89515","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","format":"jpg","size":52059,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-800.jpg"},{"_id":"6345c1466b42a511bbf89516","origFileName":"Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","fileName":"6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","format":"jpg","size":79459,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM.jpg","thumbUrl":"https://cdn.prod.website-files.com/6345bdb55605ac6a09d4b484/6345c1449350ff6c1f87c328_Screen%20Shot%202022-10-11%20at%203.17.16%20PM-p-130x130q80.jpg","_id":"6345c1449350ff6c1f87c328","updatedOn":"2022-10-12T13:22:18.776Z","fileSize":201310}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","createdOn":1665424348195}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-14"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af9825"]},"targets":[{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665424348197},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af9825"]},"targets":[{"id":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac235b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665424348199}],"actionLists":[{"id":"a","title":"Open Modal All","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6345bdb55605ac3743d4b485|def0bede-f245-bebc-33d2-1d701dac2360","appliesTo":"ELEMENT_CLASS","styleBlockIds":["225c998e-8bd8-840b-ae52-819a64af982a"],"boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465}]}},"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 Members-Only Video component allows users to embed exclusive video content that is accessible only to registered members. It features a visually appealing layout with a call-to-action for account creation.
Key Features:
- Embedded video player using an iframe
- Responsive design for various screen sizes
- Overlay with a call-to-action to create an account
- Customizable styles and animations
Design Elements:
- Clean and modern layout
- Overlay with semi-transparent background
- Bold typography for calls to action
Potential Use Cases:
- Membership-based websites offering exclusive content
- Online courses or educational platforms
- Subscription services for video content
- Communities or forums with premium content access
Conclusion: The Members-Only Video component is a versatile tool for any website looking to provide exclusive video content, making it ideal for businesses focused on membership and subscription models.
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.