How to Change Button Text in Shopify (2026)

Last updated
Expert reviewed
5 min read
Jacques Blom
Jacques Blom
CTO at Fudge.

Key takeaways

  • Section buttons (hero CTAs, feature block buttons) are edited directly in the Theme Editor section settings.
  • System buttons like “Add to cart” and “Buy now” are edited via Online Store > Themes > Actions > Edit languages.
  • You can’t change “Add to cart” by clicking on it in the preview - it’s a language string, not a section setting.
  • If you need a button that doesn’t exist yet, Fudge can add one from a plain English description. See also: how to add a button in Shopify.

There are two types of buttons in Shopify, and they’re edited in completely different places. Getting the wrong one is the most common source of frustration when trying to change button text.

Why you can trust us

We’ve built and customised hundreds of Shopify storefronts. We also built Fudge - an AI storefront editor with a 5.0 rating on the Shopify App Store.


The two types of Shopify buttons

Type 1 - Section buttons. These are buttons added as blocks inside sections - hero banners, feature sections, image-with-text blocks. The text is editable directly in the Theme Editor.

Type 2 - System buttons. These are buttons generated by Shopify’s core functionality - “Add to cart,” “Buy now,” “Continue shopping,” “Check out.” Their text lives in your theme’s language file, not in section settings.


Method 1 - Change section button text in the Theme Editor

Step 1. Go to Online Store > Themes > Customize.

Step 2. Navigate to the section containing the button.

Step 3. Click the section in the left sidebar to open its settings.

Step 4. Find the button block in the section settings. Click it to expand.

Step 5. Update the Label or Button text field with your new text.

Step 6. Click Save.

The change is visible immediately in the preview. If you can’t find the button in section settings, it may be a system button - see Method 2.


Method 2 - Change “Add to cart,” “Buy now,” and other system button text

Shopify’s system buttons are controlled by a language file. You can’t edit them by clicking in the Theme Editor preview.

Step 1. Go to Online Store > Themes.

Step 2. Click Actions > Edit languages on your active theme.

Step 3. Use the search bar at the top. Search for the exact phrase you want to change - for example, “Add to cart.”

Step 4. The search will surface the relevant field. Click into it and type your new text.

Step 5. Click Save.

Common system button strings and where to find them

ButtonSearch term
”Add to cart”add to cart
”Buy now” / “Buy it now”buy it now
”Continue shopping”continue shopping
”Check out”checkout
”Sold out”sold out

The Edit languages screen covers every translatable string in your theme. Use the search - the list is long.


What if the button text doesn’t update?

A few things to check:

Need a button that doesn't exist yet? Describe it to Fudge.
Try Fudge for Free

Changing button font in Shopify

If you want to change the font of buttons (not just the text), that’s controlled by:

Button font changes that go beyond what the Theme Editor exposes require CSS. If you’re not comfortable with that, Fudge can make targeted CSS changes to your button styles from a plain English description.


Quick reference

What to changeWhere to go
Hero / section CTA button textTheme Editor > click section > button block
”Add to cart” textThemes > Actions > Edit languages
”Buy now” textThemes > Actions > Edit languages
Button font / styleTheme settings > Typography or CSS
Jacques's signature
Change any button text or style — just by describing it.

You might also be interested in

How to Add a Link to Text in Shopify (2026)
Learn how to add clickable links to text in Shopify — in the page editor, Theme Editor text blocks, and in Liquid code. Step-by-step guide for 2026.
How to Duplicate a Section in Shopify (2026)
Learn how to duplicate a section in the Shopify Theme Editor - copy any section with its content and settings to quickly build out page layouts.
How to Hide a Section on Mobile in Shopify (2026)
Learn how to hide any section on mobile in Shopify — using the Theme Editor visibility toggle or CSS. Step-by-step guide for 2026.