How to add H1 Text on my shopify website (Theme - Atelier 2.1.6)

[raridesign]

I want to add h1 text on my website but don’t know where I should add it. Can anyone please help me?

[Dan-From-Ryviu]

For the homepage, your store name appears as the H1 tag. You can set this in your store admin under Settings > General > My Store.

On the product page, the H1 tag is the title of your product.

For other pages, the H1 tag is the title you create for that page.

[Donahue]

Instead of adding H1 text, what you actually need to add is the H1 tag. This can be done from customization theme page or adding H1 code block in liquid files directly.

[AndyX]

On most Shopify themes there’s already a single <h1> element on each page, because Google and screen‑readers expect exactly one top‑level heading. The Atelier 2.1.6 theme uses the store name as the <h1> on the home page, the product title on a product page, and the page title for custom pages (as Dan mentioned).

If you just want a large heading for a hero section or another block of text, the recommended way is to add a Rich text / Image with text section in the Online Store → Customize editor. Those sections let you enter a heading and subheading and the theme will output appropriate markup (usually <h2> or <h3>) and styles so the text is large without creating a second <h1>.

If you truly need to insert your own <h1>, you can edit the section’s Liquid file under Sections or Snippets in Edit code and wrap your custom text in <h1></h1>. Just make sure there is only one <h1> per page for SEO reasons. Otherwise use <h2> or <h3> tags for additional headings.

[hammad-ali]

you usually don’t need to manually add the H1 — it’s already in the theme.
But if you want to add a custom one, you can Go to Online Store > Themes > Customize

Open the page you want.

Add a Custom HTML or Rich Text block.

Insert your <h1> text there.

[devcoders]

Hi @raridesign

Step 1: Decide where you want the H1

Usually, you should have only one H1 tag per page, like:

• On the Home Page → the store name or main headline banner
• On the Product Page → product title
• On the Collection Page → collection title
• On the Blog Page → blog post title

If your theme already has one of these (most Shopify themes do), you don’t need to add another.
But if you want a custom H1 on your home page, follow the next steps.

Step 2: Open Your Theme Editor

1. Go to Shopify Admin → Online Store → Themes.
2. Click “…” → Edit code next to your active theme.

Step 3: Add the H1 Tag

You can place it in a section file, for example:

• sections/hero-banner.liquid
• sections/image-banner.liquid
• or create a new custom section.

Example code:

<h1 class="main-heading">Welcome to Our Store</h1>

If you want to make it editable:

<h1 class="main-heading">{{ section.settings.heading }}</h1>

Then in the schema:

{% schema %}
{
  "name": "Custom Heading",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Main Heading",
      "default": "Welcome to Our Store"
    }
  ],
  "presets": [
    {
      "name": "Custom Heading"
    }
  ]
}
{% endschema %}

Step 4: Add Styling (Optional)

In your CSS file (e.g., assets/base.css or assets/theme.css), you can add:

.main-heading {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

Step 5: Add the Section to Your Home Page

1. Go to Online Store → Customize.
2. Click “Add Section” → Custom Heading (the one you made).
3. Type your H1 text.

Best regards,
Devcoder

[Donahue]

Thank you for the Like here and if you have further questions on this part, feel free to ask.