https://getwaitlist.com/_next/static/chunks/pages/docs/nocode/wix-bde159b441986d84.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8593],{61889:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return s},default:function(){return MDXContent}});var n=i(59499),o=i(52322),r=i(45392);function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(i),!0).forEach(function(t){(0,n.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function _createMdxContent(e){var t=_objectSpread(_objectSpread({a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p"},(0,r.a)()),e.components),i=t.Button;return i||function(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Button",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:"Integrate a Waitlist into your Wix Website"}),"\n",(0,o.jsx)(t.p,_objectSpread({children:"These instructions will show you how to add a Waitlist to your Wix Website.\nWe've made it easy for you to create a custom Waitlist Form, and for you to then insert it into your Wix Website Creator.\nPerfect for your pre-launch waiting list, with no coding required!"},{className:"lead"})),"\n",(0,o.jsx)(t.h2,{id:"what-is-wix",children:"What is Wix?"}),"\n",(0,o.jsx)(t.p,{children:"Wix is an online platform that makes it easy for anyone to create their own website, offering a variety of ready-to-use designs\nthat you can customize just by dragging and dropping elements. It's perfect for personal use, like creating a blog or portfolio,\nand also for businesses looking to set up an online store or a professional-looking website. The process is straightforward and\ndoesn't require any special technical skills, making it a great choice for beginners. Plus, Wix has both free and paid plans,\nso you can start without spending anything and upgrade as your website grows or your needs change."}),"\n",(0,o.jsx)(t.h2,{id:"what-are-the-pros-and-cons-of-wix",children:"What are the Pros and Cons of Wix?"}),"\n",(0,o.jsxs)(t.p,{children:["Wix offers a broad range of design options and features, surpassing platforms like ",(0,o.jsx)(t.a,{href:"/docs/nocode/carrd",children:"Carrd"})," and ",(0,o.jsx)(t.a,{href:"/docs/nocode/typedream",children:"Typedream"})," in versatility,\nwhich makes it ideal for users seeking comprehensive website functionality and design flexibility.\nHowever, this extensive range of features can sometimes result in a steeper learning curve compared to the more straightforward,\nuser-friendly interfaces of Typedream and Carrd. Unlike ",(0,o.jsx)(t.a,{href:"/docs/nocode/framer",children:"Framer"}),", which is focused on interactive and high-fidelity\nprototyping, Wix doesn't offer as advanced animation and interaction capabilities, making it less suitable for users who need\nsophisticated design and prototyping tools."]}),"\n",(0,o.jsx)(t.h2,{id:"getting-started-with-waitlist-and-wix",children:"Getting Started with Waitlist and Wix?"}),"\n",(0,o.jsx)(t.p,{children:"To add your pre-launch waitlist to your Wix site, your first task is to figure out which Wix webpage you want to embed your Waitlist on.\nMost of the time, you want to put your waitlist on your landing page.\nHowever, sometimes you may want to place their pre-launch waiting list on a different page.\n(For example, suppose your waitlist is for launching a new product, but your landing page promotes an already-existing, successful product that you want to keep the focus on.)\nOnce you've determined which Wix page you want to have the Waitlist Form on, then you can follow the integration guide below."}),"\n",(0,o.jsx)(t.h2,{id:"integration-guide",children:"Integration Guide"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:['Go to your Waitlist Dashboard. Go into your Waitlist, then into the Widget Builder, and click the "Hosted Page" button.\n',(0,o.jsx)(t.img,{src:"/docs/widget_builder.png",alt:"Waitlist dashboard: widget builder interface"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["A new window will open. It'll be a blank page with just your waitlist on it. Copy the URL of the page. It should look something like ",(0,o.jsx)(t.code,{children:"https://getwaitlist.com/waitlist/[number]"}),"."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Go to your Wix website editor.\n",(0,o.jsx)(t.img,{src:"/docs/wix/wix1.png",alt:"Wix interface step 1"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:['Click on "Add Element".\n',(0,o.jsx)(t.img,{src:"/docs/wix/wix2.png",alt:"Wix interface step 2"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'Click on "Embed Code", and then "Embed HTML".'}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Paste in the URL for your Hosted Waitlist. We found the URL in step 2.\n",(0,o.jsx)(t.img,{src:"/docs/wix/wix3.png",alt:"Wix interface step 3"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Drag the element to an appropriate spot in the Wix builder, and size it appropriately.\n",(0,o.jsx)(t.img,{src:"/docs/wix/wix4.png",alt:"Wix interface step 4"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:["Hit Publish. Congratulations, you've added your waitlist!\n",(0,o.jsx)(t.img,{src:"/docs/wix/wix5.png",alt:"Wix interface step 5"})]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:"Go to your live Wix website. Now that the waitlist is up on it, make a test signup 

1in the waitlist form to make sure everything is working correctly."}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsx)(t.p,{children:'To wrap everything up, go to your Waitlist dashboard again, and navigate to the "Settings" tab. Make sure that the "Waitlist URL" field matches exactly the URL of the live Wix website that your Waitlist is on.'}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"alternate-waitlist-integration-custom-wix-element",children:"Alternate Waitlist Integration: Custom Wix Element"}),"\n",(0,o.jsxs)(t.p,{children:["In step 5, when you select HTML element, it is also possible to select a Custom Element if you are on a paid Wix plan.\nCustom Elements can pull in arbitrary code that is uploaded to an external file.\nYou may be able to upload the 3-line ",(0,o.jsx)(t.a,{href:"/docs/nocode/html",children:"Waitlist HTML Snippet"})," as an external file, and then paste that link into the Custom Element configuration.\nThis may yield a visually better result than the HTML element, but we haven't tested it."]}),"\n",(0,o.jsx)(t.h2,{id:"troubleshooting",children:"Troubleshooting"}),"\n",(0,o.jsxs)(t.p,{children:["If you need any additional help adding your Waitlist Widget into your Wix page,\nplease contact us any time at ",(0,o.jsx)(t.a,{href:"mailto:[email protected]",children:"[email protected]"}),".\nIn particular, we can help you with the alternate Waitlist integration that we mentioned above\nsince it can yield a more visually pleasant result. It's a slightly more complicated way to include your Waitlist on your Wix page,\nbut we are here to help if you need."]}),"\n",(0,o.jsx)(t.h2,{id:"customization",children:"Customization"}),"\n",(0,o.jsxs)(t.p,{children:["For more waitlist form customization, check out the ",(0,o.jsx)(t.a,{href:"/docs/special-features/widget-embed",children:"Widget Embed Options"}),"."]}),"\n",(0,o.jsx)("div",{className:"",children:(0,o.jsx)(i,{href:"/docs/platforms",variant:"text",arrow:"right",children:"Check out the list of no-code platforms we support"})})]})}var s=!0;function MDXContent(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=_objectSpread(_objectSpread({},(0,r.a)()),e.components).wrapper;return t?(0,o.jsx)(t,_objectSpread(_objectSpread({},e),{},{children:(0,o.jsx)(_createMdxContent,_objectSpread({},e))})):_createMdxContent(e)}},41261:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/nocode/wix",function(){return i(61889)}])}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=41261)}),_N_E=e.O()}]);