Help center

Learn how to sell online with Checkout Page

Add Checkout Page to Unbounce (Classic Builder)

Add Checkout Page to Unbounce (Classic Builder)

In this help article, you will learn how to add your checkout to your Unbounce landing page using the Unbounce Classic Builder.

Selling directly from your landing page can boost your sales, so it is a good idea to add your checkout to your Unbounce page.

It is easy to embed checkouts or add a pop-up checkout to sell digital products, services and capture leads right on your landing page.

You can add any type of checkouts to your landing page: one-time payment, subscription, pay what you want and lead capture.

This is only for the landing pages built with Unbounce Classic Builder.

If you are using the Unbounce Smart Builder, the steps are a bit different.

Unbounce Smart Builder supports the Checkout Page plugin to share your checkout faster and easier.

Learn how to add your Checkout Page to Unbounce Smart Builder here.


Add a Buy button

The easiest way to link your checkout to your landing page is by adding a Buy button on Unbounce.

Clicking on the Buy button will direct your customers from your landing page to your checkout.

To get started, follow these simple steps:

  1. Create a page on Unbounce using the Classic Builder
  2. From the left side menu, click and hold to drag Button onto your landing page
  3. Click on your new Button and navigate to Properties on the right side
  4. Choose Go to URL from the Click action drop-down menu
  5. From your Checkout Page dashboard, click Share next to the checkout you want to link to and copy the payment link
  6. Paste this link in the URL field under Click Action on Unbounce
  7. Save and preview your design

Add a pop-up checkout

By adding a pop-up checkout, you can let your customers complete their purchases without leaving your landing page.

To do so, you can link your Buy button to open a pop-up on the same page.

Here's how to do it:

  1. Create a page on Unbounce using the Classic Builder
  2. From the left side menu, click and hold to drag Button onto your landing page
  3. Click on your new Button and navigate to Properties on the right side
  4. Choose Go to URL in Lightbox from the Click action drop-down menu
  5. From your Checkout Page dashboard, click Share next to the checkout you want to link to and copy the payment link
  6. Paste this link in the URL field under Click Action on Unbounce
  7. Below the URL, adjust the Size to W:480 x H:400
  8. Save and preview your design

Embed your checkout

Another way to share your checkout is to embed it on your landing page.

This way your customers can finish the checkout directly on your page, making the whole experience much smoother.

These are the steps to do it:

  1. Create a page on Unbounce using the Classic Builder
  2. From the left side menu, click and hold to drag Custom HTML onto your landing page
  3. On your Checkout Page dashboard, click Share next to the checkout you want to link
  4. Select Embed and copy the Embed code from the Unbounce section
  5. Return to Unbounce and paste the Embed Code into the window that just popped up
  6. Click to save and navigate to Properties on the right side
  7. Under Geometry, adjust the size to W:480 and H depending on your checkout
  8. Save and preview your design

That's it, now you're ready to sell!


Have a question about Checkout Page?

Contact us any time