Get Started
Script Installation
Automotive Clients
To ensure we can provide you with the best service possible, please refer to these instructions
In order for the Visitor Chat service to run on your website, you need to add a small snippet of code to your website which downloads the Visitor Chat service and embeds it into your website.
The code needs to be run on every page of your website that you would like the chat box to appeared on. Typically this code is inserted into a file which is shared across all pages, such as a footer.
We do ask that the code is inserted just before the closing body tag (</body>) on the website.
<script async type="text/javascript" src="https://cdn.visitor.chat/vc-loader.min.js" id="vcLoaderScript"></script>
Adjust Security Headers (if required)
In order to provide the best quality service to the visitors, our operators are able to see what page the visitor is currently viewing on your website. This assists our operators in ensuring that they are talking about the correct vehicle, the correct branch and provides a better quality service for everyone involved in the interaction which results in higher quality leads in your inbox.
We do this by displaying the visitors current page in an iframe within our backend system. Over the years, many websites have added security headers such as x-frame-options: SAMEORIGIN to their websites which prevents their website from being displayed in iframes. While we recommend the use of security headers where possible, unfortunately this prevents our operators from viewing the visitors current page. In order to fix this, we kindly request that you update any security headers to add *.visitor.chat in as an exception (please don’t remove the header completely).
If you’re unsure if your website is making use of these headers, you can use the following website to check:
The use of X-Frame-Options is no longer recommended and it doesn’t support adding exceptions. It has since been replaced by frame-ancestors instead. By making this switch, you can add in exceptions and allow Visitor Chat to load the website without issue as per the below example:
Content-Security-Policy: frame-ancestors 'self' https://*.visitor.chat;
Further information about this security header can be located within the official documentation: