Adding a Form to Shopify Store

October 19, 2021

Shopify is an eCommerce platform that allows anyone to set up an online store and sell their products. Whether you need to get a simple store up-and-running today or you want to go under the hood yourself and build a unique shopping experience, Shopify is built 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.

a. After you log in to your Shopify website, go to the Pages section.

b. Click the page from the list to where you want to add the form or click the Add Page button to add a new page for the form.

c. Copy the embed codes of your form. The following user guides will help you copy the embed codes:

Embedding a Form to a Web Page

Which Form Embed Code Should I Use

d. Go back to your Shopify’s page editor, click the Show HTML icon:

e. Paste the 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.

f. Save the changes, and that’s it. The Save button is at the top and bottom of the editor.

Note that the form is not displayed when you click back to showing 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’ll also experience a problem after embedding the form using the default embed codes, that indicates a possible script conflict. In this case, we highly recommend embedding your form using our iframe method: Getting the Form iFrame Code.

Was this guide helpful?
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: