> 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-how-to-create-a-new-engage-cta.md).

# How to Create a Popup With Engage

Create a popup or call to action with Engage: pick a template, choose which pages it shows on, and test it.

Engage is where you build popups and other calls to action (CTAs) for your website, like a guide download, a newsletter signup or a "Schedule a Call" button. You start from a template, change the words and image, then choose which pages it shows on.

## Create the CTA

{% stepper %}
{% step %}

### Click New CTA

Go to **Site Tools** > **Engage**, click **New CTA** and choose **Start From A Template**.

![The Engage list with the New CTA button highlighted](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-7ee5b5c5b55eb931a655138db1a8359424a5d5b8%2Fengage-1-new-cta.png?alt=media)
{% endstep %}

{% step %}

### Pick a template

Find the one you want, like **Real Estate Guide - Modal** or **Newsletter - Below Content**, and click **Add This CTA**. The name tells you its style: a **Modal** pops up over the page, **Below Content** sits under your page content, and an **Alert Bar** runs across the page.

![The CTA template gallery](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-deb8293027b3957da83157e373357603fa077068%2Fengage-2-templates.png?alt=media)
{% endstep %}

{% step %}

### Name it

Type a name only you'll see, like "Buyer Guide Popup", and click **Create CTA**. It's added to the top of your Engage list.
{% endstep %}

{% step %}

### Change the words and image

Click **Edit** next to it. Click any text or image in the preview to change it. If it has a form, click the form, then the pencil next to **Lead Form** to change the fields, the button and what happens after someone submits. Click **Save**.

For all the settings, see [How to Change a Popup's Settings in Engage](/site-tools/engage/articles-engage-editing-your-ctas-within-engage.md).
{% endstep %}

{% step %}

### Choose where it shows

A new CTA doesn't show anywhere until you pick its pages. In the editor, click the crosshair (**Target**) in the top bar and choose the pages, like **Pages** > **Buyers**, or **All Posts** to show it on every blog post. Click **Save**.

<figure><img src="https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-8aa49da0658be49fa15f8a1c67a83f011371e554%2Fengage-4-target.png?alt=media" alt="The Target panel with page types like AgentFire IDX, Area Guides, Pages and Posts" width="450"><figcaption></figcaption></figure>

You can also do this from the Engage list: click **Actions** > **Targets** next to the CTA.
{% endstep %}

{% step %}

### Test it

Open one of those pages in a private or incognito window. Scroll down or wait, depending on its trigger in the gear (**Settings**).
{% endstep %}
{% endstepper %}

## Open a popup from a button instead

To open a popup when someone clicks a button or link, give it an **Engage Link**:

1. In the Engage list, click **Actions** > **Engage Link** next to the CTA.
2. Type a short link that starts with `#`, like `#buyer-guide`, and click **Save**.
3. In the page editor, set your button's link to that same text, like `#buyer-guide`.
4. On the button's **Advanced** tab, add the CSS class `engage-trigger-link`, then click **Save**.

For screenshots of each step, see [Engage: Creating an Engage Link](/site-tools/engage/engage-creating-an-engage-link.md).

## Common Questions

<details>

<summary>I made a popup but it isn't showing.</summary>

Check that it has pages under **Target**. Then open the page in a private window and wait or scroll, depending on its trigger. If you've already closed it once, close all your private windows first, then open a new one.

</details>

<details>

<summary>Can I build a popup without a template?</summary>

Yes. Choose **Build A Custom CTA** instead of **Start From A Template**. Templates are quicker because the layout and form are already set up.

</details>

<details>

<summary>Where do the leads go?</summary>

To **Leads** > **Lead Manager**, and on to your CRM if you've connected one. To tag them for your CRM, click the form in the editor and open **Form Notifications**.

</details>

<details>

<summary>Can the same popup show on several pages?</summary>

Yes. Pick as many pages as you like under **Target**. You don't need a copy for each page.

</details>

<details>

<summary>Can you set up a popup for me?</summary>

Yes. Email <support@agentfire.com> with the template, the wording and the pages. A popup with a custom design is AgentFire Plus work or a quote, and we'll let you know which.

</details>
