> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/site-tools/engage/engage-creating-an-engage-link.md).

# How to Open a Popup When Someone Clicks a Button

How to make a button on your website open an Engage popup when someone clicks it, using an Engage link.

An **Engage link** opens one of your Engage popups when someone clicks a button, like "Get the Buyer Guide".

## Create the link

You need the popup first. See [How to Create a Popup With Engage](/site-tools/engage/engage-how-to-create-a-new-engage-cta.md).

{% stepper %}
{% step %}

### Open Engage Link

Go to **Site Tools** > **Engage**. Click **Actions** next to the popup and choose **Engage Link**.
{% endstep %}

{% step %}

### Name it

Type a short name after the **#**, like `buyer-guide`. Leave **Trigger** on **Default** and click **Save**.

![The Engage Link window with the name and Trigger fields](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-32df813a521bdd47bf2cabff6c1574ae32a74d02%2Fengage-link-1-dialog.png?alt=media)

The link, like `#buyer-guide`, now shows under the popup's name in the list.
{% endstep %}
{% endstepper %}

## Add it to a button

{% stepper %}
{% step %}

### Set the button's link

Go to **Pages** and click **Edit** next to the page. Click the button. Set its link to the Engage link, with the **#**, like `#buyer-guide`.
{% endstep %}

{% step %}

### Add the class

In the button's **Advanced** settings, type `engage-trigger-link` in **CSS Class**.
{% endstep %}

{% step %}

### Save and test

Click **Save**. Open the live page, not a preview link, in a private window and click the button.
{% endstep %}
{% endstepper %}

## Common Questions

<details>

<summary>My button doesn't open the popup.</summary>

Check the button's link matches the Engage link exactly, including the **#**, and that `engage-trigger-link` is in **CSS Class**.

</details>

<details>

<summary>Do I need an Engage link to show a popup?</summary>

No. Popups can also open by themselves on the pages you choose. See [How to Show an Engage Popup on a Page](/site-tools/engage/how-to-add-an-engage-cta-to-a-page.md).

</details>