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.
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?
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.
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.
| 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.
