How to Embed a Tally Form into Webflow

Webflow's native forms cover the basics. Embed a Tally form when you need conditional logic, multi-step pages, file uploads, or payments, all for free on Tally's side.

All Tally users can embed forms into Webflow for free.

There are several ways you can embed a Tally form into Webflow:

A link that links out from your Webflow site

A form embedded in your Webflow site

A popup form

Embedding code in Webflow (the Code Embed element, or custom code in page or site settings) requires a paid Webflow Site plan or a paid Workspace plan. On the free Starter plan, use method 1 and link to your form from a button.

1. Link to Tally 2. A form embed 3. A popup form Frequently asked questions Why use Tally instead of Webflow's native forms? Do I need a paid Webflow plan?Related Guides

1. Link to Tally

Start by creating and publishing a Tally form.

Head over to the Share tab and copy your form URL.

Insert a button into your Webflow site and simply add your form link to the button.

When you click the button, your visitors will be directed to your Tally form.

2. A form embed

Go to your Tally form, open the Share tab and click Full page or Standard depending on how you want your form to appear.

Adjust the embed settings, then click Get the code and copy the embed code.

Go back into Webflow and drag a Code Embed element into your existing design or create a new blank page for a full page embed.

Simply paste the code snippet into the HTML Embed Code Editor that pops up. Click Save & close.

From the top right click Publish → Publish to Selected Domains and check out the published result.

3. A popup form

Go to your Tally form, open the Share tab and click Popup.

Go back into Webflow, open the page settings of the page where you want the popup, and paste the snippet under Custom code → Inside <head> tag. To show the popup on every page, paste it in Site settings → Custom code → Head code instead. Click Save.

If your popup opens on a button click, select your button, go to Element settings → Custom attributes, and add the data-tally-open attribute from your popup code. Put the attribute name in the Name field and your form ID in the Value field.

From the top right click Publish → Publish to Selected Domains and check out the published result. The popup won’t show in the Designer, because custom code only runs on the published site.

Prefer a walkthrough? Take a look at this tutorial, made by Tally user Tamilore Lawal.

Frequently asked questions

Why use Tally instead of Webflow's native forms?

Tally adds conditional logic, multi-step forms, payments, and integrations. File uploads are available in Tally on every plan, while Webflow's native file upload field requires its Premium plan. On Webflow's free Starter plan, native forms are capped at 50 submissions in total; Tally has no submission limits.