All Collections
Forms and Popups
Adding Form Code to Your Shopify Website HTML
Adding Form Code to Your Shopify Website HTML

For store owners who know almost nothing about coding

Amanda Payne avatar
Written by Amanda Payne
Updated over a week ago

I'll show you how to insert form code into the HTML code of your Shopify store.

Opening the theme editor

  1. Log in to your Shopify store. ​

  2. Go to the admin dashboard. In the left-hand menu, click Online Store.

  3. Select Themes.

  4. Find the Actions drop-down for the current theme and select Edit Code. The code editor opens.

open editor on Shopify store

In the code editor, locate the file where you want to insert the form code. This is often the theme.liquid file (depending on the theme).

locate the theme.liquid file

Highlight and copy the code and then save a backup before making changes. Copy the code in the editor and paste it into a text document.

In the code editor, find the appropriate place to insert your form code. This is typically between the <body> </body> tags.

place code between the body tags


Inserting your form code

This code is usually provided by your email marketing service or form provider. It includes HTML and possibly JavaScript code.

For example:

edit Shopify code

After inserting the code, save your changes in the code editor.

  1. Go back to the Shopify admin dashboard.

  2. Under Online Store, select Themes.

  3. Click Customize to preview your store. Make sure the form appears as intended.

  4. Submit a test through the form to confirm it works properly.

  5. If everything looks good, go back to the code editor and click Save. The form is now live on your Shopify site.

Enhance your Shopify site seamlessly! Elevate engagement with a stylish form—code it in, test it out, and let your audience connect effortlessly. Your website, your rules, your success! 🚀 #tinyEmailMagic #ShopifyMagic.

Did this answer your question?