Popup forms

 
Collect feedback from your audience, convert visitors into leads and offer promotions with Tally's beautiful popup forms. It’s free, up and running in seconds, and connects to all your favorite tools.
 
🎁
Popup forms are available for free to all Tally users
 

Create a popup

Start by creating a form and publishing it. You can start from scratch or choose one of our pre-made templates.
 
Publish your form, go to the Share tab and click Popup.
notion image

Popup options

The configuration panel lets you edit your popup, and on the right you will get a preview of how your popup will look like.
notion image
If you close the embed panel before copying the code, you will lose your embed settings. When you change popup options, you always need to click Get the code to get the latest version.
 

Open

Choose when you want your popup form to appear on your site.
  • On page load: the form will appear immediately when the page opens.
  • After elapsed time: the form will appear after a specified amount of seconds.
  • On exit intent: the form will appear when the visitor moves their cursor to the top bar of the browser window (not supported on mobile).
  • On scroll: the form will appear when the visitor has scrolled a specified % down the page.
  • On button click: the form will appear when a visitor clicks a button on your website.
 
Opening the popup on exit intent is not supported on mobile devices.
notion image

Position

Choose whether to display your popup in the center of your website or in the bottom right corner.
Popup in the bottom right corner of the page
Popup in the bottom right corner of the page
Popup centered on the page
Popup centered on the page
 

Width

You can change the width of the popup by adding the desired width in pixels.
 

Hide form title

You can choose to hide the form title in your popup.
Popup with a hidden title
Popup with a hidden title
 

Align content to the left

Use this option when you want to align the content of your popup to the left. This is especially useful when you increase the width of your form.
 

Dark overlay

Add a dark overlay on top of the content of your website to increase the visibility of your popup.
 

Emoji

Add an emoji attention seeker to your popup, and choose from our list of animations. Just type an emoji, and check the preview to see the animation in action.
notion image
 

Hide on submit

Hide the popup when a respondent has submitted your popup form. You can decided when the popup should close after clicking the closing button. If you want the popup to close immediately after form submission, choose 0 seconds.

Customize the popup

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.
notion image
 

Add the popup to your website

There's several ways to add to a popup to your website. You can simply copy the embed code and add it to your website's HTML code, or as a developer you can use JavaScript.

Copy the embed code

  1. Click Get the code  and copy the embed code.
  1. Paste the copied snippet below in your site's head or body HTML code.
notion image

Open on button click

When opening your popup on a button click, you need to instruct the Tally snippet to open the popup when clicking on a specific button. This requires an extra step:
  1. Copy and paste the snippet into your website's HTML code.
  1. Add the custom `data-tally` attributes to the button or any other clickable element.
or 2. Alternatively, if you cannot modify the button's HTML, you can open the popup by adding a link with a custom URL hash to text or a button on your site.
 
ℹ️
Example: https://yourwebsite.com#tally-open=wL58yn&tally-emoji-text=👋&tally-emoji-animation=wave
 
Open the popup on button click
Open the popup on button click
 

Collect URL parameters with hidden fields

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.
ℹ️
Example: acme.ince?name=marie&ref=email
 
 

Use JavaScript

Developers can add popups to a website using JavaScript. It comes in handy when you want to define your own business logic on when to open a certain popup. Copy the code examples and share them with your developer.
 

Add a popup form to your Notion site

 
Help