Installing Spara Fullscreen
How to deploy Spara's Fullscreen interface.
Last updated
How to deploy Spara's Fullscreen interface.
Last updated
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.
Create a new, blank webpage. This page must not include any other HTML elements, such as a header or footer.
Copy your JavaScript snippet from the Organization Settings page. You will need a Spara account with the "Manager" role.
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 HTML/CSS to deploy Spara:
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 Query Parameters documentation for more information.
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.
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.
Should you wish to track Spara events using a third party analytics tools, refer to JavaScript Events
