How to add Text info overlay above Google Maps in Elementor?

Key Takeaways

  • The Plus Addons for Elementor Google Map widget allows users to add map overlays with custom texts.
  • Users can turn on the toggle in the Map Overlay section to display overlay content on the map.
  • The overlay content can include HTML code for images and styling options for background, typography, and button color.
Table Of Content

Did you know you can add some text info as an overlay on Google Maps in Elementor?

Yes! The Plus Addons for Elementor Google Map widget allows you to add map overlays with custom texts.

This is very useful if you want to show some additional information to the users.

To check the complete feature overview documentation of The Plus Addons for Elementor Google Map widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To add an overlay to the map, add the Google Map widget on the page, go to Map Overlay > Content Over the Map, and turn on the toggle.

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

Google map overlay

In the Title field, add your title, and in the Description field, add your description for the overlay content.

In the description field, you can even use HTML code directly to add some images and other elements as well.

You’ll also find some styling options for the overlay content, you can add a background, adjust the typography and colour of the title and description, and adjust the toggle button colour.

Now with this powerful option, you can add beautiful overlay content to your map like the example below.

Google map overlay preview

Also, check out How to generate Elementor Google Maps Widget API Key.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the text overlay isn't showing on my Google Map?

If the text overlay isn't appearing, ensure that the toggle for 'Content Over the Map' is turned on in the Map Overlay settings of the Google Map widget. This toggle must be activated for the overlay content to display. Additionally, check that you've entered a title and description in the respective fields, as these are required for the overlay to function properly.

What are the best styling options for the text overlay on Google Maps?

The Plus Addons for Elementor offers several styling options for the text overlay, including background color, typography, and text color for both the title and description. Choosing contrasting colors can enhance readability against the map background. Experiment with these settings to find the best combination that fits your design.

Is there a limit to the amount of text I can add in the overlay?

While there is no specific limit mentioned for the amount of text in the overlay, keep in mind that excessive text can clutter the map and reduce readability. It's best to keep the title and description concise to ensure the overlay is effective and visually appealing.

Can I add multiple overlays to a single Google Map in Elementor?

The page does not specify the ability to add multiple overlays to a single Google Map. Typically, each Google Map widget allows for one overlay at a time. For more complex needs, consider using multiple map widgets or exploring additional features in The Plus Addons for Elementor.

Last reviewed: April 12, 2026