Customize Shopify’s Dynamic Checkout Button to Unbranded ‘Buy It Now’

  • 1 min read

Are you using a Shopify theme that includes a dynamic checkout button on the product page? When you toggle it off, the ‘Buy It Now’ button disappears completely. When toggled on, it displays branded options like Shop Pay, Apple Pay and PayPal. While this is a built-in Shopify feature, you might prefer an unbranded ‘Buy It Now’ button. In this post, I’ll show you how to customize your Shopify theme to display a ‘Buy It Now’ button without any branding.

NOTE: I tested it in DAWN Theme, and it’s working.

Go to buy-buttons.liquid and somewhere in line 95 replace the {{ form | payment_button }} inside “if show_dynamic_checkout”, with the following codes:


          {%- if show_dynamic_checkout -%} 
            <button type="button" class="shopify-payment-button__button shopify-payment-button__button--unbranded" onclick="document.querySelector('[data-testid=sheet-open-button]').click();">Buy It Now!</button>
            <div style="display:none;">
            {{ form | payment_button }}
            </div>
          {%- endif -%}

Here’s the results:

Shopify ShopPay Payment BrandedShopify Buy it Now unbranded payment
Shopify Buy it Now! Button
  • Post author:
  • Post comments:0 Comments
  • Reading time:2 mins read

Leave a Reply