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
- It looks like your site, not like ours. The box carries no colours, borders, backgrounds or fonts of its own. It inherits your page font and your own form CSS styles the fields and the button. A reader cannot tell it apart from the rest of your page.
- You do not lose the reader. The search opens in a new browser tab, so your page stays open behind the lookup. The reader comes back to where they were.
- Free, no account, no signup. No key, no dashboard, no email. Nothing on your site phones home to us.
- One line of HTML, nothing to maintain. Adding a brand later updates every installed box on its own.
- It fits any layout. One row at every width from 280 pixels up, and the code field gives up width before anything wraps.
- It answers the question. Plain-language meaning, the common causes, and the order to check, with no signup wall in front of your reader.
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.