Installing Spara Smartbar

How to deploy Spara's Smartbar interface.

Spara Smartbar is a customer-facing interface embedded directly on your marketing website. It lets customers ask questions - like having mini ChatGPT about your company easily accessible to your marketing leads.

Tiny embeds Spara Smartbar on their marketing pages to engage vistors.

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 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.

Step 2: Identify where to load Smartbar

  • Add an empty div element with id="spara-smartbar-root" to the html body. Spara Smartbar will load inside this div as a full section of your marketing website.

    • You may have multiple Spara Smartbar elements on the same page.

    • You may have both Spara Smartbar and Spara Navigator on the same page. Your website visitors will experience this as a single conversation.

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

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

Last updated