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":"8662ee79-ebe7-d926-91e0-cb95bd98dc45","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10bf","35006188-44c3-dfa8-31fb-bef4e9776e88","fc48dcc1-3c94-bf63-7bc1-ed886de42858","2abfe971-091b-5e51-3451-a15873c0b557"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bf","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c0","aa1fae93-3785-ad1c-f94e-3e4e7c7faa28","d1299143-d09c-1e8e-b44e-92cfacf327ba"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c0","text":true,"v":"Hi "},{"_id":"aa1fae93-3785-ad1c-f94e-3e4e7c7faa28","type":"Span","tag":"span","classes":[],"children":["a72cc57b-44b7-af3c-306f-a9a99aa1cc7e"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a72cc57b-44b7-af3c-306f-a9a99aa1cc7e","text":true,"v":"fName"},{"_id":"d1299143-d09c-1e8e-b44e-92cfacf327ba","text":true,"v":", which best describes you?"},{"_id":"35006188-44c3-dfa8-31fb-bef4e9776e88","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["35006188-44c3-dfa8-31fb-bef4e9776e89"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"35006188-44c3-dfa8-31fb-bef4e9776e89","text":true,"v":"We have a few more questions depending on your answer"},{"_id":"fc48dcc1-3c94-bf63-7bc1-ed886de42858","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["0808e13c-4b04-7afd-0f22-cbf802f70d0d","de81e793-5e2d-ff28-5cfe-96da401cbf4a","1c7efeab-8ca3-afb0-6bb7-d8623937e59f","20b5631e-71f4-a4c1-28fb-29cb61e1c84d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"0808e13c-4b04-7afd-0f22-cbf802f70d0d","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"de81e793-5e2d-ff28-5cfe-96da401cbf4a","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1c7efeab-8ca3-afb0-6bb7-d8623937e59f","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"20b5631e-71f4-a4c1-28fb-29cb61e1c84d","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"2abfe971-091b-5e51-3451-a15873c0b557","type":"Block","tag":"div","classes":["11070323-37f2-1552-0c11-7fbcf466b881"],"children":["d7f93350-efd4-2706-545b-b9b7b0e8cc6e","45ed3d35-a758-bae4-5955-94ce8d18b17d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"d7f93350-efd4-2706-545b-b9b7b0e8cc6e","type":"Block","tag":"div","classes":["07b03aac-60b8-2b90-c92c-a7c64a8b652f"],"children":["ce2bbe22-027b-6ec9-c351-30e8d5cc5b68"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"ce2bbe22-027b-6ec9-c351-30e8d5cc5b68","type":"Link","tag":"a","classes":["c2063536-50ae-6fcc-7a63-b2ff5c1a795d"],"children":["45ed3d35-a758-bae4-5955-94ce8d18b17e","2b0316d7-f481-e054-6458-87bd68e7190d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-plan:add","value":"YOUR_PLAN_ID"}],"block":"inline","attr":{"id":"","href":"/next-page"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"45ed3d35-a758-bae4-5955-94ce8d18b17e","type":"Image","tag":"img","classes":["bab5bfcb-2798-9b61-b614-081e1b59a723"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","id":"","width":"auto","height":"auto","loading":"auto"},"img":{"id":"5d4f0dc38620ae9e9c425b3c","sizes":[{"max":10000,"size":"200px"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b0316d7-f481-e054-6458-87bd68e7190d","type":"Heading","tag":"h3","classes":[],"children":["2b0316d7-f481-e054-6458-87bd68e7190e"],"data":{"tag":"h3","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b0316d7-f481-e054-6458-87bd68e7190e","text":true,"v":"Agency"},{"_id":"45ed3d35-a758-bae4-5955-94ce8d18b17d","type":"Link","tag":"a","classes":["c2063536-50ae-6fcc-7a63-b2ff5c1a795d"],"children":["f4fa7dd3-7555-ab99-9af7-cdf967cfb0b2","5aea22c8-a278-7190-8f9b-fe5e7f87f669"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-plan:add","value":"YOUR_PLAN_ID"}],"block":"inline","attr":{"id":"","href":"/next-page"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"f4fa7dd3-7555-ab99-9af7-cdf967cfb0b2","type":"Image","tag":"img","classes":["bab5bfcb-2798-9b61-b614-081e1b59a723"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","id":"","width":"auto","height":"auto","loading":"auto"},"img":{"id":"5d4f14378ab9f520ed0926b5","sizes":[{"max":10000,"size":"200px"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5aea22c8-a278-7190-8f9b-fe5e7f87f669","type":"Heading","tag":"h3","classes":[],"children":["5aea22c8-a278-7190-8f9b-fe5e7f87f66a"],"data":{"tag":"h3","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5aea22c8-a278-7190-8f9b-fe5e7f87f66a","text":true,"v":"Freelancer"}],"styles":[{"_id":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"07b03aac-60b8-2b90-c92c-a7c64a8b652f","fake":false,"type":"class","name":"Input Label Wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","variants":{},"children":[],"selector":null},{"_id":"bab5bfcb-2798-9b61-b614-081e1b59a723","fake":false,"type":"class","name":"Onboarding Image","namespace":"","comb":"","styleLess":"max-width: 200px;","variants":{},"children":[],"selector":null},{"_id":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"c2063536-50ae-6fcc-7a63-b2ff5c1a795d","fake":false,"type":"class","name":"Input Label","namespace":"","comb":"","styleLess":"min-height: 75px; margin-right: 30px; margin-bottom: 30px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: background-color, box-shadow, transform, border-color; transition-duration: 200ms, 400ms, 400ms, 200ms; transition-timing-function: ease, ease, cubic-bezier(.25, .1, 0, 1.58), ease; font-family: Red Hat Display; color: black; font-size: 24px; line-height: 1.4em; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); box-shadow: 0 20px 30px -10px hsla(0, 0.00%, 0.00%, 0.13); transform: translate(0px, -10px);"}},"children":[],"selector":null},{"_id":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"11070323-37f2-1552-0c11-7fbcf466b881","fake":false,"type":"class","name":"Option Row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 30px; grid-row-gap: 30px;","variants":{},"children":[],"selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","siteId":"5d4f04b948a5b30fc9245ab5","width":1216,"isHD":false,"height":912,"fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","createdOn":"2019-08-10T18:32:35.766Z","origFileName":"fogg-payment-processed-1.png","fileHash":"60112fa1252ed6a28ded468ccd565fd5","variants":[{"_id":"5d4f0dc4275a8a07b0feebb5","origFileName":"fogg-payment-processed-1-p-500.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png","format":"png","size":29778,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png"},{"_id":"5d4f0dc4275a8a755dfeebb6","origFileName":"fogg-payment-processed-1-p-800.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-800.png","format":"png","size":51084,"width":800,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"},{"_id":"5d4f0dc4275a8a9f13feebb7","origFileName":"fogg-payment-processed-1-p-1080.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-1080.png","format":"png","size":72982,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","thumbUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-130x130q80.png","_id":"5d4f0dc38620ae9e9c425b3c","updatedOn":"2019-08-10T18:35:42.988Z","fileSize":30303},{"cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","siteId":"5d4f04b948a5b30fc9245ab5","width":1216,"isHD":false,"height":912,"fileName":"5d4f14378ab9f520ed0926b5_workflow.png","createdOn":"2019-08-10T19:00:07.898Z","origFileName":"workflow.png","fileHash":"2e70620252dd78fdd5c3354e5db0b9da","variants":[{"_id":"5d4f143948a5b34d0624bd88","origFileName":"workflow-p-500.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-500.png","format":"png","size":33792,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-500.png"},{"_id":"5d4f143948a5b312c424bd89","origFileName":"workflow-p-800.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-800.png","format":"png","size":78328,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-800.png"},{"_id":"5d4f143948a5b3259724bd8a","origFileName":"workflow-p-1080.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-1080.png","format":"png","size":123715,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","thumbUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-130x130q80.png","_id":"5d4f14378ab9f520ed0926b5","updatedOn":"2019-08-10T19:40:56.599Z","fileSize":91687}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":2,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8662ee79-ebe7-d926-91e0-cb95bd98dc45","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10bf","35006188-44c3-dfa8-31fb-bef4e9776e88","fc48dcc1-3c94-bf63-7bc1-ed886de42858","2abfe971-091b-5e51-3451-a15873c0b557"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10bf","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["71a507ab-8ecf-1572-f965-7be3d7cd10c0","aa1fae93-3785-ad1c-f94e-3e4e7c7faa28","d1299143-d09c-1e8e-b44e-92cfacf327ba"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71a507ab-8ecf-1572-f965-7be3d7cd10c0","text":true,"v":"Hi "},{"_id":"aa1fae93-3785-ad1c-f94e-3e4e7c7faa28","type":"Span","tag":"span","classes":[],"children":["a72cc57b-44b7-af3c-306f-a9a99aa1cc7e"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a72cc57b-44b7-af3c-306f-a9a99aa1cc7e","text":true,"v":"fName"},{"_id":"d1299143-d09c-1e8e-b44e-92cfacf327ba","text":true,"v":", which best describes you?"},{"_id":"35006188-44c3-dfa8-31fb-bef4e9776e88","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["35006188-44c3-dfa8-31fb-bef4e9776e89"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"35006188-44c3-dfa8-31fb-bef4e9776e89","text":true,"v":"We have a few more questions depending on your answer"},{"_id":"fc48dcc1-3c94-bf63-7bc1-ed886de42858","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["0808e13c-4b04-7afd-0f22-cbf802f70d0d","de81e793-5e2d-ff28-5cfe-96da401cbf4a","1c7efeab-8ca3-afb0-6bb7-d8623937e59f","20b5631e-71f4-a4c1-28fb-29cb61e1c84d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"0808e13c-4b04-7afd-0f22-cbf802f70d0d","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"de81e793-5e2d-ff28-5cfe-96da401cbf4a","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1c7efeab-8ca3-afb0-6bb7-d8623937e59f","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"20b5631e-71f4-a4c1-28fb-29cb61e1c84d","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"2abfe971-091b-5e51-3451-a15873c0b557","type":"Block","tag":"div","classes":["11070323-37f2-1552-0c11-7fbcf466b881"],"children":["d7f93350-efd4-2706-545b-b9b7b0e8cc6e","45ed3d35-a758-bae4-5955-94ce8d18b17d"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"d7f93350-efd4-2706-545b-b9b7b0e8cc6e","type":"Block","tag":"div","classes":["07b03aac-60b8-2b90-c92c-a7c64a8b652f"],"children":["ce2bbe22-027b-6ec9-c351-30e8d5cc5b68"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"ce2bbe22-027b-6ec9-c351-30e8d5cc5b68","type":"Link","tag":"a","classes":["c2063536-50ae-6fcc-7a63-b2ff5c1a795d"],"children":["45ed3d35-a758-bae4-5955-94ce8d18b17e","2b0316d7-f481-e054-6458-87bd68e7190d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-plan:add","value":"YOUR_PLAN_ID"}],"block":"inline","attr":{"id":"","href":"/next-page"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"45ed3d35-a758-bae4-5955-94ce8d18b17e","type":"Image","tag":"img","classes":["bab5bfcb-2798-9b61-b614-081e1b59a723"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","id":"","width":"auto","height":"auto","loading":"auto"},"img":{"id":"5d4f0dc38620ae9e9c425b3c","sizes":[{"max":10000,"size":"200px"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b0316d7-f481-e054-6458-87bd68e7190d","type":"Heading","tag":"h3","classes":[],"children":["2b0316d7-f481-e054-6458-87bd68e7190e"],"data":{"tag":"h3","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b0316d7-f481-e054-6458-87bd68e7190e","text":true,"v":"Agency"},{"_id":"45ed3d35-a758-bae4-5955-94ce8d18b17d","type":"Link","tag":"a","classes":["c2063536-50ae-6fcc-7a63-b2ff5c1a795d"],"children":["f4fa7dd3-7555-ab99-9af7-cdf967cfb0b2","5aea22c8-a278-7190-8f9b-fe5e7f87f669"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-plan:add","value":"YOUR_PLAN_ID"}],"block":"inline","attr":{"id":"","href":"/next-page"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"f4fa7dd3-7555-ab99-9af7-cdf967cfb0b2","type":"Image","tag":"img","classes":["bab5bfcb-2798-9b61-b614-081e1b59a723"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","id":"","width":"auto","height":"auto","loading":"auto"},"img":{"id":"5d4f14378ab9f520ed0926b5","sizes":[{"max":10000,"size":"200px"}]},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5aea22c8-a278-7190-8f9b-fe5e7f87f669","type":"Heading","tag":"h3","classes":[],"children":["5aea22c8-a278-7190-8f9b-fe5e7f87f66a"],"data":{"tag":"h3","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5aea22c8-a278-7190-8f9b-fe5e7f87f66a","text":true,"v":"Freelancer"}],"styles":[{"_id":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"07b03aac-60b8-2b90-c92c-a7c64a8b652f","fake":false,"type":"class","name":"Input Label Wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","variants":{},"children":[],"selector":null},{"_id":"bab5bfcb-2798-9b61-b614-081e1b59a723","fake":false,"type":"class","name":"Onboarding Image","namespace":"","comb":"","styleLess":"max-width: 200px;","variants":{},"children":[],"selector":null},{"_id":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"c2063536-50ae-6fcc-7a63-b2ff5c1a795d","fake":false,"type":"class","name":"Input Label","namespace":"","comb":"","styleLess":"min-height: 75px; margin-right: 30px; margin-bottom: 30px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: background-color, box-shadow, transform, border-color; transition-duration: 200ms, 400ms, 400ms, 200ms; transition-timing-function: ease, ease, cubic-bezier(.25, .1, 0, 1.58), ease; font-family: Red Hat Display; color: black; font-size: 24px; line-height: 1.4em; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); box-shadow: 0 20px 30px -10px hsla(0, 0.00%, 0.00%, 0.13); transform: translate(0px, -10px);"}},"children":[],"selector":null},{"_id":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"11070323-37f2-1552-0c11-7fbcf466b881","fake":false,"type":"class","name":"Option Row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 30px; grid-row-gap: 30px;","variants":{},"children":[],"selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","siteId":"5d4f04b948a5b30fc9245ab5","width":1216,"isHD":false,"height":912,"fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","createdOn":"2019-08-10T18:32:35.766Z","origFileName":"fogg-payment-processed-1.png","fileHash":"60112fa1252ed6a28ded468ccd565fd5","variants":[{"_id":"5d4f0dc4275a8a07b0feebb5","origFileName":"fogg-payment-processed-1-p-500.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png","format":"png","size":29778,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-500.png"},{"_id":"5d4f0dc4275a8a755dfeebb6","origFileName":"fogg-payment-processed-1-p-800.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-800.png","format":"png","size":51084,"width":800,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"},{"_id":"5d4f0dc4275a8a9f13feebb7","origFileName":"fogg-payment-processed-1-p-1080.png","fileName":"5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-1080.png","format":"png","size":72982,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1.png","thumbUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f0dc38620ae9e9c425b3c_fogg-payment-processed-1-p-130x130q80.png","_id":"5d4f0dc38620ae9e9c425b3c","updatedOn":"2019-08-10T18:35:42.988Z","fileSize":30303},{"cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","siteId":"5d4f04b948a5b30fc9245ab5","width":1216,"isHD":false,"height":912,"fileName":"5d4f14378ab9f520ed0926b5_workflow.png","createdOn":"2019-08-10T19:00:07.898Z","origFileName":"workflow.png","fileHash":"2e70620252dd78fdd5c3354e5db0b9da","variants":[{"_id":"5d4f143948a5b34d0624bd88","origFileName":"workflow-p-500.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-500.png","format":"png","size":33792,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-500.png"},{"_id":"5d4f143948a5b312c424bd89","origFileName":"workflow-p-800.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-800.png","format":"png","size":78328,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-800.png"},{"_id":"5d4f143948a5b3259724bd8a","origFileName":"workflow-p-1080.png","fileName":"5d4f14378ab9f520ed0926b5_workflow-p-1080.png","format":"png","size":123715,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow.png","thumbUrl":"https://cdn.prod.website-files.com/5d4f04b948a5b30fc9245ab5/5d4f14378ab9f520ed0926b5_workflow-p-130x130q80.png","_id":"5d4f14378ab9f520ed0926b5","updatedOn":"2019-08-10T19:40:56.599Z","fileSize":91687}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":2,"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 Onboarding Links component is designed to facilitate user onboarding by guiding users through a series of questions and options based on their responses. It features dynamic content that personalizes the experience for each user.
Key Features:
- Dynamic user greeting with personalized name integration
- Multiple question prompts based on user selections
- Links to additional resources or next steps
- Responsive design suitable for various devices
Design Elements:
- Clean and modern layout with a focus on user interaction
- Use of headings and images to enhance visual appeal
- Colorful buttons and links to encourage user engagement
- Flexbox layout for responsive design
Potential Use Cases:
- SaaS applications looking to improve user onboarding
- E-learning platforms needing guided user experiences
- Service-based businesses wanting to collect user preferences
- Mobile apps requiring user input for personalized experiences
Conclusion: The Onboarding Links component is a versatile tool for enhancing user onboarding processes, making it ideal for various industries focused on user engagement and personalization.