Loading Component...

Loading

More Components

View All
Part of

Referral Link Box

Oops! Something went wrong while submitting the form.
Referral Link Box
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfbfe","type":"Block","tag":"div","classes":["22abd78a-52e7-236d-2dce-7e717a63fe1a"],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc01","59078926-540f-2f7b-cd8d-5bdc1eddfc03","2276a8f8-5225-7931-2746-c5730791cfb6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc01","type":"Heading","tag":"h1","classes":["22abd78a-52e7-236d-2dce-7e717a63fe19"],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc02"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc02","text":true,"v":"Invite a friend!"},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc03","type":"Paragraph","tag":"p","classes":[],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc04"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc04","text":true,"v":"Send your unique link to a friend and get a bonus."},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb6","type":"Block","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"children":["2276a8f8-5225-7931-2746-c5730791cfb7","2276a8f8-5225-7931-2746-c5730791cfb9","2276a8f8-5225-7931-2746-c5730791cfba"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-copy","value":"trigger"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb7","type":"Block","tag":"div","classes":["54fe012a-6033-99c8-f88b-d152fd637d79"],"children":["2276a8f8-5225-7931-2746-c5730791cfb8"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-copy","value":"subject"},{"name":"ms-code-invite-link","value":"https://invite-friends-link.webflow.io/"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb8","text":true,"v":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb9","type":"HtmlEmbed","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 6V3C7 2.73478 7.10536 2.48043 7.29289 2.29289C7.48043 2.10536 7.73478 2 8 2H20C20.2652 2 20.5196 2.10536 20.7071 2.29289C20.8946 2.48043 21 2.73478 21 3V17C21 17.2652 20.8946 17.5196 20.7071 17.7071C20.5196 17.8946 20.2652 18 20 18H17V21C17 21.552 16.55 22 15.993 22H4.007C3.87513 22.0008 3.7444 21.9755 3.62232 21.9256C3.50025 21.8757 3.38923 21.8022 3.29566 21.7093C3.20208 21.6164 3.12779 21.5059 3.07705 21.3841C3.02632 21.2624 3.00013 21.1319 3 21L3.003 7C3.003 6.448 3.453 6 4.01 6H7ZM5.003 8L5 20H15V8H5.003ZM9 6H17V16H19V4H9V6Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 6V3C7 2.73478 7.10536 2.48043 7.29289 2.29289C7.48043 2.10536 7.73478 2 8 2H20C20.2652 2 20.5196 2.10536 20.7071 2.29289C20.8946 2.48043 21 2.73478 21 3V17C21 17.2652 20.8946 17.5196 20.7071 17.7071C20.5196 17.8946 20.2652 18 20 18H17V21C17 21.552 16.55 22 15.993 22H4.007C3.87513 22.0008 3.7444 21.9755 3.62232 21.9256C3.50025 21.8757 3.38923 21.8022 3.29566 21.7093C3.20208 21.6164 3.12779 21.5059 3.07705 21.3841C3.02632 21.2624 3.00013 21.1319 3 21L3.003 7C3.003 6.448 3.453 6 4.01 6H7ZM5.003 8L5 20H15V8H5.003ZM9 6H17V16H19V4H9V6Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfba","type":"HtmlEmbed","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"22abd78a-52e7-236d-2dce-7e717a63fe1a","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 0.00%, 93.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 0.00%, 93.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 0.00%, 93.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 0.00%, 93.33%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":[],"selector":null},{"_id":"22abd78a-52e7-236d-2dce-7e717a63fe19","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795ad","fake":false,"type":"class","name":"coupon-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: space-between; align-items: center; border-top-style: dashed; border-top-width: 2px; border-top-color: hsla(243, 74.75%, 60.40%, 1.00); border-right-style: dashed; border-right-width: 2px; border-right-color: hsla(243, 74.75%, 60.40%, 1.00); border-bottom-style: dashed; border-bottom-width: 2px; border-bottom-color: hsla(243, 74.75%, 60.40%, 1.00); border-left-style: dashed; border-left-width: 2px; border-left-color: hsla(243, 74.75%, 60.40%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(233, 100.00%, 51.78%, 0.07); color: hsla(242.78145695364242, 75.12%, 60.59%, 1.00); font-size: 20px; font-weight: 700; letter-spacing: 1px; cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"54fe012a-6033-99c8-f88b-d152fd637d79","fake":false,"type":"class","name":"link-txt","namespace":"","comb":"","styleLess":"overflow: hidden; max-width: 275px; white-space: nowrap;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795ae","fake":false,"type":"class","name":"icon","namespace":"","comb":"","styleLess":"display: flex; width: 24px; height: 24px; margin-left: 20px; justify-content: center; align-items: center;","variants":{},"children":["bc118b14-59cd-a274-1173-62ea3ba795af","bc118b14-59cd-a274-1173-62ea3ba795b0"],"selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795af","fake":false,"type":"class","name":"copy","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795b0","fake":false,"type":"class","name":"check","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","createdOn":1684840206018}],"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-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684840206018},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684840206020}],"actionLists":[{"id":"a-3","title":"Coupon Check","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"flex"},"instant":true},{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfba","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"none"},"instant":true},{"id":"a-3-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfba","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"flex"},"instant":true},{"id":"a-3-n-5","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":1},"instant":false},{"id":"a-3-n-6","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":1},"instant":false},{"id":"a-3-n-7","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":0.15},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1684840208658}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfbfe","type":"Block","tag":"div","classes":["22abd78a-52e7-236d-2dce-7e717a63fe1a"],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc01","59078926-540f-2f7b-cd8d-5bdc1eddfc03","2276a8f8-5225-7931-2746-c5730791cfb6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc01","type":"Heading","tag":"h1","classes":["22abd78a-52e7-236d-2dce-7e717a63fe19"],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc02"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc02","text":true,"v":"Invite a friend!"},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc03","type":"Paragraph","tag":"p","classes":[],"children":["59078926-540f-2f7b-cd8d-5bdc1eddfc04"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"59078926-540f-2f7b-cd8d-5bdc1eddfc04","text":true,"v":"Send your unique link to a friend and get a bonus."},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb6","type":"Block","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"children":["2276a8f8-5225-7931-2746-c5730791cfb7","2276a8f8-5225-7931-2746-c5730791cfb9","2276a8f8-5225-7931-2746-c5730791cfba"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-copy","value":"trigger"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb7","type":"Block","tag":"div","classes":["54fe012a-6033-99c8-f88b-d152fd637d79"],"children":["2276a8f8-5225-7931-2746-c5730791cfb8"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-copy","value":"subject"},{"name":"ms-code-invite-link","value":"https://invite-friends-link.webflow.io/"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb8","text":true,"v":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"},{"_id":"2276a8f8-5225-7931-2746-c5730791cfb9","type":"HtmlEmbed","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 6V3C7 2.73478 7.10536 2.48043 7.29289 2.29289C7.48043 2.10536 7.73478 2 8 2H20C20.2652 2 20.5196 2.10536 20.7071 2.29289C20.8946 2.48043 21 2.73478 21 3V17C21 17.2652 20.8946 17.5196 20.7071 17.7071C20.5196 17.8946 20.2652 18 20 18H17V21C17 21.552 16.55 22 15.993 22H4.007C3.87513 22.0008 3.7444 21.9755 3.62232 21.9256C3.50025 21.8757 3.38923 21.8022 3.29566 21.7093C3.20208 21.6164 3.12779 21.5059 3.07705 21.3841C3.02632 21.2624 3.00013 21.1319 3 21L3.003 7C3.003 6.448 3.453 6 4.01 6H7ZM5.003 8L5 20H15V8H5.003ZM9 6H17V16H19V4H9V6Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 6V3C7 2.73478 7.10536 2.48043 7.29289 2.29289C7.48043 2.10536 7.73478 2 8 2H20C20.2652 2 20.5196 2.10536 20.7071 2.29289C20.8946 2.48043 21 2.73478 21 3V17C21 17.2652 20.8946 17.5196 20.7071 17.7071C20.5196 17.8946 20.2652 18 20 18H17V21C17 21.552 16.55 22 15.993 22H4.007C3.87513 22.0008 3.7444 21.9755 3.62232 21.9256C3.50025 21.8757 3.38923 21.8022 3.29566 21.7093C3.20208 21.6164 3.12779 21.5059 3.07705 21.3841C3.02632 21.2624 3.00013 21.1319 3 21L3.003 7C3.003 6.448 3.453 6 4.01 6H7ZM5.003 8L5 20H15V8H5.003ZM9 6H17V16H19V4H9V6Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2276a8f8-5225-7931-2746-c5730791cfba","type":"HtmlEmbed","tag":"div","classes":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"22abd78a-52e7-236d-2dce-7e717a63fe1a","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 0.00%, 93.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 0.00%, 93.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 0.00%, 93.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 0.00%, 93.33%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":[],"selector":null},{"_id":"22abd78a-52e7-236d-2dce-7e717a63fe19","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795ad","fake":false,"type":"class","name":"coupon-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; justify-content: space-between; align-items: center; border-top-style: dashed; border-top-width: 2px; border-top-color: hsla(243, 74.75%, 60.40%, 1.00); border-right-style: dashed; border-right-width: 2px; border-right-color: hsla(243, 74.75%, 60.40%, 1.00); border-bottom-style: dashed; border-bottom-width: 2px; border-bottom-color: hsla(243, 74.75%, 60.40%, 1.00); border-left-style: dashed; border-left-width: 2px; border-left-color: hsla(243, 74.75%, 60.40%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(233, 100.00%, 51.78%, 0.07); color: hsla(242.78145695364242, 75.12%, 60.59%, 1.00); font-size: 20px; font-weight: 700; letter-spacing: 1px; cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"54fe012a-6033-99c8-f88b-d152fd637d79","fake":false,"type":"class","name":"link-txt","namespace":"","comb":"","styleLess":"overflow: hidden; max-width: 275px; white-space: nowrap;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795ae","fake":false,"type":"class","name":"icon","namespace":"","comb":"","styleLess":"display: flex; width: 24px; height: 24px; margin-left: 20px; justify-content: center; align-items: center;","variants":{},"children":["bc118b14-59cd-a274-1173-62ea3ba795af","bc118b14-59cd-a274-1173-62ea3ba795b0"],"selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795af","fake":false,"type":"class","name":"copy","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc118b14-59cd-a274-1173-62ea3ba795b0","fake":false,"type":"class","name":"check","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","createdOn":1684840206018}],"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-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684840206018},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684840206020}],"actionLists":[{"id":"a-3","title":"Coupon Check","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"flex"},"instant":true},{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfba","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795af"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"none"},"instant":true},{"id":"a-3-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfba","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ae","bc118b14-59cd-a274-1173-62ea3ba795b0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":"flex"},"instant":true},{"id":"a-3-n-5","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":1},"instant":false},{"id":"a-3-n-6","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":1},"instant":false},{"id":"a-3-n-7","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64c759c1b5a37ace005779ee|2276a8f8-5225-7931-2746-c5730791cfb6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["bc118b14-59cd-a274-1173-62ea3ba795ad"],"boundaryMode":false},"globalSwatchId":"","rValue":54,"bValue":37,"gValue":177,"aValue":0.15},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1684840208658}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Referral Link Box is a Webflow component designed to encourage users to invite friends by sharing a unique referral link, offering bonuses for successful referrals.

Key Features:

  • Includes a prominent heading and descriptive text.
  • Interactive elements that reveal referral link details upon clicking.
  • Customizable styles for branding consistency.
  • Responsive design suitable for various devices.
  • Live preview available at https://invite-friends-link.webflow.io/

Design Elements:

  • Modern and clean layout with rounded corners.
  • Color scheme featuring soft blues and whites.
  • Dashed borders for visual separation.
  • Includes SVG icons for enhanced visual appeal.

Potential Use Cases:

  • E-commerce websites looking to boost customer referrals.
  • SaaS platforms wanting to incentivize user sign-ups.
  • Affiliate marketing programs to track and reward referrals.
  • Online communities aiming to grow their user base.
  • Mobile apps promoting user sharing features.

Conclusion: The Referral Link Box is a versatile and visually appealing component that effectively promotes user engagement through referrals, making it an excellent addition for businesses focused on growth.