You're viewing our new Unified Payments API documentation. Click here to access our Classic API docs.

Shopify installation

Checkout.com's payment gateway is fully integrated with Shopify. If you're already using Shopify, you can start accepting payments through our gateway by configuring a few simple settings.

Onsite or offsite options

You can accept payments through our gateway either onsite, where your customer enters their payment details on your website, or offsite, where they will be redirected to a Checkout.com page to do so.

The onsite option is available by default – you simply have to select it from your Shopify configuration menu.

If you want to use the offsite option, follow the instructions below.

Alternative payment methods

The onsite option does not currently support alternative payment methods.

Installation instructions (offsite option)

  1. Log in to your Shopify admin.
  2. After logging in, you should see an Add payment gateway message. Click Add payment gateway.
  3. Then enter your public and secret API keys – you'll find these in the Hub – and select the payment methods permitted for your account (Visa, MasterCard, Amex, etc.).
  4. After completing the form, click Activate.

You've successfully set up the offsite option on your Shopify account! If you're having any problems or just have a question, please contact our support team for help.

The customer experience

Onsite option

Your customers can enter their payment details on your checkout page, like so:

Offsite option

Once you've activated it, your customers should see Checkout.com as a payment method on the checkout page – it looks like this:

After a customer clicks Complete Order, they will be redirected to our hosted JS page:

From here, the customer can enter their payment details securely and complete their order.

Can we help?

Thanks for using Checkout.com. If you need any help or support, then message our support team at support@checkout.com.

Shopify installation


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.