LogoLogo
  • Your Guide to PAVE's Account and Enterprise Dashboards
  • Enterprise Dashboard
    • Permissions and Access Settings
    • User Feature Walkthrough
      • View All Groups
        • Filtering Sessions
          • Searching Sessions
          • Advanced View
        • Exporting Sessions
      • Group Manage
        • Create New Group
        • Add Accounts to Group
        • Edit Group
      • Group Remove
      • Account Manage
        • Create New Account
        • Add User to New Account
          • User Account Permissions
        • Edit Account
        • Deactivate Account
      • Account: Switch To
      • Administrator: Manage
        • Create New Administrator
        • Edit Administrator
      • Administrator: Switch
      • Data: Manage
      • Data: Export Only
      • Data: Developer
      • Initiate Inspections (coming soon)
        • VIN Assignment
      • Create New Export Setting
        • Edit Export Settings
      • Setting Up SFTP Batches
      • Dashboard
        • Inspection Status
        • Session Exports
      • Custom Capture
  • Branch Dashboard
    • Overview
    • User Feature Walkthrough
      • Login
      • Live or Test View
      • Send Inspections
      • Inspection Status
        • Expired Sessions
      • Searching Sessions
      • Photos
      • Session Notes
      • Inspection Results
      • Condition Report PDF
      • Export Sessions
      • VIN Assignments
      • Developer Tools
        • API Keys
        • API Logs
        • Sessions Events
        • Webhooks
      • Settings
        • Account
          • Changing your password
          • Google Single sign-on
        • Branding
          • Overview
          • Logos
          • Background Colour
          • SMS Message / Results Customization
          • Customize Video
        • Users
          • Finding and Editing Users
          • Creating A New User
          • Different User Types and Permissions
          • Deactivating and Reactivating Users and Admins
          • Receive Condition Reports via Email
        • Widgets
          • Overview
          • Creating a Website Widget
            • Editing an existing Website Widget
            • Preview a Website Widget
            • Installing a Website Widget on Your Website
          • Sharable Links
            • PAVE App icon
        • Batches
        • Estimates
        • Integrations
          • vAuto
        • Custom Capture
    • Step by Step Guide
      • Managing Unique User Sessions
Powered by GitBook
On this page
  • Overview
  • Website Installation
  • Where to find 'YOUR_CONTAINER_ID'
Export as PDF
  1. Branch Dashboard
  2. User Feature Walkthrough
  3. Settings
  4. Widgets
  5. Creating a Website Widget

Installing a Website Widget on Your Website

Forever Change How You Inspect and Appraise Used Vehicles

PreviousPreview a Website WidgetNextSharable Links

Last updated 1 year ago

Overview

With PAVE's easy to use JavaScript, you can replace your long "online appraisal" or "sell your car" forms on your website by only requiring visitors to enter their name and phone number to get a PAVE link sent to them directly. PAVE will automatically gather the rest of the needed information from the photos as they capture them.

Website Installation

When they submit their phone number to get sent a PAVE link, their session and progress will automatically show on your dashboard as being sent from your webpage under the name you gave your widget for easy tracking. Once they are complete in doing their capture, the people you have set up to get notified will receive a link by text with the results.

For embedding on your website, you have two options;

1 - iframe: This option allows you to embed the PAVE Inspect form as a frame or an external resource.

2 - floating form: This option allows you to add the PAVE Inspect form to hover on the bottom center of any page where the script gets added.

Iframe: (optional)

Your website layout and the theme used will affect how your form appears on your web page. We calculate the height and the width of your form based on the container size where you embed the form.

To embed the PAVE Inspect form, first create the container on your webpage where you want it to be placed. Once created, replace the 'YOUR_CONTAINER_ID' in the script that is displayed for that widget with the name you gave this container.

**SAMPLE ONLY**

<script src="https://uat.paveinspect.com/js/launch-widget.js"></script>
<script>
  initPAVELauncher({
    'container': 'YOUR_CONTAINER_ID'
    'src': 'https://uat.paveinspect.com/launch-widget/43b4a899-6bf1-48b8-ae72-451d08aac5e9'
  });
</script>

**SAMPLE ONLY** the script for your website is created in SETTINGS when you activate a new form.

Copy the script for your form and add it within the <body> of your page. The form will automatically load inside the defined container.

Floating form: (default)

If you choose not to enter a designated container for where the PAVE Inspect form appears within your web page, the form will automatically default to float on the bottom center of the page.

Where to find 'YOUR_CONTAINER_ID'

The 'Container ID' is the ID that was given for the <div> where you want the form to be displayed on your webpage. <div id="form" class="container">

You can find this in the HTML for your page. If you only have a <div class="container'> you should add an ID to your container and enter it in the script before adding it to your <body> . Using the name of the "class" instead of the "id" may not work correctly as you may have several containers with the same class.

Directly copy the script for each of the forms that are displayed in your SETTINGS for the widget and insert it inside the of each page you wish to display the form.