Common Adjustments

How Do I Enable Shopify's Dynamic Checkout Buttons?

All themes include Dynamic checkout buttons, a secondary add-to-cart button that sends the customer directly to the Checkout page—bypassing the cart page entirely and completing the purchase with a preferred payment type.

Activate Dynamic Checkout Buttons

Open the theme editor (Customize) to enable or disable the Dynamic checkout buttons in your theme.

Setting up this feature looks different for each theme.

Select your theme

Flex

Parallax

Responsive

Retina

Superstore

Turbo

Vintage Themes

Flex

Product page

Use the page selector to open Products then Default product (or any alternative Product page template).

select products then default to adjust the base template.png

In the left sidebar, click the toggle beside Product information to reveal the blocks.

click toggle beside product information to reveal blocks.png

Click Form to customize its settings.

Enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

The same setup also applies to the Featured product section

Quick shop

Use the page selector to open Products then quickshop.

open products then quickshop to access template.png

In the left sidebar, click the toggle beside Product to reveal the blocks.

reveal flex quickshop blocks by clicking toggle beside product.png

Click Form to customize its settings.

Enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Parallax

  1. Open Theme settings
  2. Open Product grid
  3. Below Dynamic checkout buttons, enable Show dynamic checkout button

    setting for dynamic checkout button.png

  4. Save

Responsive

  1. Open Theme settings
  2. Open Products
  3. Below Dynamic checkout buttons, enable Show dynamic checkout button

    setting for dynamic checkout button.png

  4. Save

Retina

Product page

Use the page selector to open Products then Default product (or any alternative Product page template).

select products then default to adjust the base template.png

In the left sidebar, click Product to open general settings for the template.

select product to open general settings for retina product page.png

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Quick shop

Use the page selector to open Products then quickshop.

open products then quickshop to access template.png

In the left sidebar, click Quickshop to open general settings for the template.

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Superstore

Product page

Use the page selector to open Products then Default product (or any alternative Product page template).

select products then default to adjust the base template.png

In the left sidebar, click Product to open general settings for the template.

select product to open general settings for retina product page.png

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Quick shop

Use the page selector to open Products then quickshop.

open products then quickshop to access template.png

In the left sidebar, click Quickshop to open general settings for the template.

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Turbo

  1. Open Theme settings
  2. Open Products
  3. Below Product form, enable Show dynamic checkout button

    setting for dynamic checkout button.png

  4. Save

Vintage Themes

Artisan

Product page

Use the page selector to open Products then Default product.

select products then default to adjust the base template.png

In the left sidebar, click Product to open general settings.

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Quick shop

  1. Open Theme settings
  2. Open Products
  3. Below Dynamic checkout buttons, enable Show dynamic checkout button

    setting for dynamic checkout button.png

  4. Save

Mobilia

Product page

Use the page selector to open Products then Default product.

select products then default to adjust the base template.png

In the left sidebar, click Product to open general settings.

Below Dynamic checkout buttons, enable Show dynamic checkout button.

setting for dynamic checkout button.png

Save.

Quick shop

  1. Open Theme settings
  2. Open Quick shop
  3. Below Dynamic checkout buttons, enable Show dynamic checkout button

    setting for dynamic checkout button.png

  4. Save

Branded vs Unbranded

When enabled, the dynamic checkout button will either display as unbranded or branded.

unbranded-button.png

Unbranded buttons display a simple Buy Now label, while branded buttons also include the preselected payment form (e.g. Apple Pay) with recognizable colors and icons.branded-button.png

Both redirect the customer to the Shopify checkout to complete their purchase. Clicking the branded button allows the customer to complete the purchase with a preferred payment method.

Whether a branded or unbranded button appears depends on:

  • payment settings
  • the customer's browser
  • the customer's device
  • the customer's personal payment history

Styling

The branded button displays the logo for a third-party accelerated checkout method. 

Learn about the 'Buy it now' button colors

Only the payment methods enabled in Payments appear as options for your customers. If you don't have a third-party accelerated checkout method enabled, then only the unbranded button is displayed.

Shopify's full documentation on the dynamic checkout buttons can be found here 

 

Related articles