How to Upload an HTML File to Shopify

If you need to verify your domain ownership to Third-Party sites like Google Webmaster and Pinterest, you will be asked to upload a particular HTML file to the root directory of your Shopify account. This is normal – and is a valid security measure to make sure that a person is really the owner of an online entity (a Shopify online store in this case, but it’s the same for any website builder like Wix, Squarespace, etc.).

Don’t worry, we’ll provide you with step by step instructions right in this post. It’s really not that hard – so, you’ll be able to verify your site ownership as soon as you finish reading this article. Also, as you’re doing that, you might as well add Google Analytics in the mix so you can start tracking your visitors.

Upload HTML File to Shopify

Important Reminders in Uploading HTML Files

Remember these things when uploading an HTML file to your Shopify account:

  1. You can only upload an HTML file if you’re using a custom domain. Also, it should be set as your primary domain. So, if your Shopify URL goes something like xxxxx.myshopify.com, you won’t be able to verify your ownership to this domain on a third-party site.
  2. For verification purposes, you must disable your Shopify account’s password protection. Of course, you can enable this again after the verification process.

Steps to Uploading HTML file for Third-Party Verification Purposes

  1. Log in to your Third-Party account.
  2. Click on the option to verify your site via HTML or meta tag. If you’re using Google Webmasters, click on the Alternate Methods tab first.
  3. Select the entire meta tag or HTML code and copy it to your clipboard. For Mac users, you can use the cmd + C command. For PC users, you can hit Ctrl + C to do this.

The long line of meta tag/ HTML code looks something like this:

<meta name=“google-site-verification” content=“123ABC456def78910GhJxXxX” />

  1. Login to your Shopify account.
  2. Go to your Admin section.
  3. Click Online Store
  4. Click Themes.
  5. Find the theme that you’re using.
  6. Click Actions.
  7. Click Edit Code.
  8. Look for the Layout section and click on that.
  9. Click theme.liquid. This will open the code editor.
  10. Paste the meta tag/ HTML code you copied in step #3 below the first <head> tag that you see.
  11. Click Save.
  12. Go back to the third-party site and complete the necessary steps needed to finish up on the process of verification.

Uploading an HTML File to Your Shopify

Follow the steps we listed above to upload an HTML file to your Shopify root directory. This will allow the third-party site that you’re using to verify ownership of your online store so as to get their services. Do take note of the reminders we mentioned above as well.

If it’s your first time to verify a site for the use of a third-party service, don’t be overwhelmed by the number of steps (we simply broke them down into single actions per step). And more importantly, don’t be overwhelmed by all the codes you’ll see as you only need to copy/paste the HTML code anyway.

In the end, you’ll be proud of your accomplishment of tinkering with codes and realize that it’s really not that hard to upload an HTML file (for ownership verification purposes). What are you waiting for? Do it now.

2 thoughts on “How to Upload an HTML File to Shopify”

  1. Avatar
    Bethany Neumann

    I just want to say a huge THANKS! a zillion tutorials on this, and none (except yours!) specified the exact location of the code editor for a newbie like me. Thanks heaps!

Leave a Comment

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

Scroll to Top