Embed your form

 
You can embed a Tally form on any webpage, and fully customize it to make it blend in seamlessly. There are 3 types of embeds available:
  • Standard: embed your form as part of your web page
  • Popup: embed your form as a popup on your web page
  • Full page: embed your form as a full-page
 


 

How it works

Go to the Share tab of your published form and choose your embed type.
 
notion image
 
A preview modal will open with embed options. Adjust the embed options of your choice.
notion image
Get the embed code and add it to your website. You'll find more specific instructions for every embed type below.
 
ℹ️
Changes made to your Tally form, after embedding it on your site, will automatically be updated, without having to change the embed code. When you change the embed styles (for example: hiding the form title or making the background transparent) after embedding your form, you have to copy the code again and replace it on your website.
 
 

Standard embed

Start by adjusting the embed options explained below. Then click Copy embed link or Get the code and add the link or code to your website.
notion image
Options
  • Height: adjust the height of your form by adding the preferred height in pixels.
  • Dynamic height: automatically adjust the height of the embed to fit the form content. This will make sure the full form content will be displayed without a scroll bar. It’s useful to make the embed height responsive between form pages and both on mobile and desktop.
  • Hide form title: if you don't want to display the form title on your website.
  • Align content to the left: embedded Tally forms will be displayed in the center of your website by default. Use this option to align the form content on the left of your screen.
  • Transparent background: remove the default white background to make your form blend into your website.
  • Custom domain: To pass custom code injection (styles or scripts) to the embed, paste your custom domain form URL in the Custom domain field.
 

Popup

 

Full page embed

Use a full page embed if you want your form to cover the full page of your website. Start by adjusting the embed options explained below. Then click Get the code, copy and paste it in your web page's HTML.
notion image
Options
  • Transparent background: remove the default white background to make your form blend into your website.
  • Custom domain: To pass custom code injection (styles or scripts) to the embed, paste your custom domain form URL in the Custom domain field.

Save website page and query parameters with hidden fields

The website's page and all query parameters will be automatically forwarded to the Tally form and could be saved using hidden fields. For example, if your page's URL looks like the one below and you have hidden fields for originPageref and email, you will see originPage=/registerref=downloads and email=alice@example.com in your form submissions.
 
https://company.com/register?ref=downloads&email=alice@example.com
 
ℹ️
This is enabled by default for popups & full page embeds. For standard embeds only if you use the HTML snippet or JavaScript.
 

 
 

Embed guides

 
 
Help