How to test dynamic checkout buttons on your theme on Shopify

shopify
dynamic
checkout
theme

The types of dynamic checkout buttons which your customers will see on your Shopify store depends on various factors. You can test your dynamic checkout buttons on your theme to see all the combinations. But there is one thing that you must do before you test dynamic checkout buttons on your theme. It is making sure that all the buttons are being shown.

Here are some steps that I have prepared for you on how to test dynamic checkout buttons on your theme on Desktop, iPhone, and Android.

How to test dynamic checkout buttons on your theme

To test dynamic checkout buttons on your theme on Desktop

Step 1: Choose Themes section.

Go to your Shopify admin, choose the Themes section which is in the Online Store section.

How to test dynamic checkout buttons on your theme on Desktop 1

Step 2: Click View your store.

In the Themes screen, click on View your store which is right under the word Themes.

How to test dynamic checkout buttons on your theme on Desktop 2

Step 3: Go to product page.

You can go to a specific product page to view all the button on that page. And if you want to test the featured product section’s buttons, you can choose to stay on the home page.

How to test dynamic checkout buttons on your theme on Desktop 3

Step 4: Add string.

In your browser’s address bar which is on the top of your screen, to show a branded button for some apps, you have to add a specific string to the end of your current URL.

Step 5: Paypal.

When you add ?shopify-debug=true&show=PayPal, a branded button for Paypal will appear.

How to test dynamic checkout buttons on your theme on Desktop 5

Step 6: Amazon.

When you ?shopify-debug=true&show=Amazon, a branded button for Amazon will appear.

How to test dynamic checkout buttons on your theme on Desktop 6

Step 7: Apple Pay.

When you add ?shopify-debug=true&show=ApplePay, a branded button for Apple Pay will appear. Remember that Apple Pay only available on Safari.

How to test dynamic checkout buttons on your theme on Desktop 7

Step 8: Unbranded button.

When you add ?shopify-debug=true&show=checkout, an unbranded button will appear.

How to test dynamic checkout buttons on your theme on Desktop 8

Step 9: Reload page.

After you have entered the string to the end of your current URL, press the Enter button to reload the page.

To test dynamic checkout buttons on your theme on iPhone

Step 1: Tap Store.

Open your Shopify app, then tap Store.

Step 2: Select Online Store.

Scroll down to the Sales channels section. In this section, select Online Store.

Step 3: Choose Manage themes.

At the third step, you need to choose Manage themes.

Step 4: Tap View your store.

Then tap View your store.

Step 5: Go to product page.

You can go to a specific product page to view all the button on that page. And if you want to test the featured product section’s buttons, you can choose to stay on the home page.

Step 6: Add string.

In your browser’s address bar which is on the top of your screen, to show a branded button for some apps, you have to add a specific string to the end of your current URL.

Step 7: Paypal.

When you add ?shopify-debug=true&show=PayPal, a branded button for Paypal will appear.

Step 8: Amazon.

When you ?shopify-debug=true&show=Amazon, a branded button for Amazon will appear.

Step 9: Apple Pay.

When you add ?shopify-debug=true&show=ApplePay, a branded button for Apple Pay will appear. Remember that Apple Pay only available on Safari.

Step 10: Unbranded button.

When you add ?shopify-debug=true&show=checkout, an unbranded button will appear.

Step 11: Reload page.

After you have entered the string to the end of your current URL, press the Enter button to reload the page.

To test dynamic checkout buttons on your theme on Android

Step 1: Tap Store.

Open your Shopify app, then tap Store.

How to test dynamic checkout buttons on your theme on Android 1

Step 2: Select Online Store.

Scroll down to the Sales channels section. In this section, select Online Store.

How to test dynamic checkout buttons on your theme on Android 2

Step 3: Choose Manage themes.

At the third step, you need to choose Manage themes.

How to test dynamic checkout buttons on your theme on Android 3

Step 4: Tap Vertical Ellipsis.

You will see the Vertical Ellipsis button at the top right of the screen. Tap on it.

How to test dynamic checkout buttons on your theme on Android 4

Step 5: Tap View your store.

Then tap View your store.

How to test dynamic checkout buttons on your theme on Android 5

Step 6: Go to product page.

You can go to a specific product page to view all the button on that page. And if you want to test the featured product section’s buttons, you can choose to stay on the home page.

How to test dynamic checkout buttons on your theme on Android 6

Step 7: Add string.

In your browser’s address bar which is on the top of your screen, to show a branded button for some apps, you have to add a specific string to the end of your current URL.

Step 8: Paypal.

When you add ?shopify-debug=true&show=PayPal, a branded button for Paypal will appear.

Step 9: Amazon.

When you ?shopify-debug=true&show=Amazon, a branded button for Amazon will appear.

Step 10: Apple Pay.

When you add ?shopify-debug=true&show=ApplePay, a branded button for Apple Pay will appear. Remember that Apple Pay only available on Safari.

Step 11: Unbranded button.

When you add ?shopify-debug=true&show=checkout, an unbranded button will appear.

Step 12: Reload page.

After you have entered the string to the end of your current URL, press the Enter button to reload the page.

Conclusion

Above are all the stages that you will need to go through when testing the dynamic checkout buttons on your theme on Shopify. I hope that this instruction can support you and your crew to manage your theme.

Enjoyed the tutorial? Spread it to your friends!