Key takeaways
- The easiest way to add a button is via the Theme Editor — most sections have a built-in button block you can add.
- For custom button placement outside existing sections, you need either code or an AI tool like Fudge.
- Linking a button to a page, product, or external URL is done in the button’s settings panel in the Theme Editor.
- Sticky add-to-cart buttons and header CTAs require code changes.
Buttons are one of the most common customisation requests in Shopify. Whether you want a CTA in your hero, a link button in a content section, or a sticky “Buy Now” button — here’s how to add them.
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.
How to add a button in the Shopify Theme Editor
Most Shopify sections support button blocks natively. This is the quickest method.
Step 1. Go to Online Store → Themes → Customize.
Step 2. Navigate to the page and section where you want the button.
Step 3. Click the section to open its settings. Look for a Button block or an Add block option in the left sidebar.
Step 4. Add the button block. Enter the button label (the text displayed) and the link (where it goes when clicked).
Step 5. Save.
If you don’t see a button option in a section, that section’s template doesn’t include one. You’d need to either switch to a section that does, or add a button via code or Fudge.
How to link a button to a page in Shopify
In the Theme Editor, when you click on a button block, you’ll see a Link field. You can link to:
- A page — type
/pages/your-page-slugor use the page picker - A product —
/products/product-handle - A collection —
/collections/collection-handle - An external URL — paste the full URL
- An email address —
mailto:[email protected]
The link picker in the Theme Editor shows a searchable list of your pages, products, and collections.
How to add a button to a Shopify page content area
If you’re editing a basic page (Online Store → Pages) and want to add a button in the text content:
Step 1. Click the insert link icon in the page editor toolbar (it looks like a chain link).
Step 2. Enter your link text and URL.
This creates a hyperlinked text, not a styled button. To make it look like a button, you’d need to apply a CSS class or use a theme feature.
For a properly styled CTA button inside page content, it’s cleaner to add a button block via the Theme Editor (if your theme supports sections on pages) rather than the basic page editor.
How to add a sticky button in Shopify
A sticky add-to-cart button — one that follows the user as they scroll down a product page — is a conversion-boosting feature not included in most themes by default.
To add one, you have two options:
Option 1 — A Shopify app. There are several sticky add-to-cart apps on the App Store. This is the quickest route with no code changes needed.
Option 2 — Custom code via Fudge. Describe what you want to Fudge:
“Add a sticky add-to-cart bar to my product pages that appears when the user scrolls past the main ATC button. Show the product title, price, and a buy button.”
Fudge generates the code and adds it to your theme as a draft. You review and publish.
How to add a button in the Shopify header
Adding a CTA button to your store’s header (e.g., “Shop Now” or “Book a Call”) usually requires editing your theme’s header section.
In the Theme Editor: navigate to the header section and check if it has a Button or CTA block option. Some themes (like Dawn) include this; others don’t.
If your theme doesn’t support header buttons natively, it requires code — editing the header.liquid or equivalent section file to add a button element with your desired link and styling.
This is a common request. You can describe it to Fudge: “Add a ‘Get Started’ button to the right side of the header that links to /pages/contact.”
How to change button text in Shopify
Button text is set in the Theme Editor when you add or edit a button block. Click the button block in the section settings and update the Label field.
For buttons that appear in your theme’s language settings (like “Add to cart” or “Buy now”), go to Online Store → Themes → Actions → Edit languages. Search for the phrase you want to change and update it there. For a full walkthrough, see how to change button text in Shopify.
