---
title: "How to add Text info overlay above Google Maps in WordPress?"
url: https://qa.nexterwp.com/docs/text-overlay-google-maps/
date: 2023-02-01
modified: 2026-06-08
author: "Aditya Sharma"
description: "Adding a text overlay to a map on a WordPress website is a useful way to provide visitors with additional information about an area. Whether you need to pinpoint the..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/text-overlay-google-maps-1024x519.jpg
word_count: 339
---

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

## Key Takeaways

- Nexter Blocks Google Map Block allows users to add text overlays on Google Maps in WordPress.
- Overlay content is activated by navigating to Overlay Content > Map Overlay Content and toggling it on.
- Users can customize overlay titles and descriptions, including HTML content, through the Title and Description fields.

Adding a text overlay to a map on a WordPress website is a useful way to provide visitors with additional information about an area. Whether you need to pinpoint the exact location of an event or provide a detailed explanation of the area, a text overlay is an effective addition to your map.

With the Nexter Blocks Google Map block, you can add text overlay on Google Maps in the WordPress block editor.

The **Map Overlay Content** feature in the Google Map block lets you add a title and description directly on top of the map, with a toggle button for users to show or hide the overlay.

*To check the complete feature overview documentation of the Nexter Blocks Google Map block, [click here](https://qa.nexterwp.com/docs/google-map-block-settings-overview/).*

**Best Used For:**

- Local business websites that want to show store hours, address, or directions on the embedded map

- Event landing pages that need to display venue name and details alongside the map

- Real estate and property sites that add neighborhood info or property descriptions as a map overlay

**Requirement** — This block is a part of Nexter Blocks. Make sure it is installed and activated to use this feature.

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

To add a text overlay on Google Maps, add the Google Map block on the page, go to **Overlay Content** > **Map Overlay Content**, and turn on the toggle.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-layout-map-overlay-content-new.png)

In the **Title** field, add your overlay content title. In the **Description** field, add your content. You can also use HTML in the description field to add images or formatted text.

It will also add a toggle button on the map that visitors can use to show or hide the overlay content. This is useful when the overlay covers part of the map and you want to give visitors the option to dismiss it.

From the **Style** tab, manage the overlay content styling.

To build a contact or location page template that embeds this map overlay, see [Nexter Theme Builder Explained](https://qa.nexterwp.com/docs/nexter-theme-builder-explained/).

Also check out [How to generate Google Maps API Key for WordPress](https://qa.nexterwp.com/docs/generate-google-maps-api-key/).