Showing dynamic checkout buttons on your online store

Dynamic checkout buttons are an alternative to the add to cart button for single products. With dynamic checkout buttons, customers can skip the cart and go directly to the checkout. Customers can choose to check out with Shopify, or with another familiar accelerated checkout method. This helps to speed up the payment process and lets customers check out using a method that they are familiar with.

A branded dynamic checkout button with an Apple Pay logo

Customers can only use dynamic checkout buttons to buy a single product. However, if you show a quantity selector on the product page, then they can buy more than one of that product. For example, a customer can use a dynamic checkout button to buy three baking cups in aqua, but not to buy one in aqua and one in purple.

Overview of dynamic checkout buttons

The dynamic checkout button appears beside or below the add to cart button, depending on your theme and the customer's device.

There are two different kinds of dynamic checkout buttons:

  • Unbranded buttons show Buy now text. If a customer clicks an unbranded Buy now button, then they skip the cart and go to the checkout.
An unbranded dynamic checkout button with Buy now text
  • Branded buttons show the logo for third-party accelerated checkout methods. If a customer clicks on a branded button for a third-party accelerated checkout method, such as Apple Pay, then they go to the checkout for that method with their information pre-populated.

The following third-party accelerated checkout methods are available:

  • Amazon Pay
  • Apple Pay
  • PayPal

If a branded button is shown, then there is a More payment options link that appears below the button. If a customer clicks on the More payment options link, then a window that shows all of the available payment options appears. The window includes a field for gift cards and discount codes:

The Order Summary window for dynamic checkout buttons

If your online store doesn't include other payment options, and your store does not use discount codes or gift cards, then the More payment options link takes customers to the first step of the checkout.

The kind of button that shows depends on the following factors:

Dynamic checkout buttons and apps

Dynamic checkout buttons might conflict with certain apps.

If you use any of the following kinds of apps, then dynamic checkout buttons might not be compatible with your online store:

  • Currency converters
  • Apps that interact with the cart
  • Apps that take customers to an external checkout

Dynamic checkout buttons and cart attributes

Dynamic checkout buttons don't support cart attributes. Cart attributes are custom form fields that you can use to collect additional information from your customers on the cart page.

Examples of cart attributes include the following additions to the cart page:

  • Terms and conditions checkboxes
  • Gift-wrapping options
  • Delivery date pickers

If you rely on cart attributes on your online store, then you can't use dynamic checkout buttons.

Show dynamic checkout buttons on product pages

To show dynamic checkout buttons on product pages:

  1. Find the theme you want to edit and click the Customize button for the theme.

  2. From the top bar drop-down menu, click Product pages.

  3. Click the Sections tab.

  4. Click Product pages.

  5. Check Show dynamic checkout button.

  6. Click Save.

Most themes include a setting to show dynamic checkout buttons on a featured product section.

To show dynamic checkout buttons on a featured product section:

  1. Find the theme you want to edit and click the Customize button for the theme.

  2. Click the Sections tab.

  3. Click on an existing featured product section, or click Add section to add a new featured product section.

  4. Click Featured product > Add.

  5. Enter your product details and check Show dynamic checkout button.

  6. Click Save.

Test dynamic checkout buttons on your theme

Because the kinds of dynamic checkout buttons that show on your theme depend on multiple factors, you can run a test so that you can see all of the combinations. Before you test dynamic checkout buttons on your theme, make sure that the buttons are showing.

To test the dynamic checkout buttons on your theme:

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal
    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon
    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari)
    • To show an unbranded button, add ?shopify-debug=true&show=checkout

    Press Enter to reload the page.

Hide dynamic checkout buttons on product pages

To hide dynamic checkout buttons on product pages:

  1. Find the theme you want to edit and click the Customize button for the theme.

  2. From the top bar drop-down menu, click Product pages.

  3. Click the Sections tab.

  4. Click Product pages.

  5. Uncheck Show dynamic checkout button.

  6. Click Save.

To hide dynamic checkout buttons on a featured product section:

  1. Find the theme you want to edit and click the Customize button for the theme.

  2. Click the Sections tab.

  3. Click on the featured product section.

  4. Uncheck Show dynamic checkout button.

  5. Click Save.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free