Embedding a Táve Contact Form Into Your Website

How to embed your contact form into your website using iFrame

Nicole avatar
Written by Nicole
Updated this week

iFrame Code

After creating your contact form in Táve (follow this tutorial if you haven’t done so already), you can embed the form into the content of an existing page on your website using the iframe code provided in the dialog box that appears when selecting Embed Form next to the form.

IMPORTANT: You’ll need to have access to the html source code of the page you’re embedding this on. So you’ll need to look for something along the lines of “Edit HTML” or “Insert HTML”.

Redirecting an Embedded Contact Form

If you are redirecting your embedded contact form to a new URL, you'll need to add a specific script to your branding settings so that the redirect doesn't happen inside of the iFrame. To do this, simply go to Settings › Branding and then click on the Advanced Design › Page Footer HTML tab. You'll then copy and paste the following code into the box: 

<script id="RedirectJS" src="https://tave.com/static/Permalinks/InlineBreakout.js" type="text/javascript"></script>

It should look like this:

Using iFrame with WordPress

If you prefer to embed a Táve contact form into your WordPress website, instead of using one of our compatible WordPress contact form plugins, the Advanced iFrame plugin has been suggested for those whose WordPress theme doesn't support iFrame by default.

Did this answer your question?