Learn how to add Checkouts to a Kartra sales page.

If you’re using Kartra Pages to build your sales page, adding a Checkout is simple. The method you use to add it depends on the type of checkout you created:

  • Kartra-hosted: A standalone checkout page linked from a button or navigation menu.
  • Pop-up checkout: A pop-up that appears when clicking a button.
  • Embedded checkout: A form placed directly on your sales page. 

Key details

  • Your Checkout must be published before it appears in the link or component menus.
  • You’ll only see matching types in each menu — pop-ups won’t appear as embeddable components, for example.

Pro tip: Mix it up!

You can use different Checkout styles throughout your Sales page. For example:

  • Start with a pop-up button near the top.
  • Add an embedded Checkout halfway down.
  • End with a Kartra-hosted link near the bottom.

These are just examples — feel free to customize based on your page layout and customer flow.

How to add a Checkout

Option 1: Link to a separate Checkout page

Checkout type: Kartra-hosted. Use this if you want the buyer to leave your sales page and go to a new Checkout page.

To link a button to a Checkout page:

  1. Go to Pages > All pages and open your sales page or create a new one
  2. Edit the object people will click to go to your Checkout, for example:
    • Add or edit a button component
    • Edit a navigation menu item
  3. In the settings, go to the Linktab
    • Choose “Link to a Kartra hosted new checkout”
    • Select your Checkout from the dropdown list
    • Click Apply to save the link
  4. Save or Publish your page

Option 2: Open a Checkout in a pop-up

Checkout type: Pop-up. This keeps users on your page but brings up the Checkout when they click a button.

To link a button to a pop-up Checkout:

  1. Go to Pages > All pages and open your sales page or create a new one
  2. Add or edit a button
  3. Go to the Linktab
    • Choose “Pop a new checkout”
    • Select your pop-up Checkout from the list
    • Click Apply to save the link
  4. Save or Publish your page

Pro tip

You can create a separate checkout for the mobile version of your Sales page. Learn how to optimize your page design for different devices.

Option 3: Embed the Checkout directly in the page

Checkout type: Embedded. This lets you place the Checkout form directly in your content — no extra clicks.

To add a Checkout component:

  1. Go to Pages > All pages and open your sales page or create a new one
  2. From the left menu, click Components, then Checkouts
  3. Drag the Checkout placeholder onto your page
  4. Click to edit it, and choose your embedded Checkout from the list
  5. Click Apply, then Save or Publish

Your Checkout will display using the layout you designed in the Checkout editor.

Tip: Embedded Checkouts can also be added to your external website with a code.

Learn about Checkout embed codes. 

Learn more