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 worksStandard embedPopupFull page embedSave website page and query parameters with hidden fieldsEmbed guides
How it works
Go to the
Share tab of your published form and choose your embed type.
A preview modal will open with embed options. Adjust the embed options of your choice.
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.
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.
- Remove Tally branding: remove the Tally branding from your forms.
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.
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.
- Remove Tally branding: remove the Tally branding from your forms.
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
originPage, ref and email, you will see originPage=/register, ref=downloads and [email protected] in your form submissions.https://company.com/register?ref=downloads&[email protected]
This is enabled by default for popups & full page embeds. For standard embeds only if you use the HTML snippet or JavaScript.