Embed

Embed the lookup

Paste the box below anywhere on your site to give your readers a free OBD-II code lookup. The make selector routes Chevrolet, Ford, Honda, and Toyota searches to the brand sites. Everything else searches the main catalog, with or without JavaScript.

Why sites install it

Matching your site's style

If your site styles its inputs and buttons, the box is already styled, because it inherits them. Nothing to do.

If you want to nudge it, these four class names are the only hooks you need:

.obd-lookup-form { max-width: 30em; }
.obd-lookup-form input,
.obd-lookup-form select,
.obd-lookup-form button { border-radius: 8px; }
.obd-lookup-form button { background: #23251d; color: #fff; border: 0; padding: .6em 1em; }
.obd-lookup-credit { opacity: .7; }

Try it live

This is the actual box. Pick a make, search a code, and watch it open in a new tab.

Recommended: auto-updating box

Paste this once and forget it. The box, the make list, and every future brand update themselves. No re-pasting when new sites launch.

<div data-obd-lookup></div>
<noscript><p><a href="https://obdcodeslist.com/">Look up an OBD-II code at OBD Codes List</a></p></noscript>
<script async src="https://obdcodeslist.com/widget.js"></script>

Manual install (frozen, no JavaScript)

<!-- Free OBD-II code lookup. Paste this where you want it (once per page). Latest version: https://obdcodeslist.com/embed.html
     It carries no colours or borders of its own. Your own form CSS styles the fields and the button. -->
<form class="obd-lookup-form" id="obd-lookup" action="https://obdcodeslist.com/" method="get" target="_blank" rel="noopener" role="search" style="display:flex;align-items:center;gap:.5em;flex-wrap:nowrap;width:100%;max-width:26em;margin:0;box-sizing:border-box">
  <select class="obd-lookup-make" id="obd-make" aria-label="Vehicle make" style="flex:0 0 auto;max-width:45%;box-sizing:border-box;font:inherit">
    <option value="https://obdcodeslist.com/">All makes</option>
    <option value="https://chevycodeslist.com/">Chevrolet / GMC / Buick / Cadillac</option>
    <option value="https://fordcodeslist.com/">Ford / Lincoln / Mercury</option>
    <option value="https://toyotacodeslist.com/">Toyota / Lexus / Scion</option>
    <option value="https://hondacodeslist.com/">Honda / Acura</option>
  </select>
  <input class="obd-lookup-code" type="search" name="q" placeholder="Code, e.g. P0420" aria-label="Look up an OBD-II code" style="flex:1 1 10em;min-width:0;box-sizing:border-box;font:inherit" required>
  <button class="obd-lookup-go" type="submit" style="flex:0 0 auto;white-space:nowrap;font:inherit">Search</button>
</form>
<p class="obd-lookup-credit" style="font-size:.75em;margin:.4em 0 0;opacity:.8;color:inherit">Powered by <a href="https://obdcodeslist.com/" rel="noopener" style="color:inherit">OBD Codes List</a>. Free trouble code lookup.</p>
<script>
(function(){var f=document.getElementById('obd-lookup');if(!f)return;var s=document.getElementById('obd-make');f.addEventListener('submit',function(){f.action=s.value;});})();
</script>

The deal

Free to use, including commercially. The one condition: keep the "Powered by OBD Codes List" link intact. That link is what pays for the tool. Questions? Email admin@obdcodeslist.com.