---
title: "How to add Text info overlay above Google Maps in WordPress?"
url: https://nexterwp.com/docs/text-overlay-google-maps/
date: 2023-02-01
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "An overlay box can show your opening hours, address or event details right on the map. The Google Map block in Nexter Blocks Pro adds that box with Map Overlay..."
image: https://nexterwp.com/wp-content/uploads/2024/05/text-overlay-google-maps-1024x519.jpg
word_count: 291
---

# How to add Text info overlay above Google Maps in WordPress?

## Key Takeaways

- Nexter Blocks Pro adds Map Overlay Content to the Google Map block, letting the map show a Title and Description above the pins for opening hours, address, or event details.
- Map Overlay Content needs Pro, the Google Map block enabled under Nexter > Blocks, and a Google Maps API key saved under Nexter > Extra Options > Settings.
- The overlay box sits on top of the map and includes a toggle button so visitors hide or show it; there is one overlay per map, not one per pin, and per-pin text uses Tooltip Content.

An overlay box can show your opening hours, address or event details right on the map.

The Google Map block in Nexter Blocks Pro adds that box with **Map Overlay Content**.

*For every Google Map setting in one place, see the [Google Map block guide](https://nexterwp.com/docs/add-google-map-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-google-maps/)

## Before You Start

- **Edition:** **Pro** — Map Overlay Content needs Nexter Blocks Pro.- **Block to enable:** Google Map, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A Google Maps API key** saved under Nexter > Extra Options > Settings.

## Steps

- Add the **Google Map** block and set up your pins.

- On the **Layout** tab, open **Overlay Content** and turn on **Map Overlay Content**.

![The Overlay Content panel with Map Overlay Content on and the Title and Description fields](https://nexterwp.com/wp-content/uploads/2026/09/google-map-overlay-on.webp)

- Enter a **Title** and a **Description**. The description accepts basic HTML such as paragraphs, links and bold text.

- On the **Style** tab, open **Overlay Content** to set colours, typography and the box background. Then save.

## How It Behaves

- The overlay box sits on top of the map with your title and description.- A toggle button lets visitors hide the box to see the map behind it, and show it again.- Without Nexter Blocks Pro, the switch still shows in the sidebar but nothing appears on the map.

## Limitations

- **Pro only.** The free plugin shows the switch but has no Title or Description fields.- There is one overlay per map, not one per pin. For per-pin text, use **Tooltip Content**.

## Troubleshooting

### I turned it on but see no Title field

Nexter Blocks Pro is not active. Activate Pro and reload the editor.

### The overlay covers my pins

Visitors can hide it with the toggle button, or you can lower **Map Zoom** or move the first pin.

## Related Docs

- [Google Map block: all settings](https://nexterwp.com/docs/add-google-map-in-wordpress/)- [Add multiple locations to a Google Map](https://nexterwp.com/docs/add-multiple-locations-google-maps/)- [Generate a Google Maps API key](https://nexterwp.com/docs/generate-google-maps-api-key/)