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


 

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
Want to display your pop-up in the left corner? You can do this by adding this CSS to your website (where you embed the popup):
<style> .tally-popup { left: 20px !important; right: auto !important; } </style>
 

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.
 

Show only once

Turn this option On, if you want your visitors to see the popup only once and then never again.
 

Don't show after submit

Turn this option On, if you want your visitors to see the popup until they submit the form and after submit never again.
 
 

Customize your popup

Customization options

You can fully control the design of your forms with the design options, available in the form builder. Read more about Tally’s customization options here.
 

Customize popups with a custom domain

Forms hosted on a custom domain can be customized by injecting Custom CSS or using the code injection box. Afterwards, paste your custom domain form URL in the Custom domain 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
 

Save website page and query parameters with hidden fields

The website's page and all query parameters will be automatically forwarded to the Tally form and could be saved using hidden fields. For example, if your page's URL looks like the one below and you have hidden fields for originPageref and email, you will see originPage=/registerref=downloads and [email protected] in your form submissions.
 
https://company.com/register?ref=downloads&[email protected]
 
 

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

Add a popup form to your Notion site

 
Help