Spara Documentation
  • Overview
    • What is Spara?
    • How can Spara help?
  • Channels
    • AI Chat: Smartbar, Navigator & Fullscreen
      • Spara Smartbar
      • Spara Navigator
      • Spara Fullscreen
    • AI Email
    • AI Phone Calls
  • Platform
    • Leads
    • Journeys
    • Analytics
    • Library & AI Training
    • Testing
  • Installation Guide
    • Installing Spara Chat
      • Installing Spara Smartbar
      • Installing Spara Navigator
      • Installing Spara Fullscreen
      • Installing Spara on Webflow
    • Query Parameters
    • JavaScript Events
  • Installation FAQ
  • Integrations
    • Salesforce
    • Hubspot
    • Marketo
    • Slack
    • Chili Piper
    • Calendly
    • Outreach
  • Other
    • Security & Compliance
Powered by GitBook
On this page
  • Step 1: Add Spara's script to your website
  • Step 2: Remove any JavaScript-loaded elements
  • Step 3: (Optional) Tell Spara about your query parameters
  • Step 4: Turn on Spara Navigator
  1. Installation Guide
  2. Installing Spara Chat

Installing Spara Navigator

How to deploy Spara's Navigator interface.

Last updated 2 months ago

The Spara Navigator is a bottom right corner chat interface built specifically to power MQL to SQL conversion on your marketing website.

Step 1: Add Spara's script to your website

Do not add more than one Spara Javascript snippet to a page! If you have already installed a Spara product on this page skip to Step 2.

Copy your company's snippet from the . You will need a Spara account with the "Manager" role.

Paste your company's snippet inside the <head> tag for all pages of your marketing website.

Here is a full example of how to deploy Spara Navigator:

<head>
  <script type="text/javascript" src="https://app.spara.co/embed-<app_id>.js"></script>
</head>

Step 2: Remove any JavaScript-loaded elements

Pages with Spara Navigator should not contain any other JavaScript-loaded elements, such as chatbots like Intercom, Drift, or Qualified.

Remove all chatbots! Spara will not be usable if they are present.

Step 3: (Optional) Tell Spara about your query parameters

You can tell Spara information you already have about the lead via query parameters. By supplying Spara with this information you ensure that Spara will not attempt to recapture this data, and will use this information to have a better conversation. See documentation for more information.

Step 4: Turn on Spara Navigator

You may also optionally blacklist Spara Navigator from loading on specific webpages by adding urls, including urls with wildcards, to the Navigator Blacklist.

You may also optionally specify an HTML element that sometimes "blocks" Spara Navigator from being seen by your website visitors. This is usually a cookie settings banner. Specifying this element will ensure that Spara Navigator is displayed immediately above the obstructing HTML element, and then moves back to its usual position once the obstructing HTML disappears (ex. your webpage visitor accept your cookie policy).

Toggle Navigator Deployment to "on" from your . Once turned on, Spara Navigator will start loading on your webpages.

Implementation page
Query Parameters
Implementation page
Spara Navigator settings are managed on the Implementation page.