DocsAPI referenceWebhooksSupport

Add Checkout Page to ClickFunnels

How to embed checkouts within ClickFunnels sales funnels

ClickFunnels is a sales funnel builder. Embed your Checkout Page within ClickFunnels pages to collect payments as part of your sales funnel.

How do I 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
  7. Save and Preview to test the link

How do I add a pop-up checkout?

What is 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

What is 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
  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 Share & embed
  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…
  10. Save and Preview to test the pop-up

How do I embed my 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
  4. Go to your Checkout Page dashboard, open the checkout you’d like to link to and click Share & embed
  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
  8. That’s it, now your one-page checkout has been added to your ClickFunnels site!

On this page

How do I add a buy button?How do I add a pop-up checkout?What is checkout page pop-up?What is ClickFunnels native pop-up?How do I embed my checkout?