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
- Open the landing page editor on ConvertKit by clicking on Growth from the top menu and then Landing Pages & Forms
- Scroll down and click on the page to edit
- Click into a paragraph text box where you would like to add a button to
- A + will appear on the left side, click on it and scroll down to Button
- From your Checkout Page dashboard, click on the checkout you’d like to link to and then Share & embed
![image-374f72.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2Fa9372d69c568a665a0522dce8b84debdbe3347c3-3448x1270.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Copy the Payment link
- Back on ConvertKit, click on your new Button and paste this link into the URL field on the left
![image-70ba.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F0c7fb93b16e5d5648fd7f84b75aa25dc18a9f203-1840x818.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Double-click to edit the Button text
- Save and Publish your page
Embed your checkout
- Open the landing page editor on ConvertKit by clicking on Growth from the top menu and then Landing Pages & Forms
- Scroll down and click on the page to edit
- Click into a paragraph text box where you would like to embed your checkout
- A + will appear on the left side, click on it and scroll down to HTML block
![image-1526.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F69242bc86b8d12d721272ca8f691efd487d2db62-1785x863.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- From your Checkout Page dashboard, click on the checkout you’d like to link to and then Share & embed
![image-8bc978.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2Fa9372d69c568a665a0522dce8b84debdbe3347c3-3448x1270.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Go to the Embed tab and copy the Embed code from the Custom website section
![image-fbfaae.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F917bb9feb2785edd0e765341dc81b6f6fb70eea0-3446x1112.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Return to ConvertKit and click Edit next to your new HTML block
- Paste the Embed code into the text box and Save
- 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!