How to Test Dynamic Checkout Buttons on your Theme

Tran Anh Khoa
Khoa Tran September 21, 2018

Share:

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.

Related Posts:

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

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: 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: Test Paypal button.

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: Test Amazon button.

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: Test Apple Pay button.

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: Test 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 (Click here)

  • 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.</p> </li> </ul> </details>

    To test dynamic checkout buttons on your theme on Android (Click here)

    • 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 4
    • 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.](https://avada.io/shopify/docs/themes/)

Themes

Remove Shopify Payment Icons from Store Footer Shopify Payment Icons Add a Logo to Shopify Store on all page Customize Shopify Themes Edit Theme Code Change Language in Themes Register a Google Maps API Key Add Favicon Create Translation for your Theme Choose a Language for your Theme Add Alt Text to Theme Image Edit the Code Templates for Password Page Hide Store Name on Password Page Hide Footer on Password Page Remove Content From Dynamic Section Add Google Maps API Key to Theme Edit Password Page Settings Remove Password Protection From Online Store Show Dynamic Checkout Buttons For Some Products but Not for Others Publish Themes from the Theme Editor Publish a Theme from the Admin Add Password Protection to Online Store Set the Social Sharing Image Remove Dynamic Sections Rearrange Dynamic Sections Hide Dynamic Sections Add Dynamic Sections Add Google Translate Widget to your Online Store Find the Right Theme Edit Static Sections Duplicate Themes Search a Translation for Missing or Completed Fields Test Dynamic Checkout Buttons on your Theme Show Dynamic Checkout Buttons on Featured Product Section Hide Dynamic Checkout Buttons on Featured Product Section View Paid Themes Review and Update Translation Hide Dynamic Checkout Buttons on Product Pages Show Dynamic Checkout Buttons on Product Pages Remove Unpublished Theme Add an Updated Version of your Theme to your Online Store Share Theme Preview With Others Download Themes Try Paid Theme in your Store Buy Theme From Shopify Theme Store Add a Free Theme From the Admin Upload a Theme File From your Computer


Tran Anh Khoa
Tran Anh Khoa
Shopify Expert. Hi everyone ! My name's Khoa Tran. I'm a Shopify Expert from Vietnam. I have 5 years+ with Shopify Ecommerce Web design and I have been doing a lot of Shopify development.

Comments for Test Dynamic Checkout Buttons on your Theme



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up