Platforms

Add a map to WordPress (no plugin)

Direct answer

How does this MapsMaker embed workflow work?

Use a Custom HTML block in the WordPress block editor, then verify that the current user role, host, and security plugins permit iframe code.

No credit card No code Export anytime
Illustrative MapsMaker map output for Add a map to WordPress (no plugin)
Illustrative MapsMaker map output; this is not a wordpress editor screenshot.
No code
Visual map building
CSV + Sheets
Spreadsheet workflows
Website-ready
Share links and embeds

How it works

1
Confirm permissions
Use a WordPress role and site configuration that allow iframe HTML, and confirm MapsMaker embedding is enabled.
2
Publish and copy
Publish the map in MapsMaker, then copy Share → Embed.
3
Add Custom HTML
Insert a Custom HTML block in the intended WordPress page and paste the complete iframe.
4
Set dimensions
Use width 100%, an explicit height, and a wide enough parent block for the chosen map layout.
5
Update and verify
Publish the page and test the signed-out desktop and mobile experience, including any cache or security layer.

Choose the WordPress editing path

The primary workflow below is for a self-hosted WordPress site using the block editor. WordPress.com plans, user permissions, themes, and page builders can impose different custom-HTML rules.

A published MapsMaker map whose workspace is on Starter, Pro, or Business
A WordPress role permitted to save iframe HTML; users without the unfiltered_html capability may have it stripped
Block editor: use Custom HTML; Elementor: use its HTML widget; Classic Editor: use Text/HTML mode
Check whether a security plugin or site content-security policy blocks external frames

Add the iframe with a Custom HTML block

Publish the map, copy Share → Embed, add a Custom HTML block to the page, and paste the complete iframe. Preview the block, update the page, and then inspect the public URL.

Keep iframe width at 100% and use an explicit height appropriate to the map; 700–800px is a reasonable locator starting point
Use a wide or full-width parent block when the theme's content column is too narrow
Avoid tabs, accordions, and initially hidden containers until you have verified their height and map-resize behavior
Keep a visible heading, instructions, and important location information in WordPress HTML outside the iframe

Example: a member or branch directory

A branch directory can use a full-width Custom HTML block for the map, a short introduction above it, and an accessible text list or contact route below it.

Group branches by region and tag services such as pickup, consultation, or accessible parking
Store accurate coordinates and addresses so directions and Copy Address have useful destinations
Document the data owner and last review date on the WordPress page

Troubleshoot stripped or blocked iframe code

If the iframe disappears after saving, investigate WordPress permissions and security filtering before changing the MapsMaker code.

Iframe removed after Update: use an administrator/editor with the required HTML capability and check security-plugin filtering
Blank frame: inspect content-security, privacy, or optimization plugins and confirm the map is published on an embed-enabled plan
Map is narrow or clipped: use a wider parent block and increase both iframe and wrapper height
Old layout persists: clear page/plugin/CDN caches, but do not assume caching plugins are always compatible

Limits and official WordPress guidance

No plugin is required for the basic self-hosted Custom HTML workflow, but that does not mean every host, role, builder, or security configuration accepts an iframe.

Review WordPress.org's official documentation named "Custom HTML block" for current editor and capability behavior
Check WordPress.com documentation separately if the site is hosted there
Re-test after major theme, builder, cache, or security-plugin updates

Frequently asked questions

Why did WordPress remove the iframe after I saved?
The current user may lack permission to save unfiltered HTML, or a security plugin may strip iframe tags. Check the role and filtering rules with the site administrator.
Does this work on WordPress.com?
WordPress.com custom-code capabilities are plan-dependent. Treat the documented self-hosted Custom HTML workflow separately and check WordPress.com's current plan rules.
Do I need a map plugin?
No for a self-hosted site that permits a Custom HTML iframe. A plugin may still affect caching, security, consent, or layout, so test the public page.
Will every caching plugin work with the map?
There is no universal guarantee. The iframe normally loads independently, but cache, optimization, consent, and security plugins can rewrite or defer it.
Can the same map appear on several WordPress pages?
Yes, provided each page is authorized to embed it. On Business, the same allowed root domain covers its subdomains, so duplicate www entries are not required.
Build with MapsMaker

Create your map in minutes

Start with a template, import locations if you have a spreadsheet, and publish a link or embed.