How to show a popup on a button click

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

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

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

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