Adding a Scoot search box to your own website provides additional value to your customers by offering them access to an enhanced and reputable business directory service.
Scoot offers 3 different styles of pre-built search boxes that can be easily added to virtually any website.
To add a pre-built search box to your website, select a style from those illustrated below, then cut and paste the relevant HTML code into your website.
<div style="background-image:url(http://www.scoot.co.uk/transparent/180_bg.png); width:180px; height:203px; padding:0px; margin:0px; border:0px; background-repeat:no-repeat; ">
<div style="width:163px; padding:0px 0px 3px 17px; margin:0px; border:0px; "><a style="padding:0px; margin:0px; border:0px; border-style:none; " href="http://www.scoot.co.uk/" title="Scoot UK Business Finder"><img src="http://www.scoot.co.uk/transparent/logo.png" alt="Scoot Logo" style="padding:0px; margin:0px; border:0px; border-style:none" /></a></div>
<div style="width:180px; padding:0px; margin:0px; border:0px; ">
<form style="border:0px; margin:0px; padding:0px;" action="http://www.scoot.co.uk/find.php">
<fieldset style="border:0px; margin:0px; padding:0px;">
<div style="width:180px; padding:0px; margin:0px; border:0px; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhat"><img src="http://www.scoot.co.uk/transparent/who_what.png" alt="who or what" style="padding:0px; margin:0px; border:0px; border-style:none;" /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/180_input_box.png); background-repeat:no-repeat; background-position:left top; width:147px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; "><div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:118px; " value="e.g. Jobs Tesco" name="what" id="scootwhat" type="text" /></div>
</div>
</div>
<div style="width:180px; padding:0px 0px 0px 18px; margin:0px 0px 5px 0px; border:0px; ">
<div><input style="border:0px; padding:0px; margin:0px 4px 0px 0px; height:12px; width:12px; vertical-align:top" name="who" type="checkbox" value="1" id="scootwho" onClick="switchWho();"><img src="http://www.scoot.co.uk/transparent/is_this_box.png" style="border:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px px;" /></div>
</div>
<div style="width:180px; padding:0px; margin:0px; border:0px; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhere"><img src="http://www.scoot.co.uk/transparent/where.png" alt="where" style="padding:0px; margin:0px; border:0px; border-style:none; " /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/180_input_box.png); background-repeat:no-repeat; background-position:left top; width:147px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; "><div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:118px; " value="e.g. Leeds" name="where" id="scootwhere" type="text" /></div>
</div>
</div>
<div>
<input style="background-image:url(http://www.scoot.co.uk/transparent/submit_but.png); margin:0px 0px 0px 71px; padding:0px; border:0px; border-style:0px; width:95px; height:33px; cursor:pointer; " type="image" src="http://www.scoot.co.uk/transparent/submit_but.png" value="" id="scoot-search-button" onMouseOver="document.getElementById('scoot-search-button').src='transparent/submit_but_over.png'" onMouseOut="document.getElementById('scoot-search-button').src='http://www.scoot.co.uk/transparent/submit_but.png'" />
</div>
</fieldset>
</form>
</div>
</div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/240_bg.png); width:240px; height:203px; padding:0px; margin:0px; border:0px; background-repeat:no-repeat; ">
<div style="width:223px; padding:0px 0px 3px 17px; margin:0px; border:0px; "><a style="padding:0px; margin:0px; border:0px; border-style:none; " href="http://www.scoot.co.uk/" title="Scoot UK Business Finder"><img src="http://www.scoot.co.uk/transparent/logo.png" alt="Scoot Logo" style="padding:0px; margin:0px; border:0px; border-style:none" /></a></div>
<div style="width:240px; padding:0px; margin:0px; border:0px; ">
<form style="border:0px; margin:0px; padding:0px;" action="http://www.scoot.co.uk/find.php">
<fieldset style="border:0px; margin:0px; padding:0px;">
<div style="width:240px; padding:0px; margin:0px; border:0px; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhat"><img src="http://www.scoot.co.uk/transparent/who_what.png" alt="who or what" style="padding:0px; margin:0px; border:0px; border-style:none;" /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/240_input_box.png); background-repeat:no-repeat; background-position:left top; width:207px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; "><div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:176px; " value="e.g. Jobs Tesco" name="what" id="scootwhat" type="text" /></div>
</div>
</div>
<div style="width:180px; padding:0px 0px 0px 25px; margin:0px 0px 5px 0px; border:0px; ">
<div><input style="border:0px; padding:0px; margin:0px 4px 0px 0px; height:12px; width:12px; vertical-align:top" name="who" type="checkbox" value="1" id="scootwho" onClick="switchWho();"><img src="http://www.scoot.co.uk/transparent/is_this_box.png" style="border:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px px;" /></div>
</div>
<div style="width:240px; padding:0px; margin:0px; border:0px; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhere"><img src="http://www.scoot.co.uk/transparent/where.png" alt="where" style="padding:0px; margin:0px; border:0px; border-style:none; " /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/240_input_box.png); background-repeat:no-repeat; background-position:left top; width:207px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; ">
<div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:176px; " value="e.g. Leeds" name="where" id="scootwhere" type="text" /></div>
</div>
</div>
<div>
<input style="background-image:url(http://www.scoot.co.uk/transparent/submit_but.png); margin:0px 0px 0px 130px; padding:0px; border:0px; border-style:0px; width:95px; height:33px; cursor:pointer; " type="image" src="http://www.scoot.co.uk/transparent/submit_but.png" value="" id="scoot-search-button" onMouseOver="document.getElementById('scoot-search-button').src='http://www.scoot.co.uk/transparent/submit_but_over.png'" onMouseOut="document.getElementById('scoot-search-button').src='http://www.scoot.co.uk/transparent/submit_but.png'" />
</div>
</fieldset>
</form>
</div>
</div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/468_bg.png); width:468px; height:119px; padding:0px; margin:0px; border:0px; background-repeat:no-repeat; ">
<div style="width:452px; padding:0px 0px 3px 17px; margin:0px; border:0px; "><a style="padding:0px; margin:0px; border:0px; border-style:none; " href="http://www.scoot.co.uk/" title="Scoot UK Business Finder"><img src="http://www.scoot.co.uk/transparent/logo.png" alt="Scoot Logo" style="padding:0px; margin:0px; border:0px; border-style:none" /></a></div>
<div style="width:469px; padding:0px; margin:0px; border:0px; ">
<form style="border:0px; margin:0px; padding:0px;" action="http://www.scoot.co.uk/find.php">
<fieldset style="border:0px; margin:0px; padding:0px; width:468px;">
<div style="width:174px; padding:0px; margin:0px; border:0px; float:left; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhat"><img src="http://www.scoot.co.uk/transparent/who_what.png" alt="who or what" style="padding:0px; margin:0px; border:0px; border-style:none;" /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/180_input_box.png); background-repeat:no-repeat; background-position:left top; width:147px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; "><div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:118px; " value="e.g. Jobs Tesco" name="what" id="scootwhat" type="text" /></div>
</div>
</div>
<div style="width:180px; padding:0px; margin:0px; border:0px; float:left; ">
<div style="padding:0px 0px 3px 26px; margin:0px; "><label for="scootwhere"><img src="http://www.scoot.co.uk/transparent/where.png" alt="where" style="padding:0px; margin:0px; border:0px; border-style:none; " /></label></div>
<div style="background-image:url(http://www.scoot.co.uk/transparent/180_input_box.png); background-repeat:no-repeat; background-position:left top; width:147px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 3px 15px; "><div><input onfocus="if(undefined===window.scootcleared){ document.getElementById('scootwhat').value=''; document.getElementById('scootwhere').value=''; scootcleared=1;}" style="border:0px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; margin:6px 0px 0px 13px; width:118px; " value="e.g. Leeds" name="where" id="scootwhere" type="text" /></div>
</div>
</div>
<div>
<input style="background-image:url(http://www.scoot.co.uk/transparent/submit_but.png); margin:15px 0px 0px 0px; padding:0px; border:0px; border-style:0px; width:95px; height:33px; cursor:pointer; " type="image" src="http://www.scoot.co.uk/transparent/submit_but.png" value="" id="scoot-search-button" onMouseOver="document.getElementById('scoot-search-button').src='http://www.scoot.co.uk/transparent/submit_but_over.png'" onMouseOut="document.getElementById('scoot-search-button').src='http://www.scoot.co.uk/transparent/submit_but.png'" />
</div>
<div style="width:180px; padding:0px 0px 0px 25px; margin:0px 0px 0px 0px; border:0px; ">
<div><input style="border:0px; padding:0px; margin:0px 4px 0px 0px; height:12px; width:12px; vertical-align:top" name="who" type="checkbox" value="1" id="scootwho" onClick="switchWho();"><img src="http://www.scoot.co.uk/transparent/is_this_box.png" style="border:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px px;" /></div>
</div>
</fieldset>
</form>
</div>
</div>