On this page
Before you start
You need a published Tally form and Elementor. The free version of Elementor is enough, because both widgets used here, HTML and Shortcode, are free. The steps below were checked in Elementor 4.3.
Method 1
Tally’s code in the HTML widget
- In Tally, open your form, go to Share and choose Standard embed.
- Set the options you want, such as hiding the title, a transparent background or dynamic height, and copy the code.
- In Elementor, click + at the top left to open the widgets panel, type HTML in Search Widget, and drag the HTML widget onto the page.
- Paste the code into the HTML Code field.
- Click Publish and view the page to check the form.
The catch
The options live inside the code. To hide the title later, or change the height, you go back to Tally, set the option again and paste new code. Every form on the site carries its own copy of the code, and a popup needs a different snippet.
Method 2
The Shortcode widget with Embed for Tally
Embed for Tally is a free plugin that gives you a [tally_form] shortcode, which Elementor can show with its Shortcode widget. It’s in review on WordPress.org and will be installable from the Plugins screen once it’s approved.
- In Tally, open your form, go to Share and copy the share link. The form ID is the part after
/r/, for exampleabc123inhttps://tally.so/r/abc123. - In Elementor, click +, search for Shortcode, and drag the Shortcode widget onto the page.
- Paste your shortcode into Enter your shortcode, then click Apply. The form appears in the editor.
- Click Publish.
The simplest shortcode is just the ID:
[tally_form id="abc123"]Add options as attributes. This one hides the form title and makes the background transparent, which suits a form placed on a coloured Elementor section:
[tally_form id="abc123" hide_title="1" transparent="1"]hide_title="1"hides the form’s title.transparent="1"removes the form’s background.align="left"aligns the form’s content to the left.height="600"withauto_height="0"gives the form a fixed height in pixels. By default it grows to fit.
Tip: set your defaults once
If most of your forms use the same options, set them under Tally Forms → Settings in WordPress. Every shortcode then uses them, and you only write the ID.
Show the form as a popup
Add mode="popup" and the page shows a button that opens the form in a centred popup:
[tally_form id="abc123" mode="popup" button_text="Contact us"]Use mode="slidein" for a card in the bottom-right corner instead. You can also open the form by itself after a few seconds and close it after it’s sent:
[tally_form id="abc123" mode="popup" button_text="Contact us" open_delay="10" auto_close="3"]The button uses your theme’s button style. If it doesn’t match your design, add button_style="basic" for the plugin’s own plain style.
Elementor’s Button widget won’t open a Tally popup
Tally can open a popup from a link that starts with #tally-open=, and that works with the WordPress Buttons block. In Elementor it doesn’t: Elementor handles links starting with # itself, so nothing happens when the button is clicked. Use the shortcode’s button, or Tally’s own popup code in an HTML widget.
For more on popups, including exit intent and scroll triggers, see How to add a Tally popup form to WordPress.
Which method should you use?
- Tally’s code in an HTML widget works well for a single form you rarely change, and needs no extra plugin.
- The Shortcode widget is easier when you have several forms, change options often, or want popups and slide-ins with one line. The same shortcode also works in Divi, Bricks, the classic editor and widgets.
Using the block editor instead of Elementor? The guide to embedding a Tally form in WordPress covers the Tally Form block.