---
title: "How to Use Text as a Hotspot Pin in Elementor?"
url: https://theplusaddons.com/docs/use-text-as-a-hotspot-pin-in-elementor/
date: 2024-05-13
modified: 2026-09-22
lang: en
author: "Aditya Sharma"
description: "Numbered steps, prices, short labels - sometimes the pin itself should carry the information, and an icon cannot do that. Setting a pin's Pin Type to Text in the Hotspot..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Use-Text-as-a-Hotspot-in-Elementor_-1024x536.jpg
word_count: 487
---

# How to Use Text as a Hotspot Pin in Elementor?

## 

- The Plus Addons for Elementor Pro sets Hotspot Pin Type to Text, replacing the marker with whatever is typed while the rest of the pin stays the same.
- Pin Text starts at Theplus, and the published page shows the typed label, such as SALE, with no icon element rendered.
- Text pins are Pro only, one line only, and their width changes with the label, so long labels can overlap and may need Pin Position adjustments with Left (Auto / %) and Top (Auto / %).

Numbered steps, prices, short labels - sometimes the pin itself should carry the information, and an icon cannot do that.

Setting a pin's **Pin Type** to **Text** in the **Hotspot** widget replaces the marker with whatever you type, and everything else about the pin stays the same.

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/hotspots/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** Pro. The widget does not render on the free plugin.- **Switch it on:** **The Plus Addons > Widgets**, search **Hotspot**, turn the toggle on.- New to the widget? Start with [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/)

## Steps

- Select the **Hotspot** widget and open a row of **Add Multiple Pin Hotspot**.- Set **Pin Type** to **Text**.- Type the label in **Pin Text**. It starts at **Theplus**, so replace it.- Keep it short - one or two words, or a number. The pin grows to fit whatever you type.- Style it in **Style > Pin Text**.

![The Pin Type dropdown with Icon, Image, Text and Lottie.](https://theplusaddons.com/wp-content/uploads/2026/09/hotspot-pin-type.webp)

## What You Will See

On the published page the pin shows the words. We typed **SALE** and the pin on the published page read SALE, with no icon element rendered at all. Pointing at it opened the tooltip just as an icon pin does.

![A hotspot whose pin is the word SALE, with the tooltip open.](https://theplusaddons.com/wp-content/uploads/2026/09/hotspot-result-text.webp)

![Animated demo of using text as a hotspot pin.](https://theplusaddons.com/wp-content/uploads/2024/05/hotspot-pin-type-text.gif)

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Pin Type** | Icon, Image, Text or Lottie | Icon |
| **Pin Text** | The words shown on the pin | Theplus |
| **Title** | Names the row in the panel - visitors never see it | Empty |
| **Description** | The tooltip text | Luctus nec ullamcorper mattis |

## How It Behaves

- **Pin Text** only appears in the panel while **Pin Type** is **Text**.- Do not confuse **Pin Text** with **Title**. **Title** is the row's name in the editor; **Pin Text** is what the visitor reads on the pin.- A text pin needs no icon font, so it is the safest pin type on a page where icons come out blank.- Long labels widen the pin and can overlap a neighbouring pin. Position them with **Pin Position** once you have typed the final text.

## Limitations

- Pro only.- One line only - there is no rich text or line break in **Pin Text**.- The pin is sized by its text, so pins with different labels are different widths.

## Troubleshooting

### The pin still says Theplus

That is the shipped default for **Pin Text**. Replace it with your own label.

### I cannot find Pin Text

Set **Pin Type** to **Text** first; the field is hidden for the other pin types.

### Two pins overlap

Text pins are as wide as their label. Move them apart with **Left (Auto / %)** and **Top (Auto / %)** under **Pin Position**.

## Not verified

So you know exactly what has and has not been checked:

- The **Style > Pin Text** typography, colour and spacing controls.- How a long label behaves on a phone-sized screen.- The **Lottie** pin type.

## Related Docs

- [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/)- [How to Use an Image as a Hotspot Pin in Elementor?](https://theplusaddons.com/docs/use-an-image-as-a-hotspot-pin-in-elementor/)- [How to Open a Hotspot Tooltip on Click in Elementor?](https://theplusaddons.com/docs/hotspot-tooltip-on-click-in-elementor/)

## Frequently Asked Questions

**Q: Why does the hotspot pin still show Theplus after I switch it to text?**
A: That label is the shipped default for Pin Text in the Hotspot widget. The fix is to replace it with your own text, because Pin Text is what visitors actually see on the pin. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses that field only when Pin Type is set to Text, so the default name is just a starter value, not the final label.

**Q: How do I make a hotspot pin show words instead of an icon?**
A: Set Pin Type to Text in the Hotspot widget, then type your label in Pin Text. That swaps the marker from an icon or image into text while keeping the tooltip behavior the same. The page notes that the pin grows to fit what you type, so short labels like SALE or a number work best when you want the pin itself to carry the information.

**Q: What should I use as a hotspot pin when icons render blank?**
A: A text pin is the safest choice when icon fonts are unreliable, because it does not depend on an icon font at all. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH describes text pins as a good fallback on pages where icons come out blank. That makes them useful for simple labels, prices, or short markers where readability matters more than an icon.

**Q: Why are my text hotspot pins overlapping each other?**
A: Text pins expand to match their label, so longer words make wider pins and can collide with nearby pins. The practical fix is to move them apart with Pin Position after you finish typing the final text. Left and Top positioning under Pin Position matter here because spacing that works for an icon pin may be too tight once the label becomes visible.

**Q: What are the limits of using text as a hotspot pin in Elementor?**
A: Text pins are Pro only, they stay on one line, and Pin Text does not support rich text or line breaks. The width also changes with the label length, so two different labels will not produce matching pin sizes. That matters if you want a clean layout on a crowded image, because long labels can change spacing more than you expect.

**Q: How do I add a text hotspot pin in Elementor without using an image icon?**
A: The Hotspot widget in The Plus Addons for Elementor lets you replace the marker with typed text by setting Pin Type to Text and filling in Pin Text. That gives you a label-based pin instead of an icon-based one, which is useful for short callouts like SALE or a number. For setup context, [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/) covers the base hotspot workflow.