Shopify Dynamic Checkout – How to implement it on your store

Every year Shopify announces it’s flagship updates in its annual conference called Unite.

Unite 2018 is currently being held from May 7-9 and Shopify has already announced a bunch of new updates like the Multilingual dashboard and the BOGO (Buy one get one) coupon code feature.

But, the biggest update we have had so far from is the new dynamic checkout feature.

Shopify seller community has been craving for long to skip the cart page as a mandatory step in the checkout process. With the release of dynamic checkout, we have finally got a way to let the customers directly checkout from the product page.

Let’s find out more about dynamic checkout and how to implement it on your Shopify store.

What is Shopify dynamic checkout?

Dynamic checkout is a one-step checkout from product page that doesn’t only skips the cart page but also gives a personalized experience to the visitors by offering them their preferred payment method as the first choice.

How it works?  

When you have enabled dynamic checkout on your store, there will be additional checkout buttons along with the default Add to cart button on the product pages.

Now, there can be two scenarios:

i) Branded payment button:

If Shopify can detect the preferred payment method of the visitor ( from the browser/device the customer is using) then a branded button for the same payment method will appear on the product page. Remember you need to have that payment method active in your Shopify payment settings.

For now, Shopify is supporting these three accelerated checkout methods.

  • Amazon Pay
  • Apple Pay
  • PayPal

Check the example below:

Image source: Shopify.com

Here the detected preferred payment method is Apple Pay and thus the “Buy with Apple Pay” button appeared.

However, other payment options available in ‘More payments options’ link below the branded payment button. If a customer clicks on that link, then a window that shows all of the available payment options appears. The visitor will also get the option to apply a coupon or a gift card here.

more payment options

Image source: Shopify.com

ii) Generic Buy Now button:

Unlike the above scenario, if Shopify is unable to detect any preferred payment of the visitor then the unbranded ‘Buy Now’ button will show up on the product page. Once the visitor clicks the button she will get all the options for payment methods and discount coupon or gift card.

buy now buttonImage source: Shopify.com

 

How to get dynamic checkout feature for your store?

Dynamic checkout buttons are available on all latest versions of the themes in the Shopify theme store. There’s no word from Shopify about the third party themes.

Here’s how to check the version of the theme you are using on your store:

1. In your Shopify dashboard, go to the Online Store and then Themes.

2. Click on Customize as shown below:

customize theme option in Shopify

 

3. Then go to Theme settings and scroll down to the bottom as shown below. You will find the version of the theme.


What if you are using an older version of the theme?

To use the dynamic checkout, you have to either update your Shopify theme to the latest version or edit the code of your theme to insert the dynamic checkout codes.

If you don’t want to update your theme:

If you have modified your current theme with additional codes according to your need then you may like to avoid all the troubles to implement the same changes again after updating the theme.

In that case, you need to implement the dynamic checkout codes to your current theme by editing it’s template codes. However, you may need some Shopify theme experts help for that.

However, if you are familiar with Shopify codes, here’s a guide by Shopify on how to edit the templates for the dynamic checkout buttons

If you are using the current version of the Shopify theme:

You can add the dynamic checkout buttons on the product pages or on a featured product section.

Adding dynamic checkout buttons on product pages:

To enable the dynamic checkout buttons on the product pages go to your Shopify admin (on your desktop)

1. Go to Online Store then click on Themes.

2. Select the theme you want to add the buttons to and click Customize.

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

Click Sections then click on Products.

Check Show dynamic checkout button in the checkbox

Click Save.

Then you can test it live by following these steps here.

Similarly, you can enable the dynamic checkout buttons in the featured product section from the theme customization options.

Some important notes for dynamic checkout implementation:

1. Dynamic checkout buttons may not work if you are using apps that work with the cart, currency converters or apps that take users out of the Shopify checkout.

2. If you are using cart attributes like delivery date pickers, gift wrapping, terms and conditions checkbox etc. then the dynamic checkout buttons will not support those.

 

Rate the read
[Total: 1 Average: 5]

Leave A Comment

Your email address will not be published. Required fields are marked *