The Tyres VRM Lookup component can be added to any page using the following code snippet:
This widget allows the user to make a VRM Lookup and select a tyre size. The best way to use this component is to keep it on a back page and use the standalone VRM Lookup widget to redirect into it, as that widget has more options including a manual vehicle entry.
The following configuration options are currently available for the Tyres VRM Lookup:
This is which version of the widget is used. Default value is set to 1.
This is a boolean value that will detemine whether or not a loading panel will show over the component while its initialising and doing initial API calls. The default value is false.
Min-height is the minimum height of the component in px. Important to set a value here if you want the loading panels to look good. Default value is 0.
This is a boolean value that will determine whether or not the user can change the vehicle using this component. The default value is true.
You can change the button text using this binding. The default value is ‘Get prices’. Please note, as this is a string it must be formatted correctly with both double and single quotes. e.g button-text=”‘BOOK’”.
This is a boolean to determine whether or not the user needs to have a branch selected before submitting a VRM lookup. The default is false and this is mainly going to be useful when you want to use a branch select and vrm lookup component together as a CTA.
If you want to redirect the user to a different page on a successful VRM result, you can enter the url here. Please note, as this is a string it must be formatted correctly with both double and single quotes. e.g redirect-url=”‘/go-to-this-url’”.
If you want to redirect the user to a different state upon a successful result, then you can enter the state here. Please note, as this is a string it must be formatted correctly with both double and single quotes. e.g redirect-url=”‘app.go.here’”. If there is both a redirect url and redirect state, the state will take priority.
<tyres-vrm-lookup loading-panel="true" template="1" min-height="300" redirect-url="'/online-booking/#/select-services'"></tyres-vrm-lookup>