Want to embed your Tally form on your website? Here's how it works:
Log in to your Tally account and head to the form you want to embed. Open the Share tab where you will find the embed options.
Click Standard and an embed model will open. You can optimise your form before embedding it by adjusting the embed styles:
- 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.
Once you’ve chosen your embed styles, you can copy the embed link or the embed code. Past this into your website or web page code to embed.
You can adjust the width and the height of your form by adjusting the embed code. For example: if you don't want to display your form full screen on your website page, you can adjust the width from 100% (full width) to 50%. The height and the width of the form can be expressed in pixels or percentages.
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.
Full page embed
Click full page embed to embed a form that covers the full page of your website. You can hide the form title and make the background transparent by adjusting the embed styles. Full page forms are always embedded in the middle of your website page.