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

  1. Go to the Share tab of your published form and choose your embed type.
  1. A preview modal will open with embed options. Adjust the embed options of your choice.
  1. Get the embed code and add it to your website. You'll find more specific instructions for every embed type in this blogpost.

๐Ÿ’โ€โ™€๏ธ Important: Changes made to your Tally form (for example: adding or removing questions), after embedding it on your site, will automatically be updated, without having to change the embed code.

Only 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.

Preview of a standard embed

Height

Adjust the height of your form by adding the preferred height in pixels.

Hide form title

Hide your form title if you don't want to display it 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.

Customization & remove Tally branding

Tally Pro users can fully customize forms and remove the Tally branding.

To customize the look & feel of your form, you need to connect your form to a custom domain, and apply custom styles. Then paste your custom domain form URL in the Customization field.

Read more about popup forms in this tutorial.

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.

Preview of a full page embed

Transparent background

Remove the default white background to make your form blend into your website.

Customization & remove Tally branding

Tally Pro users can fully customize forms and remove the Tally branding.

To customize the look & feel of your form, you need to connect your form to a custom domain, and apply custom styles. Then paste your custom domain form URL in the Customization field.

Embedding Hidden Fields

Standard and Full page embed

When using hidden fields in a Standard and Full page embed you need to add the the parameters and corresponding values to your embed URL or code.

For example: tally.so/embed/nPdDxn?name=marie&ref=email

When your popup form contains hidden fields, you need to add the URL query parameters to the URL of the website on which you're displaying the popup. The parameters will be automatically forwarded to the popup, and you will see them in your form submissions.

For example: acme.inc?name=marie&ref=email

FAQ

Can I embed my form on Notion?

You can embed a Tally form on your Notion pages by simply pasting the form embed link. Create an embed and adjust the size by dragging the model.

Notion template with an embedded Tally form

๐Ÿ’โ€โ™€๏ธ Important: Notion adds by default a beige background to their embeds (the same color as a standard Notion page). The Tally form background is transparent but if you are using dark mode in Notion you will see the beige background, set by Notion. Unfortunately, it is not possible to modify this via Tally.


Can I embed my form on Webflow?

Sure you can! Take a look at this tutorial about how to add a popup form to your webflow page.

Need help?

Visit the Tally Help Center for more information about our features and roadmap, join our Slack Channel for immediate support, or send us an email. We're here to help!