How to add a VRN/size lookup combination search to your existing website - one location

In this article, we'll go over how you can add a multi-option search that allows a user to find tyres on your Tyres and Service website using either their vehicle registration number or tyre size.

There are a few different options to choose from depending on how much room you have on your website for the lookup. The first one we will go through is the newest version which allows you to use the same search background as your tyres and service website or a different one if you prefer.

There are a few different vairables that can be added to to change the background:

  • theme: this is a preset image from the themes library
  • carBackgroundImage: this allows you to apply any image url that you choose, however please note that should the image get removed from that url it will also get removed from the search background

The lookup:

Below are some examples of scripts along with how the lookup will appear on your website

Script using a theme

<script> var tsControl = {
         site: "www.mytowntyres.co.uk",
         theme: 'falken'
         };</script>
<script src="https://assets.tyresandservice.co.uk/scripts/tyreclick/tsmulti-bg-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!

How it appears on your website

Below is a list of preset themes (click on any of the links to view the image) - use the name in green to apply as the theme within the script - this is case sensitve and must be applied exactly as listed below. 

Script using a custom background

You will see below that theme has been replaced with carBackgroundImage; this allows any image to be applied as a background. The link below in green is for a current customers website and must not be copied, this is only being used for demonstration purposes.

NOTE: When applying your own custom image it is recommended that the dimensions of this are 1250px (w) x 480px (h)

<script> var tsControl = {
         site: "www.mytowntyres.co.uk",
         carBackgroundImage: 'https://www.rhinotyres-rhyl.co.uk/File/GetFile/71670/flipped_rhino_banner'
         };</script>
<script src="https://assets.tyresandservice.co.uk/scripts/tyreclick/tsmulti-bg-js"></script>

How it appears on your website

custom.PNG

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

Back to Knowledge Base

Latest Article

Add a multi-option search to your existing website, which includes a tyre brand background to allow visitors to find tyres by VRN or tyre size.

View Article