Add Checkout Page to Wix

In this help article, you will learn how to add Checkout Page to your Wix site.

With Checkout Page, you can easily create a one-page checkout and add it to your site in different ways.

Here are the instructions for Wix.

Add a Buy button

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

Add a pop-up checkout

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

Embed your checkout

  1. Open Wix and edit your page
  2. Click Add Elements, select Embed code and then Embed HTML
image-971ddb.png
  1. Go to your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed on the top right corner
  2. Copy the Embed code under the Custom website section from Embed tab
  3. Back on Wix, paste this code into the code box and Apply
image-921a9a.png
  1. Adjust the size of your embed as necessary
  2. Save and Preview to test the embed

That’s it, now your one-page checkout has been added to your Wix site!