How to change buy know button text to Checkout

Store Design
,

Topic summary

A user asks how to change the “Buy Now” button text to “Checkout” in their Fabric theme Shopify store.

Two main approaches are provided:

Method 1 (Theme Language Editor):

  • Navigate to Online Store > Themes > Actions > Edit languages
  • Search for “Buy Now” and replace with “Checkout”
  • This changes text globally without code editing

Method 2 (Custom JavaScript):

  • Create a snippet called “update-accelerated-checkout-button-text.liquid” with custom JavaScript
  • Add the render tag before the closing tag in theme.liquid
  • Uses a front-end workaround to dynamically change button text

Important limitations noted:

  • The JavaScript solution only affects the default unbranded button
  • Branded options (Apple Pay, Google Pay) won’t change
  • May cause slight visual flicker during page load
  • Solution could break if Shopify updates their platform

Screenshots demonstrate the implementation and final result showing the “Checkout” button text.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Fabric theme

2

Hi @NotYourBeast

To change the “Buy Now” button text to “Checkout” on your Shopify store (using themes like Dawn or others), you can do this in a few ways:

Method 1: Change Button Text via Theme Language Editor1. Go to your Shopify Admin.

  1. Navigate to Online Store > Themes.

  2. Find your current theme and click Actions > Edit languages.

  3. In the search bar, type “Buy Now”.

  4. Locate the string for the “Buy Now” button text (it might be under Products or Cart).

  5. Replace “Buy Now” with “Checkout”.

  6. Save your changes.

This method changes the text globally without editing code.

Method 2: Edit Button Text in Theme Code (if language editor doesn’t work)1. Go to Online Store > Themes > Actions > Edit code.

  1. Open the product template or section file where the button is rendered, often sections/main-product.liquid or templates/product.liquid.

  2. Search for the button markup containing “Buy Now”.

  3. Replace the button text with “Checkout”.
  1. Save and preview your store.
3

Hi @NotYourBeast !

Unfortunately, Shopify doesn’t have a method to directly change the text content of the default accelerated checkout button. However, a workaround for this would be to use a custom script to change the text content dynamically. Here’s a script that changes it to “Checkout”:

{% if template contains 'product' %}

{% endif %}

You need to add this text to a snippet. For example, you can create a snippet called “update-accelerated-checkout-button-text**.liquid**”.

After that, add the line {% render update-accelerated-checkout-button-text %} right before the closing tag in your theme.liquid file.

swym_1-1749806731233.png
swym_1-1749806731233.png1188×486 57.3 KB

Done? now the button will display with the “Checkout” text on your store as shown in the screenshot below:

swym_0-1749806164103.png
swym_0-1749806164103.png1582×1031 250 KB

Note: This script is more of a front-end workaround since Shopify doesn’t officially support changing the “Buy it now” text. It only affects the default unbranded button, so options like Apple Pay or Google Pay won’t be changed. There might also be a slight flicker as the button loads and the text updates. It’s working fine as of now, but if Shopify updates the setup, this solution might not work as expected.

I hope this helps!

If my response helped you, please consider giving it a like ( :+1: ) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.

Regards,

Matthew from Swym