Add Checkout Page to ActiveCampaign

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

Add a Buy button

1. On ActiveCampaign, click Website and select Pages
2. Click the Edit design button of the page you want to add the Buy button to
3. Drag the Button block onto your page layout
4. Double-click the Button block if you’d like to edit the text
5. From your Checkout Page dashboard, click on the checkout you’d like to link to and then Add to site
6. Copy the Payment link
7. Back on ActiveCampaign, click the Button block and click the dropdown under On click
8. Select Open Link and paste the link you just copied from the Checkout Page and click the Checkmark button to confirm

1. Publish updates and View live to test the link

Add a pop-up checkout

First, we will add the embed script to Custom Code in your Page Settings on ActiveCampaign (you only need to complete this step once per landing page).

1. On ActiveCampaign, click Website and select Pages
2. Click the dropdown next to the Edit design button of the page you want to add the checkout to
3. Click on View Page Settings and navigate to the Custom Code tab
4. Paste the embed script code below into the text box: ^

<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>

Now let’s make your Buy button open the checkout pop-up.

1. From the Checkout Page dashboard, select the checkout you’d like to add and click on Add to site
2. Open the Payment link in a new tab so you can see the full URL
3. On ActiveCampaign, click Website and select Pages
4. Click the Edit design button of the page you want to add the checkout pop-up to
5. Select the button that should open the checkout pop-up, or add a new button
6. In the On click select dropdown, select Custom code
7. Paste the following code: ^

window.checkoutPage.open({
 seller: "business-slug",
 checkout: "checkout-slug"
});

1. Replace business-slug with your Checkout Page business slug (the second to last part of your checkout link (in bold): https://checkoutpage.co/c/business-name/example-checkout)
2. Replace checkout-slug with your checkout slug (the last part of your checkout link (in bold): https://checkoutpage.co/c/business-name/example-checkout)
3. Click the Checkmark button to confirm changes
4. Publish updates and View live to make sure the pop-up is working

Embed your checkout

1. On ActiveCampaign, click Website and select Pages
2. Click the Edit design button of the page you want to add the checkout embed to
3. Drag the Embed block onto your page layout
4. From your Checkout Page dashboard, click on the checkout you’d like to embed and then Add to site
5. Select Embed and copy the Embed code from the Custom website dropdown
6. Return to ActiveCampaign and paste this code in the Embed code editor on the right side of the page
7. Drag the circles on both sides of the embed to adjust the size if necessary and click the Checkmark button to confirm changes
8. Publish updates and View live to see your new embed

That’s it, now your one page checkout has been added to your ActiveCampaign page!