How to Add Forms to Your Shopify Store

October 22, 2026

Jotform Form Builder for Shopify lets you add forms and surveys to your Shopify store without coding. You can use them to collect customer details, orders, payments, feedback, and requests, then manage all your responses in one place.

Getting the Shopify Embed Code

First, let’s get your form’s embed code so you can add it to your Shopify store. Follow these quick steps to get started:

  1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
Jotform Form Builder interface showing the Publish button in the orange navigation bar at the top of the page, ready to be clicked to access the form publishing options
  1. Then, in the menu on the left side of the page, click on Platforms.
  2. Next, under the All Platforms section, click on Shopify.
Jotform Publish page showing the Platforms option in the left-side menu and the Shopify option under the All Platforms section, ready to be selected to view Shopify embedding instructions
  1. After that, click on Embed Manually with HTML to display your form’s embed code. 
  2. Now, in the Dropdown menu that opens, click on Copy Code.
Jotform Publish page showing the Embed Manually with HTML option for displaying the form’s embed code, with the Dropdown menu open and the Copy Code option ready to be selected

Embedding Your Form to Shopify

Now that you have your form’s embed code, you can add it to your Shopify store using the Embed HTML element. Here’s how to get going:

  1. On your Shopify Admin page, in the menu on the left side of the page, click on Online Store.
Shopify Admin page showing the Online Store option in the left-side menu, ready to be selected to manage the store’s online storefront
  1. Then, in the menu that opens at the bottom of the Online Store section, click on Pages. 
  2. Next, on the Pages section, click on the existing page where you want to embed your form.
  3. Now, if you don’t have an existing page, click on Add Page at the top-right of the page
Shopify Online Store menu showing the Pages option, with the Pages section displaying existing pages to select for embedding a form and the Add Page button in the top-right corner for creating a new page
  1. Then, under the Content section, click on the Source Code icon. 
  2. After that, paste your form’s embed code into the Content box. 
  3. Once you’re done, click on Save at the top of the page. 
Shopify page editor showing the Source Code icon under the Content section, the Content box for pasting the form’s embed code, and the Save button at the top of the page to save the changes

That’s it! Your form is now embedded in your Shopify store using the Embed HTML element. Take a look at the screenshot below to see what it looks like:

Shopify store page displaying the embedded Jotform form using the HTML embed code

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Maribeth Hemphill - Profile picture
  • CareMate Pty Ltd - Profile picture
  • Adam Jabbar - Profile picture
  • Bree Aldridge - Profile picture
  • Najmin - Profile picture
  • jens.derwinger - Profile picture
  • SweetFeels - Profile picture
  • George - Profile picture
  • Laween - Profile picture
  • diane - Profile picture
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.