Add it to your site

Run an NA area, region or recovery site? Help people find a meeting. Copy a widget below and paste it in — it links straight to the app. It's free.

Card

A compact card for a sidebar or a "helpful links" page. It follows your visitor's light or dark setting, and stays sharp at any size.

<a href="https://nameetingsnearme.app/">
  <img src="https://nameetingsnearme.app/share/card.svg"
       alt="NA Meetings Near Me — find NA meetings near you, today"
       width="300" height="360" loading="lazy">
</a>

Drop it anywhere HTML is allowed. To resize, change width and keep the same 300 × 360 ratio (or set only width and let height follow).

Banner

A wide strip for the top or bottom of a page, or inside a content column. Same image, laid out horizontally.

<a href="https://nameetingsnearme.app/">
  <img src="https://nameetingsnearme.app/share/banner.svg"
       alt="NA Meetings Near Me — find NA meetings near you, today"
       width="600" height="150" loading="lazy">
</a>

The image scales down to fit narrow columns on its own. Keep the 600 × 150 ratio if you set a fixed width.

Store banner

A banner whose buttons go straight to the App Store and Google Play — each badge is its own direct link, so it does not route through this site. Good where you want people to install without a stop in between.

<div class="nmnm-banner">
  <div class="nmnm-brand">
    <img src="https://nameetingsnearme.app/icon-512.png" alt="" width="52" height="52">
    <div>
      <em>Get the app</em>
      <b>NA Meetings Near Me</b>
      <span>NA meetings happening near you, today</span>
    </div>
  </div>
  <div class="nmnm-badges">
    <a href="https://apps.apple.com/us/app/na-meetings-near-me/id6803261235">
      <picture>
        <source srcset="https://nameetingsnearme.app/badges/app-store-white.svg" media="(prefers-color-scheme: dark)">
        <img src="https://nameetingsnearme.app/badges/app-store-black.svg" alt="Download on the App Store" height="40">
      </picture>
    </a>
    <a href="https://play.google.com/store/apps/details?id=app.na.meetingsnearme">
      <img src="https://nameetingsnearme.app/badges/google-play.svg" alt="Get it on Google Play" height="40">
    </a>
  </div>
</div>
<style>
.nmnm-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 28px;max-width:600px;padding:18px 22px;border:1px solid rgba(128,128,128,.28);border-radius:18px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.nmnm-banner .nmnm-brand{display:flex;align-items:center;gap:13px}
.nmnm-banner .nmnm-brand img{width:52px;height:52px;border-radius:13px;flex:none}
.nmnm-banner .nmnm-brand em{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6366f1;margin-bottom:1px}
.nmnm-banner .nmnm-brand b{display:block;font-size:17px;font-weight:700;line-height:1.2;color:inherit}
.nmnm-banner .nmnm-brand span{display:block;font-size:13px;color:inherit;opacity:.68;margin-top:2px}
.nmnm-banner .nmnm-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nmnm-banner .nmnm-badges a{display:inline-flex}
.nmnm-banner .nmnm-badges img{height:40px;width:auto;display:block}
</style>

The text colour follows the page it sits on, so it reads on a light or a dark background. The App Store badge swaps for dark mode on its own.

Store badges

The official App Store and Google Play badges, side by side, each going straight to the listing. The App Store badge swaps for dark mode; both are Apple's and Google's own artwork.

Download NA Meetings Near Me on the App Store

<a href="https://apps.apple.com/us/app/na-meetings-near-me/id6803261235">
  <picture>
    <source srcset="https://nameetingsnearme.app/badges/app-store-white.svg" media="(prefers-color-scheme: dark)">
    <img src="https://nameetingsnearme.app/badges/app-store-black.svg" alt="Download NA Meetings Near Me on the App Store" height="44">
  </picture>
</a>
<a href="https://play.google.com/store/apps/details?id=app.na.meetingsnearme">
  <img src="https://nameetingsnearme.app/badges/google-play.svg" alt="Get NA Meetings Near Me on Google Play" height="44">
</a>

Change height="44" to resize both together — Apple and Google both ask for at least 40px tall and no cropping.

Text link

The lightest option, for a menu, a footer or a message board that strips images. Just words and a link.

<a href="https://nameetingsnearme.app/">Find NA meetings near you — NA Meetings Near Me</a>

Where it links

Every widget above points at nameetingsnearme.app, which sends each person to the app — the App Store on iPhone and iPad, and Google Play on Android.

Something to hand out?

Business cards, round stickers, QR codes and share images are on the Print cards and flyers page.

Independent app built by an individual NA member to help addicts find NA meetings near them. Not published by, endorsed by, or affiliated with Narcotics Anonymous World Services, Inc. Please use these widgets to point people to the app, unaltered.