video guide

Embedding a typeform in Shopify

  • 7 July 2021
  • 2 replies
Embedding a typeform in Shopify
Userlevel 7
Badge +5
  • Tech Community Advocate
  • 6240 replies

Looking to embed your Typeform onto a Shopify site? Follow the steps below to add your form to your website!



To get started, copy the code for your form by going to Share → Embed. 


There are two separate ways to embed your form into Shopify, depending on if you’d like your form to take the entire page or sit on an existing page. 




Option 1: Adding your form as a anything other than a full page embed


Copy the code and head over to your Shopify site and click on the page you’d like to add your Typeform. Then, choose the HTML option shown below and add your Typeform code. 




Finally, click the Save button to save the changes you’ve made. You may not see the Typeform in the Shopify builder, but you will see it on the live version. 


Option 2: Adding your form as a full page embed


You’ll need to be comfortable editing the code in your theme. Please note that we are not able to troubleshoot custom code or provide support for Shopify themes. 


After you grab the embed code in the Typeform builder, click on Theme → Actions → Edit Code.




Then, create a new page template and add in the Typeform code: 



Finally, you’ll add this as a page to your site by creating a new page and using the template you just created: 




2 replies

Userlevel 7
Badge +6

@Liz - thanks for this .. i could have used this a long time ago when trying to get my typeform into Shopify.. (i gave up then and created that tshirt site in typeform alone lol) .. now i can try again!! lol



Userlevel 7
Badge +5

Haha yes!! I hope this helps. Can’t wait to see the t-shirt shop on Shopify, @john.desborough !