ShopperExpressSearchWidget

Step One: Install in Head

<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer></script> <link media="all" rel="stylesheet" href="https://www.inticeflux.com/mini_tools/production/696/widget/css/main.css"> <script>window.jQuery || document.write('<script src="https://www.inticeflux.com/mini_tools/production/696/widget/js/jquery-3.3.1.min.js" defer><\/script>')</script> <script src="https://www.inticeflux.com/mini_tools/production/696/widget/js/jquery.main.js" defer></script>

Step Two: Install inline

<div class="eco-widget eco-widget--horizontal"><div class="eco-widget__holder"> <form action="#" class="eco-widget__form"><div class="eco-widget__form-head"> <div class="eco-widget__form-head-holder"><h3 class="eco-widget__form-head-title">Get an Express Cash Offer for your Vehicle in about 2 minutes.</h3><p data-field="eco-widget-plate">Enter your Tag Number to get an Express Car Offer.</p><p data-field="eco-widget-vin">Enter your VIN to get an Express Car Offer.</p> </div> <div class="eco-widget__switcher"><label class="eco-widget__switcher-item" for="plate"> <input type="radio" id="plate" data-name="eco-widget-plate" name="switcher-field"> <span class="eco-widget__switcher-fake-label">plate</span></label><label class="eco-widget__switcher-item" for="vin"> <input type="radio" id="vin" data-name="eco-widget-vin" name="switcher-field" checked="checked"> <span class="eco-widget__switcher-fake-label">vin</span></label> </div></div><div class="eco-widget__form-body"> <input class="eco-widget__form-control eco-widget__form-control--lg eco-widget-inject-plate" data-field="eco-widget-plate" type="text" placeholder="LICENSE PLATE"> <div class="eco-widget__form-group eco-widget__form-group--lg" data-field="eco-widget-vin"><input class="eco-widget__form-control eco-widget-inject-vin" type="text" placeholder="VIN"><div class="eco-widget__help-block" data-field="eco-widget-vin"> <a href="#" class="eco-widget__popup-opener">Where can I find my VIN?</a> <div class="eco-widget__popup"><a class="eco-widget__popup-close" href="#">X</a><h4 class="eco-widget__popup-title">WHERE IS MY VIN.</h4><p>VIN = Vehicle Identification Number</p><ul class="eco-widget__help-list"> <li><img src="https://www.inticeflux.com/mini_tools/production/696/widget/images/help-img-1.png" alt="image description"><p>Look through the windshield from outside the car. </p> </li> <li><img src="https://www.inticeflux.com/mini_tools/production/696/widget/images/help-img-2.png" alt="image description"><p>You may also find the VIN number on the driver's side door pillar.</p> </li></ul> </div></div> </div> <select class="eco-widget__form-control eco-widget-inject-state"><option class="hideme">State</option><option value="al">AL</option><option value="ak">AK</option><option value="as">AS</option><option value="az">AZ</option><option value="ar">AR</option><option value="ca">CA</option><option value="co">CO</option><option value="ct">CT</option><option value="ce">CE</option><option value="dc">DC</option><option value="fl">FL</option><option value="ga">GA</option><option value="gu">GU</option><option value="hi">HI</option><option value="id">ID</option><option value="il">IL</option><option value="in">IN</option><option value="ia">IA</option><option value="ks">KS</option><option value="ky">KY</option><option value="la">LA</option><option value="me">ME</option><option value="md">MD</option><option value="ma">MA</option><option value="mi">MI</option><option value="mn">MN</option><option value="ms">MS</option><option value="mo">MO</option><option value="mt">MT</option><option value="ne">NE</option><option value="nv">NV</option><option value="nh">NH</option><option value="nj">NJ</option><option value="nm">NM</option><option value="ny">NY</option><option value="nc">NC</option><option value="nd">ND</option><option value="mp">MP</option><option value="oh">OH</option><option value="ok">OK</option><option value="or">OR</option><option value="pa">PA</option><option value="pr">PR</option><option value="ri">RI</option><option value="sc">SC</option><option value="tn">TN</option><option value="tx">TX</option><option value="ut">UT</option><option value="vt">VT</option><option value="ba">VA</option><option value="wa">WA</option><option value="wv">WV</option><option value="wi">WI</option><option value="wy">WY</option> </select> <input class="eco-widget__form-control eco-widget-inject-miles" type="text" placeholder="MILES"> <button class="eco-widget__form-btn" type="button">GET OFFER</button></div><span class="eco-widget__form-info">Don’t have your VIN or Plate now? <a href="#" onclick="javascript:inticeEvents.launchTrademaker();">Get an Estimate</a>.</span> </form></div> </div>

Step Three: after closing body tag

<script async>(function(d, s, id) { var js, inticejs = d.getElementsByTagName('head')[0]; if(d.getElementById(id)) return;js = d.createElement(s); js.id = id; js.src='https://tools.inticeinc.com/assets-new/InstallationScriptForEvents.js';inticejs.appendChild(js, inticejs); js.onload = function () {inticeEvents.init({dealerGuid:'4ae255b2-4a92-4eea-b784-d76f446b8782',dealerId:'696',lmprotocoldomain: 'https://tools.inticeinc.com',tmprotocoldomain: 'https://gettradevalue.com',dmprotocoldomain: 'https://my-dealmaker.com',lomprotocoldomain: 'https://my-loanmaker.com/'});} }(document, 'script', 'intice-Events'));</script>