Shopify: Directly Embed my Form

  • Carlo Rovetto
    Asked on June 4, 2025 at 5:01 PM

    I can’t figure out how to get my jitform to show up on my Shopify website. I have followed different you tube vids showing how to embed the form into ‘ contact’ on Shopify. I went ahead and did that but don’t seem to find a contact button on my site. That seems like something within Shopify itself, but what I’d like to have happen is that when someone scrolls down my one page website they simply see the form right away with out having to to click anything. Any thoughts or suggestions? 


    Carlo

  • Eliza JotForm Support
    Replied on June 5, 2025 at 12:12 AM

    Hi Carlo,

    Thanks for reaching out to Jotform Support. You can embed your form in Shopify using its iFrame Code. Let me show you where to get the code:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
    2. In the menu on the left side of the page, click on Embed.
    3. Sselect iFrame from the options, and click on Copy Code.

    Shopify: Directly Embed my Form  Image 1 Screenshot 40 Once done, here's how you can add it to your Shopify page:

    1. On your Shopify Admin page, select Pages under the Online Store section on the left-side menu.
    2. Click on Contact, and click on the Show HTML icon on the right side of the Content section.
    3. Paste the iFrame code you copied from the form, and click on Save at the bottom.

    Shopify: Directly Embed my Form  Image 2 Screenshot 51 Take a look at the screenshot below to see my results:

    Shopify: Directly Embed my Form  Image 3 Screenshot 62Give it a try and let us know how it goes.

Your Reply