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.
Flex
Product page
Use the page selector to open Products then Default product (or any alternative Product page template).
In the left sidebar, click the toggle beside Product information to reveal the blocks.
Click Form to customize its settings.
Enable Show dynamic checkout button.
Save.
The same setup also applies to the Featured product section
Quick shop
Use the page selector to open Products then quickshop.
In the left sidebar, click the toggle beside Product to reveal the blocks.
Click Form to customize its settings.
Enable Show dynamic checkout button.
Save.
Turbo
- Open Theme settings (⚙️)
- Open Products
- Below Product form, enable Show dynamic checkout button
- Save
Parallax
1. Open Theme settings (⚙️)
2. Open Product grid
3. Below Dynamic checkout buttons, enable Show dynamic checkout button
4. Save
Responsive
1. Open Theme settings (⚙️)
2. Open Product grid
3. Below Dynamic checkout buttons, enable Show dynamic checkout button
4. Save
Retina
Product page
Use the page selector to open Products then Default product (or any alternative Product page template).
In the left sidebar, click Product to open general settings for the template.
Below Dynamic checkout buttons, enable Show dynamic checkout button.
Save.
Superstore
Product page
Use the page selector to open Products then Default product (or any alternative Product page template).
In the left sidebar, click Product to open general settings for the template.
Below Dynamic checkout buttons, enable Show dynamic checkout button.
Save.
Quick shop
Use the page selector to open Products then quickshop.
In the left sidebar, click Quickshop to open general settings for the template.
Below Dynamic checkout buttons, enable Show dynamic checkout button.
Save.
Vino
Product page
Use the page selector to open Products then Default product (or any alternative Product page template).
Expand the Product section and find the Buy buttons block where you can enable the Dynamic checkout button feature:
Quick shop
Use the page selector to open Products then quickshop.
In the left sidebar, click Quickshop to open general settings for the template.
Below Dynamic checkout buttons, enable Show dynamic checkout button.
Save.
Pacific
1. Open Theme settings (⚙️)
2. Open Products
3. Click the Show dynamic checkout button toggle
4. Save
Launch
1. Open Theme settings (⚙️)
2. Open Product form
3. Click the Show dynamic checkout button toggle
4. Save
Branded vs Unbranded
When enabled, the dynamic checkout button will either display as unbranded or branded.
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.
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