How to Customise a Shopify Theme With Claude (Without Hiring a Developer)
Your Shopify store is set up. Now it needs to look like your brand and sell like a real store. Shopify’s theme editor handles colours, fonts and layout without code, and for everything it can’t do, Claude can write custom sections that you add in a few clicks. This lesson shows you how to duplicate your theme safely, get the most from the editor, prompt Claude for a custom section, add and test it, and keep your store fast.
To customise a Shopify theme with Claude, duplicate your live theme first, use the theme editor for colours, fonts and layout, then ask Claude to write a custom Liquid section with its own settings. Add it under Edit code › sections, place it in the theme editor, preview on desktop and mobile, and publish the duplicate when you’re happy.
- Always work on a duplicate of your theme, never the live one.
- The theme editor already handles most design changes; use code only for what it can’t do.
- Ask Claude for sections with a settings schema, so you can edit text, images and colours in the editor later without touching code.
- Check speed after every change: every app and script you add slows the store.
- “Shopify theme customization” gets about 300 US searches a month with a keyword difficulty of 26 in Ahrefs (November 2026).
Step 1: Duplicate your theme
A duplicate is a safe copy you can change freely while customers keep seeing your live store.
- Go to Online Store › Themes in your Shopify admin.
- Click the three dots next to your current theme and choose Duplicate.
- Rename the copy with the date, for example “Main theme, edits 10 Nov”.
- Do all your work on the copy. Preview it as often as you like; customers won’t see it until you publish it.
Step 2: What the theme editor can already do
Click Customise on your duplicate to open the theme editor. Before you write any code, use it for:
| Change | Where in the editor |
|---|---|
| Logo, colours, fonts, button style | Theme settings |
| Homepage layout: hero, featured products, image with text, testimonials | Add section on the homepage |
| Product page layout: images, description, buy buttons, reviews block | Switch the page selector to Products |
| Header menu and footer links | Header and Footer sections (menus under Content › Menus) |
| Mobile preview | The phone icon at the top of the editor |
Most stores never need more than this. Start here, and only reach for code when you hit something the editor can’t do.
When you need code
Good jobs for a custom section
A comparison table, a size guide, a trust bar with delivery and returns details, an FAQ block with schema, a “why buy from us” grid, or a banner layout your theme doesn’t offer.
Leave these to apps or a developer
Checkout changes, subscriptions, complex product filters and anything that changes how orders or payments work.
Step 3: Prompt Claude for a custom section
Shopify themes are built from Liquid sections. A section with a settings schema shows up in the theme editor like any built-in section, with fields you can edit. Ask Claude for exactly that:
Replace the capitalised parts with your details, for example “trust-bar” and “a row of four icons with free delivery, 30-day returns, secure checkout and local support”.
Step 4: Add and test the section
- On your duplicate theme, click the three dots and choose Edit code.
- In the sections folder, click Add a new section, give it the same name you used in the prompt, and paste Claude’s code over the starter code. Save.
- Open Customise, click Add section on the page where you want it, and pick your new section.
- Fill in the settings: text, images, links and colours.
- Preview on desktop and mobile. If something looks wrong or the editor shows an error, copy the error or a description into Claude and ask for the fixed file.
Keep a copy of every section Claude writes in a folder on your computer. If you change themes later, you can add the same sections to the new theme.
Product and collection page tweaks
Your product pages earn the money, so customise them first:
- Trust bar under the buy button with delivery times, returns and payment options.
- Size guide or comparison table as a collapsible block.
- FAQ block that answers the questions customers ask before buying.
- Collection page intro: a short paragraph above the product grid, written around the keyword shoppers search for. It helps the page rank.
For SEO on Shopify, the product and collection basics are covered in how to start a Shopify store.
Step 5: Speed check and publish
- Run PageSpeed Insights on the preview link of your duplicate theme and compare it with the live theme.
- Compress images before uploading and remove apps you don’t use, since many add scripts to every page.
- Publish: when you’re happy, click the three dots on the duplicate and choose Publish. Your old theme stays in the library if you need to switch back.
That finishes the Shopify path. Next, everyone rejoins the main course for the launch checklist.
- Duplicate your live theme and rename the copy.
- Set your logo, colours and fonts in the theme editor.
- Ask Claude for one custom section, such as a trust bar, and add it to your product page.
- Check the duplicate on a phone and in PageSpeed Insights, then publish it.
You don’t need a perfect site to start earning. The One-Pager gets you there with one page.
The One-Pager Strategy
- Build and launch a single monetised page with AI in days, not months
- Low effort: one focused page instead of a 50-post content plan
- Runs alongside your job, no big budget needed
The Full System
- Full video course on running websites as a real business
- A dedicated course ebook to follow along with
- Private student group: share wins, ask advice and collaborate with other students
- Mentorship from me, and you can reach out whenever you’re stuck
- Regular updates in the group on what’s changing in SEO and AI
Compare everything on the courses page.
Back to the course: the launch checklist every new site needs.
Previous← Start a Shopify storeSummary: how to customise a Shopify theme with Claude
Duplicate your live Shopify theme and work only on the copy. Use the theme editor for logo, colours, fonts, homepage sections and product page layout. For anything it can’t do, ask Claude for a Liquid section with a settings schema and a preset, add it under Edit code › sections, place it with Add section in the editor and preview on desktop and mobile. Check speed in PageSpeed Insights, remove unused apps, then publish the duplicate.
Get each new lesson in your inbox
Join my email list and I’ll let you know as each lesson goes live. You’ll also get your free copy of The Borrowed Playbook: how to borrow the social media strategies already working for other products and use them to send traffic to your site, with little to no money.
- A heads-up when each new lesson is published
- Real case studies and what’s working right now
- The free Borrowed Playbook guide, sent straight away
You’ll join my newsletter. Unsubscribe anytime.
You’re in. Now check your inbox.
I’ve just sent an email to your inbox. Open it to grab your Borrowed Playbook. If it asks you to confirm your subscription first, click the button and the guide follows right after.
- Can’t see it? Check your Promotions or Spam tab and mark it “not spam”.
- Meanwhile, carry on to the launch checklist.
Frequently asked questions
Can I customise a Shopify theme without coding?
Yes. The theme editor lets you change your logo, colours, fonts, homepage sections and product page layout without code. For anything it can’t do, Claude can write a custom section that you paste in once and then edit in the theme editor.
Can Claude write Shopify Liquid code?
Yes. Ask Claude for a single Liquid section file with a settings schema and a preset. You add it under Edit code in the sections folder, and it appears under Add section in the theme editor.
Will editing my theme break my live store?
Not if you work on a duplicate. Duplicate your theme from Online Store, Themes, make all changes on the copy, preview it, and only publish it when it’s ready. Your old theme stays in the library.
How do I add a custom section in Shopify?
Open Edit code on your theme, click Add a new section in the sections folder, paste the code and save. Then open Customise, click Add section and choose your new section.
Do custom sections slow down a Shopify store?
Well-written sections with no external scripts barely affect speed. Apps and large images are the usual causes of slow stores, so check PageSpeed Insights after every change.
About Eugene Madondo
Eugene is a Cape Town-based SEO specialist and digital entrepreneur who has been earning online since 2012. He has worked in SEO at a tech startup, an agency and in-house tech roles, ran a consulting business, and has generated over $1.4 million from his own affiliate websites since 2020. He teaches website operators through Rank to Earn.
Back to the free website course overview, or see the tools I use on my resources page.