DocsAPI referenceWebhooksSupport

Add Checkout Page to HubSpot

How to add a checkout to a HubSpot website page or landing page

Add Checkout Page to a HubSpot website to embed checkouts on your landing pages and sales pages. Integrate payment collection directly into HubSpot.

How do I add a buy button?

  1. On HubSpot, click on Marketing from the top menu and open the Landing pages tab
  2. Edit the page you want to add the Buy button to
  3. From the left-hand menu, drag the Button block onto your page layout
  4. Open your Checkout Page dashboard, click on the checkout you’d like to link to and then Add to site
  5. Copy the Payment link
  6. Back on HubSpot, paste this link into the URL field on the left
  7. Scroll lower to edit the Button text
  8. Preview and Publish your page

How do I add a pop-up checkout?

  1. Note: for this option, your landing page has to be built using either HubSpot Professional or Enterprise plan templates.
  2. On HubSpot, click on Marketing from the top menu and open the Landing pages tab
  3. Edit the page you want to add the pop-up checkout to
  4. From the left-hand menu, drag the Rich Text block onto your page layout and delete the default text from it
  5. Open your Checkout Page dashboard, click on the checkout you’d like to link to and then Add to site
  6. Go to the Pop up tab for the Script code and Link code to open pop up under the Custom website section
  7. Return to HubSpot and select the Rich Text block
  8. From the top menu, click on Advanced and then Source code
  9. Paste the Script code, add an empty line and paste the Link code to open pop up
  10. Optionally, style the link by adding CSS and Save changes
  11. Preview and Publish your page

How do I embed my checkout?

  1. Note: for this option, your landing page has to be built using either HubSpot Professional or Enterprise plan templates.
  2. On HubSpot, click on Marketing from the top menu and open the Landing pages tab
  3. Edit the page you want to add the pop-up checkout to
  4. From the left-hand menu, drag the Rich Text block onto your page layout and delete the default text from it
  5. Open your Checkout Page dashboard, click on the checkout you’d like to link to and then Add to site
  6. Go to the Embed tab and copy the Embed code from the Custom website section
  7. Return to HubSpot and select the Rich Text block
  8. From the top menu, click Insert and select Embed
  9. Paste the Embed code and click Insert to save
  10. Adjust spacing and alignment as needed
  11. Preview and Publish your page
  12. That’s it, now your one page checkout has been added to your HubSpot page!

On this page

How do I add a buy button?How do I add a pop-up checkout?How do I embed my checkout?