Supported Versions
The details shared here apply to the most recent versions of our themes. To keep your theme up to date, check out this helpful document.
In This Article
- Theme Support for Shopify's Dynamic Checkout Buttons
- Enable Dynamic Checkout Buttons on Product Pages
Theme Support for Shopify's Dynamic Checkout Buttons
Shopify has introduced dynamic checkout buttons to allow customers to skip the cart and complete their payment with the checkout method displayed on the button.
When enabled, the dynamic checkout button will either display as unbranded or branded.
The checkout method that's displayed on the button depends on these factors:
- your payment settings
- the customer's browser
- the customer's device
- the customer's personal payment history
The unbranded button displays the 'Buy it now' text. Clicking the 'buy it now' button will redirect the customer to the Shopify checkout to complete their purchase.
The 'Buy it now' text cannot be altered within the theme as the translation is coming from Shopify's end.
Learn about the 'Buy it now' button colors
The branded button displays the logo for a third-party accelerated checkout method. Clicking the branded button will allow the customer to complete their payment with that accelerated checkout method
Only the payment methods that you've enabled in your payment settings appear as options to 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
Enable Dynamic Checkout Buttons on Product Pages
To show dynamic checkout buttons on product pages:
Step 1: From your Shopify admin, go to Online Store > Themes.
Step 2: Find the theme you want to edit and click the Customize button for the theme.
Step 3: From the top bar drop-down menu, click Product pages.
Step 4: Click the Sections tab.
Step 5: Click into the Product tab.
Step 6: Enable the "Show dynamic checkout button" setting.
Step 7: Click Save.
