All Collections
Settings
Adding a Contact Form to Wordpress
Adding a Contact Form to Wordpress

How to embed your Sprout Studio Contact Form to your Wordpress webpage

Justin Morabito avatar
Written by Justin Morabito
Updated over a week ago

Your Sprout Studio contact form can be embedded directly onto your website to make it seem like it's a part of the web page itself. To do this, you just need to have your Contact Form embed code handy. With this article, we will focus on how to attach your Contact Form to a Wordpress website.

To find your Contact Form embed code, go to Settings > Communication > Contact Forms and click the View Embed Code button underneath the Contact Form. You will have an option between 3 different codes. For Wordpress, any of these codes will work, but we suggest that you use the Script code on your site.

Once you're viewing your iFrame code, select all of the text and copy it. Go to your Wordpress site and go to your Contact page. On your Contact page, click on the Text button in the top right corner of the main content box to allow you to enter in HTML text. Paste your Embed Code in the main content box.

After you've pasted the code in, make any necessary changes to the code and click Publish in Wordpress to publish your page. If for any reason your form is cut off, you can fix it by simply changing the pixel height in the iFrame code (where it says height: XXpx; )


โ€‹Note: This method will only work with websites created from www.wordpress.org.

Did this answer your question?