---
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-04-15
author: "Aditya Sharma"
description: "Adding a text overlay to a map on a WordPress website can be a great way to provide visitors with additional information about an area. Whether you need to pinpoint..."
image: https://nexterwp.com/wp-content/uploads/2024/05/text-overlay-google-maps-1024x519.jpg
word_count: 248
---

# 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.
- Users can manage overlay content styling through the Style tab in the Google Map block.
- To enable text overlay, users must turn on the toggle in Overlay Content > Map Overlay Content after adding the Google Map block.

Adding a text overlay to a map on a WordPress website can be a great 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 can be an effective addition to your map.

With the Nexter Blocks Google Map Block, you can add text overlay on Google Maps.

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

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

**Requirement  - This block is a part of the Nexter Blocks, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://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://nexterwp.com/wp-content/uploads/2023/02/google-map-layout-map-overlay-content-new.png)

Now in the **Title** field add your overlay content title and in the **Description** field you can add your content, you can even use HTML content in the description field to add some images as well.

It will also add a toggle button on the map, users can use that to see the overlay content.

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

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

## Frequently Asked Questions

**Q: What should I do if the text overlay isn't showing on my Google Map?**
A: If the text overlay isn't appearing, ensure that you have added the Google Map block correctly and activated the overlay feature. Go to Overlay Content > Map Overlay Content and make sure the toggle is turned on. If itu2019s still not visible, check for any CSS conflicts that might be hiding the overlay.

**Q: What are the best practices for styling the text overlay on Google Maps?**
A: When styling your text overlay, focus on readability and contrast with the map background. Use the Style tab to adjust font size, color, and positioning. Make sure the overlay is not too cluttered, as this can distract users from the map itself.

**Q: Does the Nexter Blocks Google Map block support multiple overlays?**
A: The page does not specify support for multiple overlays in the Nexter Blocks Google Map block. It primarily discusses adding a single text overlay. If you need multiple overlays, consider layering different map blocks or using additional features from Nexter Extension.

**Q: What happens if I forget to generate a Google Maps API Key?**
A: Without a Google Maps API Key, your map will not display correctly on your WordPress site. Itu2019s essential to generate and input a valid API key to ensure the map functions properly. You can find instructions on generating the API key in the [How to generate Google Maps API Key for WordPress](https://nexterwp.com/docs/generate-google-maps-api-key/) guide.

**Q: Is the Nexter Blocks Google Map block compatible with other page builders?**
A: The Nexter Blocks Google Map block is built primarily for Gutenberg, which means it is optimized for use with this editor. While it may work with other builders like Elementor and Bricks, the best experience is achieved using it within the Gutenberg environment.