Your first customization
Follow this walkthrough end-to-end and you’ll have a customized, on-brand homepage in about 15 minutes. Prep: have your logo file and one hero photo ready.
1 · Upload your logo
Open Theme settings
In the theme editor, click the gear icon in the bottom-left.
Go to Branding → Logo
Click Branding in the settings list, then find the Logo section.
Upload your file
Click Select image → Upload, choose your logo file (SVG or PNG with transparent background works best). Aim for a wide format (roughly 3:1 aspect ratio).
Set the logo width
Enter a pixel value — start with 120 for a compact wordmark, 160 for a
larger presence. The header adjusts automatically.
Save
2 · Set your favicon and OG image
Favicon
Back in Branding, find the Favicon setting. Upload a small square icon (the theme resizes it — 32×32 or 64×64 works fine).
Social share image
Find the Social sharing image setting. This is the default image that shows when someone shares any of your pages on Facebook, Slack, or LinkedIn. Use a 1200×630 image for best results.
3 · Pick your colors
Try a theme style first
Go to Theme settings → Theme styles and pick one — Warm Editorial, Bold Commerce, or Minimal Mono. This sets colors, fonts, and button styles in one click. See Theme styles for what each looks like.
Fine-tune a color scheme
Go to Theme settings → Colors and click the default background scheme. Change the Solid button background to your brand color. Save.
4 · Customize your hero
Click the hero on the homepage
Back in the editor, the top section on your homepage is the hero. Click it in the left panel.
Upload a hero image
In the right panel, find Image. Click Select image → Upload and upload your hero photo. Landscape photos work best; aim for 2400 pixels wide.
Write your heading
Edit the Heading field — this is your main headline. Keep it short (5–7 words). Something like “Handmade in small batches” or “Skincare, backed by science”.
Write a subheading
The Subheading field is one line under the heading — a supporting phrase or tagline.
Set the primary CTA
Button label = the button text (e.g. “Shop now”). Button link = choose where it goes. Click Select and pick a collection, product, or page.
Save
5 · Add your first section
Scroll the left panel to the bottom
You’ll see Add section at the bottom of the sections list.
Pick a section
Try Featured collection — showcase a collection of your best products.
Select the collection
In the section settings, pick which collection to show. If you haven’t created one yet, do that in Products → Collections in Shopify admin first.
Adjust the layout
Choose a grid layout (usually 3 or 4 columns on desktop, 2 on mobile).
Save
6 · Preview and publish
Preview on mobile
Click the phone icon at the top of the center preview to check the mobile layout. Most shoppers see your store on mobile first.
Publish
If this theme isn’t live yet: go back to Online Store → Themes, find your customized theme in the Theme library, and click Actions → Publish.
Next up. Now that you have the basics, browse the Homepage sections reference to see the full library of blocks you can add — from countdown timers to testimonials to Instagram-style galleries.