AutoVitals Website Widgets

Menu Items

Reviews

Overview
Direct feeds will supply your web developer/web team with a direct data feed to the AutoVitals reviews data for them to customize to their liking. This will require a basic knowledge of web-based systems and working with feeds. If your web team is unable to implement the direct feed, you may try the iFrame option below. Please note that any customization beyond these two options is subject to additional charges if AutoVitals performs work directly on your website.

Direct Data Feeds

https://motorist.autovitals.com/ReviewsJSON/shopID JSON Feed
Remember to replace shopID with your unique Shop ID

https://motorist.autovitals.com/ReviewsXML/shopID XML Feed
Remember to replace shopID with your unique Shop ID

iFrame

<iframe style="border-width: 0;" src="https://motorist.autovitals.com/Public/ReviewsEmbed/shopID" width="100%" height="800px" frameborder="0" scrolling="yes"></iframe>
Remember to replace [shop ID] with your unique Shop ID. Please note that both "width" and "height" can also be adjusted using both "px"(pixels) and "%"(percentage).

Appointment Request

Overview
The appointment request currently comes available in 2 different styles. The first offers complete "customization", which can be styled by your web development team. The second option comes packaged with an pre-defined "button" that's ready out of the box. Please note that implementation of both of these methods does require access to your site's files and enough experience to add snippets of code (minimal experience required). If further assistance is needed by AV staff for a custom implementation or setup, work rendered may be subject to additional fees.

Installation
CSS - Add between the <head></head> tags.

<link rel="stylesheet" type="text/css" href="https://docs.autovitals.com/design/apnt/apnt2.css" media="screen">
JS - jQuery Library. Install if you do not have one present. Add between the <head></head> tags.
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

Form Javascript - Add between the <head></head> tags.
<script src="https://docs.autovitals.com/design/apnt/apnt2.js"></script>

Execution Options


Unformatted Link (no button) - This will create a clickable link without styling
<a href="#" onclick="apnt.start(shopID);">Appointment</a>

Preview (see below)
Appointment

Button Link - This will create a clickable link with a graphic.
<a href="#" onclick="apnt.start(shopID);"><img src="https://assets.avwebpresence.com/img/req-apt.png" width="215" height="48"></a>

Preview



Code Sample
View Code Sample

When you open the link above, please right-click and view the source code in your browser to see the source code.

Client Login Link

Overview
For the motorist login, we currently have two options available.

  1. Direct Link
  2. Direct Link with a stylized button that will open in a new window

Please note the "direct link" will allow for full customization by your web development team. If further assistance is needed by AV staff for a custom implementation or setup, work rendered may be subject to additional fees.

Direct Link

https://motorist.autovitals.com/login.aspx?ReturnUrl=%2f

Button (link opens in a new window)

<a href="https://motorist.autovitals.com/login.aspx?ReturnUrl=%2f target="_blank"><img src="https://assets.avwebpresence.com/img/client-login.png"></a>

Preview (see below)