Skip to content
Skip to content
NPCLocal

Embed NPCLocal on your site

Two things you can drop onto any website: an interactive Coastal Bend price calculator, or a simple footer credit link. Both are free, both keep themselves current, and both link back to NPCLocal.

Embed a price calculator

Put a live, honest South Texas price-band calculator on your realtor site, your “moving to the Coastal Bend” blog, your subreddit wiki, or any local resource page. Pick a service and a city, copy one line of HTML, and your visitors get a real estimate tool that always reflects current local pricing. A small “Powered by npclocal.com” credit travels with it.

Volume + material + finish → cost band.

Script one-liner (recommended — auto-resizes)
<script async src="https://npclocal.com/api/calc/3d-printing/widget.js" data-city="corpus-christi"></script>
Raw iframe (for CMSs that strip <script>)
<iframe src="https://npclocal.com/embed/calc/3d-printing?city=corpus-christi" title="3D Printing Services cost calculator — npclocal.com" loading="lazy" scrolling="no" style="width:100%;max-width:640px;border:0;min-height:560px;display:block;margin:0 auto;"></iframe>

Live preview · Corpus Christi

The “Powered by npclocal.com” link inside the widget is a permanent do-follow credit — it is what you give back for a free, always-current local price calculator.

Or just add a footer credit link

Drop-in HTML snippets for any NPC ecosystem site or partner site that wants to link back to NPCLocal. Plain HTML + inline CSS, no JS, no external dependencies. Works in WordPress, Next.js, static HTML, anywhere.

Full ecosystem footer (recommended)

Three sister-site links + NPCLocal tagline. Copy-paste into your footer template.

<!-- NPCLocal cross-site footer attribution. Source: https://npclocal.com/embed -->
<div style="max-width:960px;margin:24px auto 16px;padding:16px;border-top:1px solid #e5e7eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:#6b7280;text-align:center;">
  <p style="margin:0 0 6px 0;color:#6b7280;">Part of the North Point Computers ecosystem:</p>
  <p style="margin:0;line-height:1.8;">
    <a href="https://npclocal.com" rel="noopener" style="color:#10b981;text-decoration:none;margin:0 8px;">NPCLocal</a>
    <span style="color:#d1d5db;">·</span>
    <a href="https://northpointcomputers.com" rel="noopener" style="color:#10b981;text-decoration:none;margin:0 8px;">NPC Sales</a>
    <span style="color:#d1d5db;">·</span>
    <a href="https://npc.rocks" rel="noopener" style="color:#10b981;text-decoration:none;margin:0 8px;">NPC.rocks</a>
  </p>
  <p style="margin:8px 0 0 0;font-size:11px;color:#9ca3af;">
    Local services routing for the Coastal Bend at <a href="https://npclocal.com" rel="noopener" style="color:#10b981;text-decoration:none;">npclocal.com</a>.
  </p>
</div>

One-line minimal attribution

Smallest footprint, single text link. Use when the full block is overkill.

<!-- NPCLocal one-line attribution -->
<p style="text-align:center;font-size:12px;color:#9ca3af;margin:12px 0;">
  Find local services across the Coastal Bend at <a href="https://npclocal.com" rel="noopener" style="color:#10b981;">npclocal.com</a>.
</p>

React / Next.js component

Same intent, written as a self-contained React component.

// React / Next.js single-file component
export function NPCLocalFooterCredit() {
  return (
    <div className="mx-auto max-w-3xl border-t border-gray-200 px-4 pt-4 pb-2 text-center text-xs text-gray-500">
      <p>
        Part of the NPC ecosystem.{" "}
        <a href="https://npclocal.com" rel="noopener" className="text-emerald-700 hover:underline">
          NPCLocal
        </a>{" "}
        routes calls to Coastal Bend service providers.
      </p>
    </div>
  );
}

tsx

Where to drop these

  • WordPress: paste the full snippet into a wp_footer mu-plugin (see /wiki/wp-footer-mu-plugin for the lowbies.com pattern).
  • Next.js: import the React component into your root layout.tsx footer.
  • Static HTML: paste the full snippet right above </body> in your footer template.
  • WooCommerce / page builders: drop the full snippet into a Custom HTML widget in the footer area.