Adding a Form to Shopify Store

December 6, 2023

Shopify is an eCommerce platform that allows anyone to set up an online store and sell products. Whether you need to get a simple store up and running today or you want to build a unique shopping experience for your customers, Shopify is made to be versatile and to grow with you.

If you are a Jotform user and want to embed your form to a Shopify page, this user guide is for you.

Getting the Embed Code for Shopify

  1. In the Form Builder, go to the Publish tab.
  2. On the left side, click Platforms.
  3. Search and click Shopify
Jotform Platforms
  1. Click the Copy Code button to copy your forms embed code.
Jotform Shopify Code Section

You are now ready to embed the form.

Adding Form to Shopify

  1. Log in to your Shopify dashboard, and click Pages under the Online Store section.
  2. Under Pages, click the page where you want to embed/display the form. Clicking the page will open the editor.
Shopify Integration Interface
  1. In the editor, click the Show HTML icon. It’s the icon to the far right of the other group of icons.
Shopify Integration Interface Pages
  1. Paste your form’s embed codes in the HTML box. If you’re editing an existing page with existing text/contents, paste the embed codes to where you want the form to appear.
  2. Click the Save button at the top or bottom of the page to save the changes.
Shopify Integration Interface Content
Notes
The form is not displayed when you click back the HTML icon to reveal the Visual Editor of your Shopify page. However, the script is still in the source/HTML. You only need to save the page, and that’s it.

If you notice an issue with your website after embedding the form using the embed codes for Shopify, that’s possibly a conflict. In this case, we highly recommend embedding your form using our iFrame method.
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

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

Comments:

  • Bree Aldridge - Profile picture
  • Najmin - Profile picture
  • jens.derwinger - Profile picture
  • SweetFeels - Profile picture
  • George - Profile picture
  • Linderace - Profile picture
  • Laween - Profile picture
  • OGO7700 - Profile picture
  • Renatus - Profile picture
  • diane - Profile picture