Formstally.so/r
Can you embed Tally in an iframe?
Yes, with the embed link from the Share tab. Embedding is a free Tally feature.
Checked Test again
Live check
Two links, two results
Share linkEmbeddable
tally.so/r/mRoDv3- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 346 ms · HTTPS
Embed linkEmbeddable
tally.so/embed/mRoDv3?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 217 ms · HTTPS
Steps
How to embed Tally
- Publish your form in Tally.
- Open the Share tab of the form.
- Select Standard as the embed type.
- Set the options, such as height, dynamic height, hide form title, and transparent background.
- Click Get the code or Copy embed link. Paste it into your page.
Embed code
Paste this into your page
HTML
<iframe
data-tally-src="https://tally.so/embed/{form-id}?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1"
loading="lazy"
width="100%"
height="200"
frameborder="0"
marginheight="0"
marginwidth="0"
title="{form title}"></iframe>
<script src="https://tally.so/widgets/embed.js"></script>
<script>Tally.loadEmbeds();</script>The widget script reads data-tally-src. Call Tally.loadEmbeds() after the script loads.
URL patterns
Swap the link you have for the embed URL
- You havetally.so/r/{form-id}Use in the iframetally.so/embed/{form-id}?{options}
The sample embed link sets an option on with 1, for example hideTitle=1.
Good to know
- Embedding is free. Removing Tally branding and a custom domain need Tally Pro.
- Changes to the form show in the embed at once. Copy the code again after you change the embed options.
- Dynamic height fits the Standard embed to the form, so no scroll bar shows.
- The embed sends page and query parameters to the form. Add hidden fields with the same names to save them.
- For a Standard embed, parameters go to the form only when you use the HTML snippet or JavaScript.
Sources
- Tally Help · Embed your formtally.so/help/embed-your-form
- Tally Developer Docs · Embedsdevelopers.tally.so/widgets/embeds
- iframecheck live check · both links
Profile updated