# Popup Content

Popup content is set per-feature that you create. This means that in every geography type (Location, Line, Polygon), there is a Popup section below the main geography options. This is where you can enter the content that will show in your popup.

<figure><img src="https://350198811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK5R35dCakOT16UkavAw2%2Fuploads%2FL51sKnUD7kcZI4TgaKTM%2Fpopup-contents.PNG?alt=media&#x26;token=346e0bb3-5983-4061-bb25-8c6e4b2f298f" alt=""><figcaption><p>Example Popup section from a Polygon.</p></figcaption></figure>

### Enable Popup

Turn this switch on to enable popups on this geography.

### Popup Template

Here is where you select a [Popup Template](https://wpmaps-docs.mapster.me/popups/popup-templates/introduction) that you've created (or one of the default that comes with the plugin).&#x20;

{% hint style="warning" %}
You must select a Popup Template in order for Popups to show!
{% endhint %}

### Interaction

Popups can open either on click or hover. If you choose Hover, you can choose whether to keep the popup **Open On Hover,** preventing it from being closed when the mouse moves off the point. You can also choose whether to enable **Click in mobile**, since there is no hover in mobile.

### Popup Header Text

Set the title header text.

### Popup Image Type

You can choose to upload a single **Featured Image**, or a set of images that make up a carousel **Gallery**.

### Popup Body Text

Enter any text you want into the Popup Body. By default, shortcodes will not work.

#### Dynamic Popup Body Text <sup><sub>*<mark style="color:green;">\[Pro]</mark>*<sub></sup>

Use feature properties or ACF fields to dynamically fill your popup!

<details>

<summary>Detailed Dynamic Content instructions</summary>

First, you'll need to make sure your features actually have the data. You can see properties from geographic data in any given feature under "Custom Properties", and ACF fields will show up in the appropriate post types.

The screenshot below shows where custom properties can be added if you're not using ACF fields.

<figure><img src="https://350198811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK5R35dCakOT16UkavAw2%2Fuploads%2FxQsls2IGxsotTCP7wtMo%2Fcustom-properties.PNG?alt=media&#x26;token=7ebf781e-7f4a-4fcc-a4ea-9819a81d7bbe" alt=""><figcaption></figcaption></figure>

Head to any post where you want to create an advanced popup (or use the Mass Edit to change multiple popups at once). You'll use some special syntax to tell the Category Filter which properties to include under which headers. The syntax looks like this:

Copy

```
 Here's some popup content showing the {property_name}
```

Or, for ACF fields:

Copy

```
Here's some popup content showing the {acf.field_r4nd0m5tr1ng}
```

If you are using an ACF field, enter "acf." and then the field id (shown below).

<figure><img src="https://350198811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK5R35dCakOT16UkavAw2%2Fuploads%2FlNctaUPJLOYAJioNPatl%2Facf-field-keys.PNG?alt=media&#x26;token=4ec31c36-ddab-4336-b50f-eb0d3b224f1f" alt=""><figcaption></figcaption></figure>

You can use this syntax in the popup header, the content, or the button text. The curly braced part will be replaced with the relevant property value or ACF value from that specific feature.

</details>

{% embed url="<https://www.youtube.com/watch?v=Fr8-G90ZsEI>" %}

### Render Shortcode <sup><sub>*<mark style="color:green;">\[Pro]</mark>*<sub></sup>

If you want your popups to render shortcodes, enable this. It may slow down the loading since it must render using Wordpress PHP.

### Popup Button Text

Enter the text to appear in the button.

### Popup Button Action

Select from a number of actions that can happen when the button is pressed. You can open the **Feature Post**, a **Custom URL**, a **Modal Display** with more content, **Google Maps Directions** to the point of the geography, or **do nothing**.

### Modal Details <sup><sub>*<mark style="color:green;">\[Pro]</mark>*<sub></sup>

If you selected to open a Modal Display, you can enter the modal details here. This is great for showing a lot more content than can fit nicely into a normal popup (as well as shortcodes).

### Open Link on Click

If you prefer to have the click open a link immediately instead of a popup, you can enable it here, then enter the **Custom URL** and choose whether it will open in a **New Window** or not.

### Open Popup On Load

Choose if you want this popup to open the instant that the map loads.<br>
