How to embed a Tally form into Webflow
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
1. Link to Tally
- Start by creating and publishing a Tally form.
- Head over to the
Share
tab and copy your form URL.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa81c538f-46f4-460e-a4ec-1dba7af92e36%2FUntitled.png?table=block&id=d5d83f76-0135-40ea-b563-ae585ea6071d&cache=v2)
- 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 clickFull page
orStandard
depending on how you want your form to appear.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa79d522a-1a0a-450f-a348-ad9bf8e1925d%2FUntitled.png?table=block&id=7b4eee54-9703-4ea0-82a2-bb66a8122f5a&cache=v2)
- Adjust the embed settings, then click
Get the code
and copy the embed code.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F31806fad-a4f4-40db-8f05-a826798844dd%2FUntitled.png?table=block&id=da6cdc8f-8135-4810-9341-7a04eb28eb60&cache=v2)
- Go back into Webflow and drag an 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
Take a look at this tutorial, made by Tally user Tamilore Lawal.