1. Help
  2. Advanced
  3. Sharing, embedding & notifications
  4. Embed your typeform on WordPress

Embed your typeform on WordPress

If you have a WordPress site and want to use typeforms, we have great news: you can use our embed code to seamlessly incorporate a typeform into your pages.

While we recommend embedding typeforms in WordPress to ensure optimal functionality, you can also use the Typeform WordPress plugin to incorporate a typeform into the WordPress platform. This article goes over both options.

If you're using a WordPress page builder like Elementor or Divi, you can also check out these links for specific instructions:

Embed your typeform on WordPress using the Typeform embed code

1. Grab your form's HTML embed code from Typeform using the embed feature in the Share panel. Click Copy code to do just that. 

newwp1.png

2. Open the WordPress Editor for the page where you'd like to embed the typeform. Add a block and choose the Custom HTML option.

newwp2.jpeg

3. Paste in your typeform embed code:

newwp3.jpeg

4. You can toggle between the HTML and Preview modes to see how your typeform will look on your page:

newwp4.jpeg

5. Make sure to save and/or publish all changes!

If you run into any issues using Typeform's embed code, check out our troubleshooting guide for embeds, or contact Support using the button at the bottom of the article. 

Embed your typeform using the Typeform WordPress plugin

You can use the Typeform WordPress plugin to embed an existing typeform into your WordPress page. Our team is currently working on updates to this plugin, and we recommend that you use Typeform's own HTML embed code to embed forms into Wordpress.org (see instructions above) for the best experience.

If you'd like to try the plugin first, read on for instructions:

1. Install the plugin. You can download it here. Log in to your WordPress.org account and follow these instructions.

HC_Warning_ilu_cropped.png
Warning! Using a WordPress.com site? Sorry, but due to their restrictions on external code, this plugin won’t work. It’s just for WordPress.org folks.

2. Now you’ll see the Typeform option in WordPress when adding a block:

newwp2.jpeg

Click this button to open the plugin and add a typeform to your page.

3. Paste in your typeform's share URL in the Typeform URL field - remember that your typeform must be published first!

newwp5.jpeg

You can now specify if you'd like your typeform to appear in Standard or Popup mode, what you'd like the width and height of the embed to be (for Standard embeds), and whether you'd like the Typeform scrollbarheader, and footer to show. 

4. Toggle between Edit typeform and View typeform (in the top-right corner of the block) to preview what your typeform will look like live. 

newwp6.jpeg

5. Make sure to save and/or publish all changes!

HC_Warning_ilu_cropped.png
Warning! Due to how WordPress is designed, it’s not possible to use the plugin to embed your typeform as a full page. Instead, you will need to create a new page and paste the embed code there (see instructions above).

Tap into our community knowledge

Find Answers
Contact Support