Eight Themes Support Documentation

How do I add H1 tags to the homepage?

Answer: The easiest way to directly add a H1 tag to the Home page template is to use the Custom HTML section. 

Please use the steps below for guidance, but please be aware we are unable to provide one-to-one support for this task because it involves theme customization.

Step 1: Within your Shopify admin section, go to Online Store.

Step 2: Under Themes, locate your theme and select Customize.

Step 3: On the left-side section menu, click Add section then add a Custom HTML section. (Ensure you are viewing your home page template.)

Custom HTML Section.png

Step 4: Select the Custom HTML block and enter your H1 tag.

Step 5: Save your changes.


Adding H1 tags

Here are two methods to help you add H1 tags.

Method 1: Edit the pre-populated html code

Editing the pre-populated code in the HTML box will ensure the theme's styling is maintained. Simply change the <h2> tags to <h1> and replace the text as shown below.

Custom HTML Example 2.gif

Method 2: Remove the default HTML text and add a clean code

If you have experience with HTML then you can remove the pre-populated code and enter your own that you can style yourself.

Add the following code into the HTML box and alter the text between the two tags, as shown below.

<h1>Your own custom h1, including any important keywords</h1>
 
Custom HTML Example.gif

 

Please note: Because adding H1 tags involves theme customization, we are unable to provide further one-to-one support. For further guidance, please seek assistance from a Shopify Expert.

Was this article helpful?