Help center

Learn how to sell online with Checkout Page

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 Buttonimage-971ddb.png

  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 addressimage-36d2af.png

  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 Doneimage-b3c748.png

  8. 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 menuimage-9f1560.png

  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 boximage-615cf1.png

  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

Embed your checkout

  1. Open Wix and edit your page

  2. Click Add Elements, select Embed code and then Embed HTMLimage-971ddb.png

  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 Applyimage-921a9a.png

  6. Adjust the size of your embed as necessary

  7. Save and Preview to test the embed

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


Have a question about
Checkout Page?

Start selling in minutes with our no-code checkout page builder.

Create branded, custom checkout pages and increase revenue with one-click upsells and order bumps.

Whether on your website or in your sales funnel, our simple checkout process boosts sales.

Use cases

2024 © Checkout Page LLC. All rights reserved.

8 The Green, Ste R, Dover, DE 19901