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: Redirect to Spara Fullscreen with Query Parameters
  • Step 3: Remove any JavaScript -loaded elements
  • Step 4 (Optional): Javascript Events
  1. Installation Guide
  2. Installing Spara Chat

Installing Spara Fullscreen

How to deploy Spara's Fullscreen interface.

Last updated 3 months ago

Spara's Fullscreen interface is exactly what it sounds like: a full screen chat interface powered by Spara's AI. This interface is deployed onto a single URL of your company's marketing website. It's most often used for post-web form submission flows.

Spara's full screen interface deployed by Sendoso.

Step 1: Add Spara's script to your website

  • Create a new, blank webpage. This page must not include any other HTML elements, such as a header or footer.

  • Paste your company's JavaScript snippet inside the <head> tags of your new, blank webpage.

  • Add an empty div element with id="spara-iframe-root" to the html body.

Here is a full example of effective code to deploy Spara Fullscreen:

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

Step 2: Redirect to Spara Fullscreen with Query Parameters

The most common use case is to redirect to Spara Fullscreen from a marketing webform.

Contact your Spara customer service representative if you need help with this step.

Step 3: Remove any JavaScript -loaded elements

This page should not contain any other JavaScript -loaded elements, such as chatbots like Intercom, Drift, or Qualified. Most platforms provide an easy mechanism to "blacklist" specific URLs, meaning that the chatbot will not load for a specific URL.

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

Step 4 (Optional): Javascript Events

Should you wish to track Spara events using a third party analytics tools, refer to JavaScript Events

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

When loading or redirecting the Spara Fullscreen interface page include any lead enrichment data as query parameters to the iframe URL. By supplying Spara with this information you ensure that Spara will a) not attempt to recapture this data, and b) may modify its behavior to better suit each conversation. See documentation for more information.

Organization Settings page
Query Parameters