DocsAPI referenceWebhooksSupport

Add Checkout Page to Swipe Pages

How to add a checkout to a Swipe Pages landing page

Add Checkout Page to a Swipe Pages landing page to embed checkouts in your sales funnels. This enables payment collection on Swipe Pages without additional integrations.

How do I add a Buy button?

  1. You can add a Buy button that links to your checkout to open it in the same or a new window.
  2. Follow these steps to do it:
  3. Open the page builder on Swipe Pages
  4. Click on any button on your page if you’re using a template or drag and drop Button from the top-left Modules menu
  5. From your Checkout Page dashboard, click on the checkout you want to link to
  6. Then click on Share & embed in the top right corner and copy the Payment link
  7. Return to Swipe Pages and click on your button
  8. In the Click Action section, choose Go to URL as the Action and paste the link from Checkout Page below
  9. Switch on Open in new tab if you’d like your checkout to open in a new tab
  10. Adjust the button text above if you wish to change it
  11. Save and publish your page to preview; you might need to use your browser’s incognito mode to view the most recent changes

How do I add a pop-up checkout?

  1. Adding a pop-up checkout is a let your customers check out on your site while hiding the checkout from those browsing.
  2. Note: You cannot add a pop-up to any button in the header as this doesn’t allow you to add the “cp-button” class.
  3. Here’s how to add it:
  4. Open the page builder on Swipe Pages
  5. From the top-left menu, go to Settings and choose Custom Javascript
  6. Go to your Checkout Page dashboard, click on your checkout and then Share & embed
  7. Select the Pop up section and copy the Script code under Custom website
  8. Paste this script code into the Header box on Swipe Pages and close
  9. Click on any button on your page if you’re using a template or drag and drop Button from the top-left Modules menu
  10. Select the button and go to Advanced to type cp-button under CSS Classes
  11. Go to Content tab on the button menu and choose Go to URL as the Action
  12. Return to Checkout Page to copy the Payment link and paste it in the field under Action on Swipe Pages
  13. Adjust the button text above if you wish to change it
  14. Save and publish your page to preview; you might need to use your browser’s incognito mode to view the most recent changes

How do I embed my checkout?

  1. Embed your checkout on your landing page for your customers to finish their purchases on your site.
  2. Let us guide you through it:
  3. Open the page builder on Swipe Pages
  4. From the top-left Modules menu, drag and drop HTML code onto your site
  5. Go to your Checkout Page dashboard, click on your checkout and then Share & embed
  6. Select the Embed section and copy the Embed code under Custom website
  7. Paste this embed code into the HTML box on Swipe Pages
  8. Save and publish your page to preview; you might need to use your browser’s incognito mode to view the most recent changes
  9. Great, now your one-page checkout has been added to your landing page!

On this page

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