How to add VRN lookup to your website

Adding a registration number lookup to your existing website is a great way for your customers to connect with and start the buying process on your new Tyres and Service website.

vrn-search.png

To add this great feature to your existing website all you need to do is to ask your web developer to add the following code snippet to your website.

<script>
var tyreSite = "www.mytowntyres.co.uk";
</script>
<script src="https://assets.tyresandservice.co.uk/scripts/tyreclick/vrn.js"></script>

Make sure you change the website address in red to your own Tyres and Service website's address otherwise you will be sending your customers to the wrong website!

For Developers - Make Other Changes using CSS

The appearance of the search can be changed to fit in better with an existing website e.g. button colours, fonts etc.
To do this you can use the developer tools with a browser to inspect the code for the search widget.

Once you have found the element that needs changing a <style> tag can be added under the script.

Note: you may need to use !important to override certain elements.

In the example below, the colour of the Search button has been changed to blue:

<style>.tsVRNSingle #VRNGo {background-color:green !important;}</style>

Should you or your developer require assistance with this, please contact the support team on 01625 433 388 or email support@silkmoth.com

Working Example:

Multiple Fitting Centre example: click here.


Back to Knowledge Base.