DocsAPI referenceWebhooksSupport

Add Checkout Page to Wix

How to add a checkout to a Wix site

Wix is a website builder platform. Embed your Checkout Page on Wix pages using custom HTML or business solutions to add payment processing.

How do I add a Buy button?

  1. Open Wix and edit your page
  2. Click Add Elements and select Button
  3. Choose the type of button and click to add it to your page
  4. From the button menu, click on Link and select Web address
  5. Go to your Checkout Page dashboard and open the checkout you’d like to link to
  6. Click Share & embed on the top right corner and copy the Payment link
  7. Back on Wix, paste this link in the URL field and click Done
  8. Save and Preview to test the link

How do I add a pop-up checkout?

  1. Open Wix and edit your page
  2. Turn on the Dev Mode from the top menu
  3. In the Page code section on the left, click on masterPage.js
  4. From your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed on the top right corner
  5. Copy the Script code under the Custom website section from Pop up tab
  6. Return to Wix and paste this script into the masterPage.js code box
  7. Click Add and select Embed code and then Embed HTML
  8. Return to Checkout Page to copy the Link code to open pop up under the Custom website section from Pop up tab
  9. Paste this link code into the code box on Wix and Apply
  10. Adjust the size of the box to fit the checkout if needed
  11. Optionally, add CSS classes & styles to style the link
  12. Save and Preview to test the pop-up

How do I embed my checkout?

  1. Open Wix and edit your page
  2. Click Add Elements, select Embed code and then Embed HTML
  3. Go to your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed on the top right corner
  4. Copy the Embed code under the Custom website section from Embed tab
  5. Back on Wix, paste this code into the code box and Apply
  6. Adjust the size of your embed as necessary
  7. Save and Preview to test the embed
  8. Please note that we can’t support Apple Pay on Safari with Wix because Wix wraps embedded scripts in an iframe.
  9. That’s it, now your one-page checkout has been added to your Wix site!
  10. Note: For an upsell flow to work, the initial purchase should happen on the same domain as the upsell. You also need to set up a custom domain to host your checkouts as a subdomain of your main site - e.g. if your site is example.com, use pay.example.com

On this page

How do I add a Buy button?How do I add a pop-up checkout?How do I embed my checkout?