# How to show a popup on a button click

Original URL: https://www.fireplugins.com/docs/howto/how-to-trigger-a-popup-on-click/
Last updated: 2025-08-04T16:40:55+03:00

You can use FireBox to show a popup when a user clicks a button or any element on the page. Making a popup that appears when a button is clicked can be a powerful way to boost conversions.

 FireBox offers various ways to trigger a popup on click. Below, we will list all possible ways.

 ## Using the Click Trigger Point

 The Click Trigger Point is one of the easiest ways to trigger a popup by clicking an element such as a link, button, image, or any other element.

 You can read more here: [The Click Trigger](https://www.fireplugins.com/docs/triggers/click/)

 ## Using the block actions

 Gutenberg blocks, such as buttons and images, provide a new panel called “FireBox” that lets you display a popup when you click on them.

 You can read more here: [How to trigger an action on click](https://www.fireplugins.com/docs/firebox/tips-and-tricks/how-to-trigger-an-action-on-click/)

 ## Using HTML Data Attributes

 In order to utilize data attributes to trigger a popup, you’ll need to access the HTML of the link, button, image, or any other element you’d like to trigger the popup.

 You can read more here: [How to trigger a popup using HTML Attributes](https://www.fireplugins.com/docs/firebox/how-tos/how-to-trigger-a-popup-using-html-data-attributes/)

 ## Using the Javascript API

 For more advanced scenarios, you can use the Javascript Events API to manipulate a popup on demand by calling methods such as open() or close() or even listen to events that trigger the popup such as beforeOpen, afterClose, etc..

 You can read more here: [FireBox Javascript API](https://www.fireplugins.com/docs/firebox/extending/firebox-javascript-api/)