---
title: Create a ‘Tool Tip’ Popup
description: "Popups can serve as 'tool tips' on any front-end content inside a web browser. Tool tips provide a way to deliver supplemental content to page visitors. This article explains how to configure Popup Maker to create such a popup.  ###…"
url: "https://wppopupmaker.com/docs/apply-popup-maker/create-a-tool-tip-popup/"
updated: "2024-12-24"
category: How To / Apply Popup Maker
---

# Create a ‘Tool Tip’ Popup

Popups can serve as 'tool tips' on any front-end content inside a web browser. Tool tips provide a way to deliver supplemental content to page visitors. This article explains how to configure Popup Maker to create such a popup. 

### Create a Popup and Select a 'Click Open' Trigger

![file XonAR5m3g9](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5af0b2480428631126f1c808/file-XonAR5m3g9.png)

1. Open the Popup Editor and scroll down to the Popup Settings box. 
2. Select the 'Triggers' option tab and 'Triggers & Cookies' option category. 
3. Select the 'Add a New Trigger' button and add a new 'Click Open' trigger.

**Related article:**  ['Triggers' option settings](https://wppopupmaker.com/docs/the-popup-editor/popup-settings-box-triggers-option-settings/)

### Tool Tip Popup Configuration in the 'Popup Settings' Box

The following *Popup Settings* box settings are recommended to configure a tool tip popup. 

**1) 'Triggers' option -> 'Triggers & Cookies' category;** do not add or link a cookie to the 'Click Open' trigger. The popup should be able to redisplay whenever a visitor selects the trigger in the browser. 

![file wzLCOlHSIG](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5af0ea2b0428631126f1cad6/file-wzLCOlHSIG.png)

---

#### Display Option Settings 

See the following related article for guidance on the *Display* option settings in the *Popup Settings*box.

**Related article:**  ['Display' option settings](https://wppopupmaker.com/docs/the-popup-editor/popup-settings-box-display-option-settings/)

**1) 'Display' option -> 'Size' category; **

- **Size: '**Custom';
- **Width**: 250 pixels (px);  // Recommended starting value. Vary as needed. 
- **Auto Adjust Height (checkbox)****:**checked.

![file](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5af0eac92c7d3a3f981f5621/file-F8xh81QH2D.png)

---

**2) 'Display' option -> 'Animation' category; **

- **Animation Type:** Fade (plugin default);
- **Animation Speed:** 0 ms (milliseconds) (plugin default: 350 ms).

![file duZFwyIefc](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5af0eb422c7d3a3f981f5623/file-duZFwyIefc.png)

---

**3) 'Display' option -> 'Position' category; **

- **Position from Trigger (checkbox): **checked ('on' / enabled )
- **Location:**Select from among the 9 popup anchor positions.  When the 'Position from Trigger' checkbox is selected, the popup *anchors relative to the position of the trigger inside the browser window. *Position range sliders will appear beneath the 'Location' option to provide pixel level adjustment.

![file oiX7Bq0bhs](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5af0ecf62c7d3a3f981f562d/file-oiX7Bq0bhs.png)

---

**4) 'Display' option -> 'Advanced' category; **

- **Disable Overlay (checkbox):**checked ( 'on' / enabled )

![file ECLYs2DiT3](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5ab3cd2d2c7d3a56d8873901/file-ECLYs2DiT3.png)