How to Upload HTML File to Shopify?

How to Upload HTML File to Shopify?

Learn how to upload an HTML file to Shopify with our complete guide. Read this step-by-step guide if you want to add additional HTML files to your website without breaking your live Shopify store.

Everyone has this question in mind.

Can I Add Custom HTML to Shopify?

You can indeed add unique HTML to Shopify. You can achieve this by utilizing a page builder tool or altering your store's theme files.

Your doubt is clear that you can add a custom HTML file to Shopify, now follow the step-by-step guide below.

To upload an HTML file to Shopify, follow these steps:

  1. Log in to your Shopify store's admin panel.
  2. Go to "Online Store" and then "Themes".
  3. Find the theme you want to edit and click "Actions" then "Edit code".
  4. In the "Assets" folder, click "Add a new asset".
  5. Choose "File" and then select your HTML file.
  6. Click "Upload file".
  7. In the "Snippets" folder, create a new snippet (if you don't already have one) by clicking "Add a new snippet".
  8. Give your snippet a name and paste the contents of your HTML file into the code editor.
  9. Click "Save".
  10. In the "Layout" folder, open the "theme.liquid" file.
  11. Find the place in the file where you want to add your HTML and insert the following code: {% include 'your-snippet-name' %}
  12. Click "Save".
  13. Go to your store's homepage to view the changes.

Note: Some of the steps can be different depending on your Shopify theme. You can refer to the theme's documentation or contact the support staff for advice if you're unsure.

How to Upload HTML Verification File to Shopify?

To upload an HTML verification file to Shopify, follow these steps:

  1. Log in to your Shopify store's admin panel.
  2. Go to "Online Store" and then "Themes".
  3. Find the theme you want to edit and click "Actions" then "Edit code".
  4. In the "Assets" folder, click "Add a new asset".
  5. Choose "File" and then select your HTML verification file.
  6. Click "Upload file".
  7. Make note of the URL of the verification file, which will be in the format of https://your-store-name.myshopify.com/assets/filename.html.
  8. Use the URL of the verification file to verify your website with the service that requires it (e.g. Google Search Console, Bing Webmaster Tools, etc.).

How to Upload an HTML Page to Shopify?

To upload an HTML page to Shopify, follow these steps:

  1. Log in to your Shopify store's admin panel.
  2. Go to "Online Store" and then "Pages".
  3. Click "Create page".
  4. Give the page a title.
  5. Change the page template to "Custom page".
  6. In the editor, switch to HTML mode.
  7. Paste your HTML code into the editor.
  8. Click "Save".
  9. Go to your store's homepage and click on the page link to view the changes.

Conclusion

After following the steps in this post, you can upload an HTML file to your Shopify website. If you face any difficulties, you can contact our Shopify developers and designers to help you in this process.

Back to blog