How To Add HTML Code In Shopify - STDetector
Shopify - pay only $1 /pm for 3 months   Free Trial
Detect Shopify Theme

Or go to our Shopify Theme Detector directly

How To Add HTML Code In Shopify

Last modified: March 12, 2023

How To Add HTML Code In Shopify
Shopify Trial

HTML is the building blocks of a website. Every site and CMS uses HTML code. That is why website developers and designers often have advanced HTML skills. Without it, they wouldn’t be able to customize sites for their customers.

Knowing how to change HTML or add it to your site is a wise skill to learn. There are lots of training centres online that can help you learn HTML. Once you’ve learnt the computer language, it will help you to build functions and appearance into your store. Then you can optimize your site’s design and performance. This can result in more conversions and better profits.

For instance, you might want to add HTML code in Shopify to help you build more function (like adding gift wrapping to your cart page) or make small changes to how your site appears. Or you might need to use HTML to add a Google code to the header section of your website for ownership verification, tracking and more.

Knowing the skills yourself can also save you lots of money as you won’t need to hire an expensive developer to complete basic tasks.

Step 1 – Login

The first thing you need to do is to login to your Shopify store using your login credentials.

Step 2 – Themes

Next go to your ‘Online Store’ and then themes. You will need to find the theme that you’re using.

Step 3 – Edit Code

Then you need to go to the ‘Actions’ and then ‘Edit Code’ options. This will open up all the documents that create your website. You need to find the folder that is relevant to your code. For instance, if you want to add a Google verification code to the header of your site, you would need to find the theme.liquid option.

Step 4 – Add The Code

When in the file, add the code in the relevant position. In our example for the Google Verification code, you would need to add this piece of content inbetween the <head> and </head> tags. This determines the header area of your website.

Step 5 – Save

Before you exit the code editor, you will need to save the changes you’ve made. They should then be published to your site.

Final Word: How To Add HTML Code In Shopify

Adding HTML code to your Shopify store isn’t challenging. The biggest problem you will have is making sure that your code won’t cause a crash of your site. There are some apps that can also help with adding code to your site.

One of the best code creators for Shopify stores is Code Customizer, this app not only allows you to create code in a unique code editor, but you can enable and disable them when you need them. This can allow you to test the code before you apply them.

In addition, you can check that you code works by entering it into this free code validator.

Remember that not everything on Shopify can have the code changed. Main Shopify operations and some apps won’t allow for additional CSS, JavaScript or HTML to be added to them. Others might allow for some additional coding. You should always check with the developer first.

  • How to Add HTML Tag to Shopify?

    Adding Shopify HTML codes is pretty simple and we lay out all the available options to do so on this page.

  • What are Shopify Custom HTML Codes?

    Go through our guide and understand all about Shopify HTML tags in depth.

One thought on “How To Add HTML Code In Shopify”
  1. Phoenixs Designs says:

    Thank you so much. I don’t know anything about coding but your step by step guide just helped me to add my google merchant verification code to my Shopify store.

Got Something To Say?

Your email address will not be published. Required fields are marked *