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":"4d168e3d-85fb-4aaf-8971-99a13809ab36","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["89bdc302-895e-1fac-04a1-0e11e4cf9724","d928dba3-615a-9fb0-5729-ad078dc557ae"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"89bdc302-895e-1fac-04a1-0e11e4cf9724","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"d928dba3-615a-9fb0-5729-ad078dc557ae","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["091e69f6-9ccb-61df-1385-4f21e128310d"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"091e69f6-9ccb-61df-1385-4f21e128310d","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["bb817b07-acc2-44a7-5e95-edb9c91a82db"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bb817b07-acc2-44a7-5e95-edb9c91a82db","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["468d899a-47d0-f919-07e8-465f0b98c4a1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"468d899a-47d0-f919-07e8-465f0b98c4a1","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["14be652c-71b7-dc4c-2f99-29b9b6c5323f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14be652c-71b7-dc4c-2f99-29b9b6c5323f","type":"Block","tag":"div","classes":["2bc04f65-29c1-57cd-b42b-d2eec04e4ce9"],"children":["64dd466c-3017-02e4-f2dc-b6568659bd8c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"64dd466c-3017-02e4-f2dc-b6568659bd8c","type":"Block","tag":"div","classes":["8dfc4f68-51af-26f2-82f8-a4f0c056a85e"],"children":["42435835-2304-0ccc-1652-d611d103e248","95ad6c61-35a7-ae7d-1c61-1a4aaa35f242"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"42435835-2304-0ccc-1652-d611d103e248","type":"Block","tag":"div","classes":["2318a6f7-64dd-0c7e-2739-73fda07e7bdb"],"children":["f12405a1-6802-90b0-ae9f-c3f14190050c","c00edc60-ffec-ff5e-d321-d6db1e0c40b7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f12405a1-6802-90b0-ae9f-c3f14190050c","type":"Block","tag":"div","classes":["a8a6fc8f-0135-c2f2-0a49-933672252ffb"],"children":["eb454b77-b94b-f7a8-ca65-fa9cf2b0bb5e","70adb5ab-93ef-ccba-578c-3359527ddfc9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eb454b77-b94b-f7a8-ca65-fa9cf2b0bb5e","type":"Image","tag":"img","classes":["fe859b5b-da77-f24c-2d80-76d533ccbefc"],"children":[],"data":{"img":{"id":"6642f46f877f843ed8b3f859"},"srcsetDisabled":false,"attr":{"width":"40","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70adb5ab-93ef-ccba-578c-3359527ddfc9","type":"Block","tag":"div","classes":["46367298-5fde-6ecf-29fb-670d9a095fab"],"children":["e25ba8f6-47f6-69d4-d800-4f2b9cb04888"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e25ba8f6-47f6-69d4-d800-4f2b9cb04888","text":true,"v":"Become an affiliate"},{"_id":"c00edc60-ffec-ff5e-d321-d6db1e0c40b7","type":"Block","tag":"div","classes":["ce3c5b9f-e34e-3c26-4000-fa8092230496"],"children":["d7fc9598-da57-ee94-471f-6ff94d579faf","73ed5041-aaad-a777-68ec-a396b1f5b043","781363cf-9974-2472-ce2a-1168381063e8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d7fc9598-da57-ee94-471f-6ff94d579faf","text":true,"v":"Join Craftwork affiliate program and earn "},{"_id":"73ed5041-aaad-a777-68ec-a396b1f5b043","type":"Span","tag":"span","classes":["af8de27b-46e8-7863-277c-dce7d6a01e57"],"children":["207a71a9-c7e4-9b06-e13c-91139569ef0b"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"207a71a9-c7e4-9b06-e13c-91139569ef0b","text":true,"v":"25% "},{"_id":"781363cf-9974-2472-ce2a-1168381063e8","text":true,"v":"of every purchase or subscription "},{"_id":"95ad6c61-35a7-ae7d-1c61-1a4aaa35f242","type":"Link","tag":"a","classes":["e28c36e0-ddca-0851-f02b-feab2b40ec3d"],"children":["645a24e6-b426-5f37-e469-dbbf60648fcf","f1851eca-b19c-1f13-824c-d1a704578235"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"645a24e6-b426-5f37-e469-dbbf60648fcf","type":"Block","tag":"div","classes":["e23f03af-8b03-b241-f0d3-a294cf6a2095"],"children":["7899c989-1a38-418c-096f-654e568a05df"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7899c989-1a38-418c-096f-654e568a05df","text":true,"v":"Register and start to earn "},{"_id":"f1851eca-b19c-1f13-824c-d1a704578235","type":"Image","tag":"img","classes":["fe859b5b-da77-f24c-2d80-76d533ccbefc"],"children":[],"data":{"img":{"id":"6642f80cfdf32850be665b79"},"srcsetDisabled":false,"attr":{"width":"20","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"fe859b5b-da77-f24c-2d80-76d533ccbefc","fake":false,"type":"class","name":"affiliate_icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"af8de27b-46e8-7863-277c-dce7d6a01e57","fake":false,"type":"class","name":"affiliate_span-text","namespace":"","comb":"","styleLess":"display: inline; padding-right: 10px; padding-left: 10px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(0, 0.00%, 0.00%, 1.00); color: #ffe500; font-size: 2rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2318a6f7-64dd-0c7e-2739-73fda07e7bdb","fake":false,"type":"class","name":"affiliate_text-box","namespace":"","comb":"","styleLess":"display: flex; padding-right: 20px; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"padding-right: 0px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e28c36e0-ddca-0851-f02b-feab2b40ec3d","fake":false,"type":"class","name":"affiliate_button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-bottom: 15px; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 1.78%, 0.00%, 1.00); transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"grid-column-gap: 30px; grid-row-gap: 30px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"46367298-5fde-6ecf-29fb-670d9a095fab","fake":false,"type":"class","name":"affiliate_top-text","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 1.3rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 1rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_affiliate","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8dfc4f68-51af-26f2-82f8-a4f0c056a85e","fake":false,"type":"class","name":"affiliate_content","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 60px; grid-row-gap: 60px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.29); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.29); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.29); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.29); background-image: @img_6642ffe886c2b2ecdfc499db; background-position: -50% 50%; background-size: 550px 700px; background-repeat: no-repeat;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"a8a6fc8f-0135-c2f2-0a49-933672252ffb","fake":false,"type":"class","name":"affiliate_top-box","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"font-size: 0.85rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2bc04f65-29c1-57cd-b42b-d2eec04e4ce9","fake":false,"type":"class","name":"affiliate_wrap","namespace":"","comb":"","styleLess":"max-width: 450px; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(59, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(59, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(59, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(59, 0.00%, 0.00%, 1.00); border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #ffe500;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"ce3c5b9f-e34e-3c26-4000-fa8092230496","fake":false,"type":"class","name":"affiliate_middle","namespace":"","comb":"","styleLess":"color: black; font-size: 2rem; line-height: 1.3; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"e23f03af-8b03-b241-f0d3-a294cf6a2095","fake":false,"type":"class","name":"affiliate_button-text","namespace":"","comb":"","styleLess":"text-decoration: none; color: @raw<|#ffe500|>;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02);","variants":{},"children":[],"origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","siteId":"6642ef5a35497dc4b3d820de","width":800,"isHD":false,"height":800,"fileName":"6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","createdOn":"2024-05-14T05:19:43.567Z","origFileName":"handshake-round-svgrepo-com.svg","fileHash":"249156a4669ceae6dc24ef02e0937c43","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","_id":"6642f46f877f843ed8b3f859","updatedOn":"2024-05-14T05:19:43.567Z","fileSize":2453,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","siteId":"6642ef5a35497dc4b3d820de","width":800,"isHD":false,"height":800,"fileName":"6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","createdOn":"2024-05-14T05:35:08.914Z","origFileName":"right-arrow-svgrepo-com.svg","fileHash":"648b2ce5fd8ec242e930723a0bd83d5c","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","_id":"6642f80cfdf32850be665b79","updatedOn":"2024-05-14T05:35:08.914Z","fileSize":788,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","siteId":"6642ef5a35497dc4b3d820de","width":740,"isHD":false,"height":701,"fileName":"6642ffe886c2b2ecdfc499db_Group.svg","createdOn":"2024-05-14T06:08:40.759Z","origFileName":"Group.svg","fileHash":"322c6f7d48a6f3f1ecaf5e69eba9a39d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","_id":"6642ffe886c2b2ecdfc499db","updatedOn":"2024-05-14T06:08:40.759Z","fileSize":1344,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4d168e3d-85fb-4aaf-8971-99a13809ab36","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["89bdc302-895e-1fac-04a1-0e11e4cf9724","d928dba3-615a-9fb0-5729-ad078dc557ae"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"89bdc302-895e-1fac-04a1-0e11e4cf9724","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"d928dba3-615a-9fb0-5729-ad078dc557ae","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["091e69f6-9ccb-61df-1385-4f21e128310d"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"091e69f6-9ccb-61df-1385-4f21e128310d","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["bb817b07-acc2-44a7-5e95-edb9c91a82db"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bb817b07-acc2-44a7-5e95-edb9c91a82db","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["468d899a-47d0-f919-07e8-465f0b98c4a1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"468d899a-47d0-f919-07e8-465f0b98c4a1","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["14be652c-71b7-dc4c-2f99-29b9b6c5323f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14be652c-71b7-dc4c-2f99-29b9b6c5323f","type":"Block","tag":"div","classes":["2bc04f65-29c1-57cd-b42b-d2eec04e4ce9"],"children":["64dd466c-3017-02e4-f2dc-b6568659bd8c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"64dd466c-3017-02e4-f2dc-b6568659bd8c","type":"Block","tag":"div","classes":["8dfc4f68-51af-26f2-82f8-a4f0c056a85e"],"children":["42435835-2304-0ccc-1652-d611d103e248","95ad6c61-35a7-ae7d-1c61-1a4aaa35f242"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"42435835-2304-0ccc-1652-d611d103e248","type":"Block","tag":"div","classes":["2318a6f7-64dd-0c7e-2739-73fda07e7bdb"],"children":["f12405a1-6802-90b0-ae9f-c3f14190050c","c00edc60-ffec-ff5e-d321-d6db1e0c40b7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f12405a1-6802-90b0-ae9f-c3f14190050c","type":"Block","tag":"div","classes":["a8a6fc8f-0135-c2f2-0a49-933672252ffb"],"children":["eb454b77-b94b-f7a8-ca65-fa9cf2b0bb5e","70adb5ab-93ef-ccba-578c-3359527ddfc9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eb454b77-b94b-f7a8-ca65-fa9cf2b0bb5e","type":"Image","tag":"img","classes":["fe859b5b-da77-f24c-2d80-76d533ccbefc"],"children":[],"data":{"img":{"id":"6642f46f877f843ed8b3f859"},"srcsetDisabled":false,"attr":{"width":"40","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70adb5ab-93ef-ccba-578c-3359527ddfc9","type":"Block","tag":"div","classes":["46367298-5fde-6ecf-29fb-670d9a095fab"],"children":["e25ba8f6-47f6-69d4-d800-4f2b9cb04888"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e25ba8f6-47f6-69d4-d800-4f2b9cb04888","text":true,"v":"Become an affiliate"},{"_id":"c00edc60-ffec-ff5e-d321-d6db1e0c40b7","type":"Block","tag":"div","classes":["ce3c5b9f-e34e-3c26-4000-fa8092230496"],"children":["d7fc9598-da57-ee94-471f-6ff94d579faf","73ed5041-aaad-a777-68ec-a396b1f5b043","781363cf-9974-2472-ce2a-1168381063e8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d7fc9598-da57-ee94-471f-6ff94d579faf","text":true,"v":"Join Craftwork affiliate program and earn "},{"_id":"73ed5041-aaad-a777-68ec-a396b1f5b043","type":"Span","tag":"span","classes":["af8de27b-46e8-7863-277c-dce7d6a01e57"],"children":["207a71a9-c7e4-9b06-e13c-91139569ef0b"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"207a71a9-c7e4-9b06-e13c-91139569ef0b","text":true,"v":"25% "},{"_id":"781363cf-9974-2472-ce2a-1168381063e8","text":true,"v":"of every purchase or subscription "},{"_id":"95ad6c61-35a7-ae7d-1c61-1a4aaa35f242","type":"Link","tag":"a","classes":["e28c36e0-ddca-0851-f02b-feab2b40ec3d"],"children":["645a24e6-b426-5f37-e469-dbbf60648fcf","f1851eca-b19c-1f13-824c-d1a704578235"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"645a24e6-b426-5f37-e469-dbbf60648fcf","type":"Block","tag":"div","classes":["e23f03af-8b03-b241-f0d3-a294cf6a2095"],"children":["7899c989-1a38-418c-096f-654e568a05df"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7899c989-1a38-418c-096f-654e568a05df","text":true,"v":"Register and start to earn "},{"_id":"f1851eca-b19c-1f13-824c-d1a704578235","type":"Image","tag":"img","classes":["fe859b5b-da77-f24c-2d80-76d533ccbefc"],"children":[],"data":{"img":{"id":"6642f80cfdf32850be665b79"},"srcsetDisabled":false,"attr":{"width":"20","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"fe859b5b-da77-f24c-2d80-76d533ccbefc","fake":false,"type":"class","name":"affiliate_icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"af8de27b-46e8-7863-277c-dce7d6a01e57","fake":false,"type":"class","name":"affiliate_span-text","namespace":"","comb":"","styleLess":"display: inline; padding-right: 10px; padding-left: 10px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(0, 0.00%, 0.00%, 1.00); color: #ffe500; font-size: 2rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2318a6f7-64dd-0c7e-2739-73fda07e7bdb","fake":false,"type":"class","name":"affiliate_text-box","namespace":"","comb":"","styleLess":"display: flex; padding-right: 20px; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"padding-right: 0px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e28c36e0-ddca-0851-f02b-feab2b40ec3d","fake":false,"type":"class","name":"affiliate_button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-bottom: 15px; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 1.78%, 0.00%, 1.00); transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"grid-column-gap: 30px; grid-row-gap: 30px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"46367298-5fde-6ecf-29fb-670d9a095fab","fake":false,"type":"class","name":"affiliate_top-text","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 1.3rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 1rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_affiliate","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: hsla(0, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8dfc4f68-51af-26f2-82f8-a4f0c056a85e","fake":false,"type":"class","name":"affiliate_content","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 60px; grid-row-gap: 60px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.29); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.29); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.29); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.29); background-image: @img_6642ffe886c2b2ecdfc499db; background-position: -50% 50%; background-size: 550px 700px; background-repeat: no-repeat;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"a8a6fc8f-0135-c2f2-0a49-933672252ffb","fake":false,"type":"class","name":"affiliate_top-box","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"font-size: 0.85rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2bc04f65-29c1-57cd-b42b-d2eec04e4ce9","fake":false,"type":"class","name":"affiliate_wrap","namespace":"","comb":"","styleLess":"max-width: 450px; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(59, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(59, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(59, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(59, 0.00%, 0.00%, 1.00); border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #ffe500;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"ce3c5b9f-e34e-3c26-4000-fa8092230496","fake":false,"type":"class","name":"affiliate_middle","namespace":"","comb":"","styleLess":"color: black; font-size: 2rem; line-height: 1.3; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"e23f03af-8b03-b241-f0d3-a294cf6a2095","fake":false,"type":"class","name":"affiliate_button-text","namespace":"","comb":"","styleLess":"text-decoration: none; color: @raw<|#ffe500|>;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02);","variants":{},"children":[],"origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","siteId":"6642ef5a35497dc4b3d820de","width":800,"isHD":false,"height":800,"fileName":"6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","createdOn":"2024-05-14T05:19:43.567Z","origFileName":"handshake-round-svgrepo-com.svg","fileHash":"249156a4669ceae6dc24ef02e0937c43","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f46f877f843ed8b3f859_handshake-round-svgrepo-com.svg","_id":"6642f46f877f843ed8b3f859","updatedOn":"2024-05-14T05:19:43.567Z","fileSize":2453,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","siteId":"6642ef5a35497dc4b3d820de","width":800,"isHD":false,"height":800,"fileName":"6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","createdOn":"2024-05-14T05:35:08.914Z","origFileName":"right-arrow-svgrepo-com.svg","fileHash":"648b2ce5fd8ec242e930723a0bd83d5c","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642f80cfdf32850be665b79_right-arrow-svgrepo-com.svg","_id":"6642f80cfdf32850be665b79","updatedOn":"2024-05-14T05:35:08.914Z","fileSize":788,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","siteId":"6642ef5a35497dc4b3d820de","width":740,"isHD":false,"height":701,"fileName":"6642ffe886c2b2ecdfc499db_Group.svg","createdOn":"2024-05-14T06:08:40.759Z","origFileName":"Group.svg","fileHash":"322c6f7d48a6f3f1ecaf5e69eba9a39d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","thumbUrl":"https://cdn.prod.website-files.com/6642ef5a35497dc4b3d820de/6642ffe886c2b2ecdfc499db_Group.svg","_id":"6642ffe886c2b2ecdfc499db","updatedOn":"2024-05-14T06:08:40.759Z","fileSize":1344,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
Craftwork's affiliate program allows users to earn a 25% commission on every purchase or subscription through easy registration and promotional opportunities.
Key Features:
- 25% commission on sales
- Simple registration process
- Promotional earning opportunities
- Supports various marketing strategies
Design Elements:
- Modern and clean layout
- Use of vibrant colors like yellow and black
- Incorporation of SVG images for clarity
- Responsive design for mobile and desktop
Potential Use Cases:
- Online marketers looking to monetize their audience
- Bloggers and content creators promoting products
- Businesses seeking to expand their sales channels
- Influencers wanting to earn through affiliate links
- E-commerce platforms wanting to incentivize referrals
Conclusion: The 'Become an Affiliate' component is a versatile tool for driving sales and engagement, making it ideal for various online marketing strategies.