Add Checkout Page to ConvertKit

In this help article, you will learn how to add Checkout Page to your ConvertKit landing page.

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 adding one-page checkouts to ConvertKit.

Add a Buy button

  1. Open the landing page editor on ConvertKit by clicking on Growth from the top menu and then Landing Pages & Forms
  2. Scroll down and click on the page to edit
  3. Click into a paragraph text box where you would like to add a button to
  4. A + will appear on the left side, click on it and scroll down to Button
  5. From your Checkout Page dashboard, click on the checkout you’d like to link to and then Share & embed
image-374f72.png
  1. Copy the Payment link
  2. Back on ConvertKit, click on your new Button and paste this link into the URL field on the left

image-70ba.png
  1. Double-click to edit the Button text
  2. Save and Publish your page

Embed your checkout

  1. Open the landing page editor on ConvertKit by clicking on Growth from the top menu and then Landing Pages & Forms
  2. Scroll down and click on the page to edit
  3. Click into a paragraph text box where you would like to embed your checkout
  4. A + will appear on the left side, click on it and scroll down to HTML block

image-1526.png
  1. From your Checkout Page dashboard, click on the checkout you’d like to link to and then Share & embed
image-8bc978.png
  1. Go to the Embed tab and copy the Embed code from the Custom website section
image-fbfaae.png
  1. Return to ConvertKit and click Edit next to your new HTML block
  2. Paste the Embed code into the text box and Save
  3. Save and Publish your page – you need to publish to see the embedded checkout!

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