Help center

Learn how to sell online with Checkout Page

Add Checkout Page to ClickFunnels

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

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 Add to site and copy the Payment link

  6. Back on ClickFunnels, paste this link in the Custom URL field

    image-866c.png

  7. 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 Add to site

  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

    image-0360.png

  4. Add Custom JS / HTML element and click on it to Open code editor

  5. From your Checkout Page dashboard, open the checkout you'd like to link to and click Add to site

  6. Copy the Embed code under the Custom website section from Embed tab

  7. Paste this link code into the code box and close it

  8. Click on an existing button or navigate to any section and click Add element to add a new one

  9. Find On click on the button menu and choose open pop-up…

    image-9b6a.png

  10. 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

    image-35cd.png

  4. Go to your Checkout Page dashboard, open the checkout you'd like to link to and click Add to site

  5. Copy the Embed code under the Custom website section from Embed tab

  6. Back on ClickFunnels, paste this code into the code box and close it

  7. Save and Preview to test the embed

That's it, now your checkout has been added to your ClickFunnels site!


Have a question about Checkout Page?

Contact us any time