Guide
Guide

Add a branded map to WordPress

You do not need a heavy map plugin to put a good-looking map on WordPress. A Custom HTML block plus a one-line Tint embed gives you an on-brand map that loads fast.

Steps

1
Publish a map in Tint
Use the Tint Studio to theme a map to your brand, add pins, and publish. Copy the embed snippet.
2
Add a Custom HTML block
Edit the page, add a block, and choose "Custom HTML" (or use a code-snippet block if your theme prefers one).
3
Paste and publish
Paste the Tint snippet into the block and update the page.
<!-- Paste where the map should appear -->
<div data-tint="MAP_ID" style="height:420px"></div>
<script src="https://embed.tintmap.dev/v1/embed.js" async></script>

Notes

  • No plugin required — the embed is a single script tag that injects a responsive, lazy-loaded map.
  • Add your WordPress site domain to the map allow-list in the Tint dashboard.
  • Works on both wordpress.com (Business plan and up, which allows custom HTML) and self-hosted WordPress.

Make your map look like your brand.

Free plan, no card required. Your first branded map takes about three minutes.

More guides