--- title: "How to open a Popup on button link click in Elementor?" url: https://theplusaddons.com/docs/open-popup-on-button-click-in-elementor/ date: 2023-02-09 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want a popup to open when someone clicks a button — a newsletter form, a booking form, an offer? It is the most common popup there is. The..." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-open-a-Popup-on-button-link-click-in-Elementor_-1024x536.jpg word_count: 577 --- # How to open a Popup on button link click in Elementor? ## - The Plus Addons for Elementor Popup Builder widget creates the button and the popup together, so there is nothing to link up and no separate button widget to add. - Popup Builder is Pro only and does not appear in the widget panel of the free plugin; it is enabled under ThePlus Settings > Widgets. - Popup Builder offers Popup Type options such as Modal Popup, Slide, Reveal Content, and Corner Box, and it opens by default with a close icon, the Esc key, or a click outside it. Do you want a popup to open when someone clicks a button — a newsletter form, a booking form, an offer? It is the most common popup there is. The Popup Builder widget in The Plus Addons for Elementor creates the button and the popup together, so there is nothing to link up and no separate button widget to add. *To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, [click here](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/popup-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — the Popup Builder widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **Widget to enable:** Popup Builder, switched on under **ThePlus Settings > Widgets**. ## Step 1: Add the widget and choose a popup type Drag the **Popup Builder** widget onto the page. In **Content > Content**, pick a **Popup Type**: **Modal Popup** for a centred box, **Slide** or **Reveal Content** for a side panel, or **Corner Box** for a small box in a corner. ![The Popup Type choices in the Popup Builder widget](https://theplusaddons.com/wp-content/uploads/2026/09/tp-off-canvas-popup-type-wide-base.webp) ## Step 2: Add the popup content Set **Content Type** to **Template** and choose a saved Elementor template in **Select Content**, or pick **Content** to type into an editor. A template is the better choice for forms and anything with a layout. See [create a popup with an Elementor template](https://theplusaddons.com/docs/popup-with-elementor-templates/). ## Step 3: Choose Call To Action as the trigger **Select Option**, in the same section, decides what visitors click. It is already set to **Call To Action**, which places a button on the page. The other choices are **Icon**, **Lottie** and **Hidden**. ![Select Option set to Call To Action in the Popup Builder widget](https://theplusaddons.com/wp-content/uploads/2026/09/tp-off-canvas-select-option-wide-base.webp) ## Step 4: Set the button label and icon - **Button Text** — the label. Default *Click Here*; action words such as *Get the guide* work better.- **Icon Font** and **Select Icon** — an optional icon, or *None*.- **Icon Position** — before or after the label.- **Alignment** — left, centre or right, set per device. ![The Button Text field for the popup](https://theplusaddons.com/wp-content/uploads/2026/09/tp-off-canvas-button-text-wide-base.webp) Colours, typography, padding and border for the button are on the **Style** tab, in **Toggle Button**. ## Step 5: Publish and test Publish and click the button on the live page. The popup opens; by default visitors can close it with the close icon, the Esc key or a click outside it. ## Settings Reference | Setting | Where | Options | Default | | ------- | ----- | ------- | ------- | | Popup Type | Content > Content | Slide, Reveal Content, Corner Box, Modal Popup | Slide | | Content Type | Content > Content | Template, Content, Shortcode | Template | | Select Option | Content > Content | Icon, Call To Action, Hidden, Lottie | Call To Action | | Button Text | Content > Content | Free text | Click Here | | Icon Position | Content > Content | Before, After | After | | Alignment | Content > Content | Left, Center, Right | Center | ## Limitations - **Pro only.** The Popup Builder is not in the free plugin.- **One button per widget.** To open the same popup from several places on the page, use [a CSS class trigger](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/) instead.- **The button sits where the widget sits.** To pin it to the screen, turn on **Fixed Toggle Button** in Content > Extra Options. ## Troubleshooting ### There is no button on the page **Select Option** is set to Hidden or Icon. Set it to Call To Action. ### The popup opens but is empty **Content Type** is Template but no template is chosen in Select Content. ### I want another button or image to open it Give that element a CSS class and use [On Any Other Element's Click](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/). ## Related Docs - [Popup Builder widget: settings overview](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/) — every control in the widget.- [Open a popup by clicking any element](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/)- [Close a popup with Esc or an outside click](https://theplusaddons.com/docs/close-elementor-popup-with-esc-or-clicking-outside/)- [Open a popup on page load](https://theplusaddons.com/docs/trigger-popup-on-page-load-in-elementor/)