Add Checkout Page to ClickFunnels

In this help article, you will learn how to add Checkout Page to your ClickFunnels 2.0 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 your checkout to ClickFunnels.

Add a Buy button

1. Open ClickFunnels and go to Site & Funnels to customize your page
2. Click on an existing button or navigate to any section and click Add element to add a new one
3. Find On click on the button menu and choose go to…
4. Go to your Checkout Page dashboard and open the checkout you’d like to link to
5. Click Share & embed and copy the Payment link
6. Back on ClickFunnels, paste this link in the Custom URL field

1. Save and Preview to test the link

Add a pop-up checkout

Checkout Page pop-up

1. Open ClickFunnels and go to Site & Funnels to customize your page
2. Click Code on the top menu and go to the Header code tab
3. From your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed
4. Copy the Script code under the Custom website section from Pop up tab
5. Return to ClickFunnels and paste this script into the Header code box
6. Navigate to any section and click Add element to add Custom JS / HTML
7. Click on your new element and Open code editor
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 and close it
10. Optionally, add CSS classes & styles to style the link
11. Save and Preview to test the pop-up

ClickFunnels native pop-up

1. Open ClickFunnels and go to Site & Funnels to customize your page
2. Click Popups on the top menu and Edit settings
3. Add new section and select Medium and then 1 Column

1. Add Custom JS / HTML element and click on it to Open code editor
2. From your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed
3. Copy the Embed code under the Custom website section from Embed tab
4. Paste this link code into the code box and close it
5. Click on an existing button or navigate to any section and click Add element to add a new one
6. Find On click on the button menu and choose open pop-up…

1. Save and Preview to test the pop-up

Embed your checkout

1. Open ClickFunnels and go to Site & Funnels to customize your page
2. Navigate to any section and click Add element to add Custom JS / HTML
3. Click on your new element and Open code editor

1. Go to your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed
2. Copy the Embed code under the Custom website section from Embed tab
3. Back on ClickFunnels, paste this code into the code box and close it
4. Save and Preview to test the embed

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