Spara Navigator

An introduction to Spara's website chatbot.

Spara Navigator is a chatbot for marketing websites. It is built specifically to power MQL to SQL conversion by answering questions and proactively asking qualifying questions. Spara Navigator "floats" on the page so that it is viewable and accessible at all times.

Onboarding & installation instructions can be found here: Guide: Installing Spara Navigator.

Spara Navigator's initial behavior can be customized based on a multitude of factors:

• What URL Spara is loaded on
• Any Developer: Query Parameters in the URL, including utm marketing parameters
• Any "wait" time before Spara should load

Once a buyer is engaging with Spara Navigator, how Spara Navigator moves the lead through your sales funnel is fully configurable in AI Instructions.

Spara Navigator's UI and color scheme are highly configurable. Below is an explanation of UI Modes; Navigator may have different UI Modes for desktop versus mobile users.

Previews

In addition to all the features outlined in AI Instructions, Previews lets you define how Spara Navigator looks to website visitors before they engage with it. Here's how it works:

• Each chat channel has its own set of one or more Previews.

  • This makes A/B Testing different Previews easy to optimize engagement.
• Each Preview...

  • Is entirely configurable for Desktop vs. Mobile visitors.
  • Loading criteria determines which website visitors see it. The "default" Preview is a catch-all for any website visitors that don't fit the loading criteria of other Previews.
  • Loading delay sets how many seconds to delay before showing Navigator website visitors.
  • Preview mode is what Navigator looks like. Different Preview modes require different inputs.
  • A Call to action section lists the buttons you can offer the visitors who see this Preview. Select Start product demo on the Previews where you want a demo offered — for example, only on your pricing page. The two surfaces are separate options, so you can offer a demo in one and not the other: before Navigator is opened puts the button on the Navigator itself, and within Navigator chat puts it above the message box once a visitor has opened the chat. Both options appear only if product demos are enabled for your account.
• Each Preview is rendered for you to "preview" in the bottom right of the screen so you can see exactly how each input works.

When the starting criteria is URL, enter the path of the page (e.g., /pricing, /solutions/sales), not a full URL with https:// and a domain. Spara matches the visitor's current path against what you enter, including any sub-paths underneath it (so /pricing also matches /pricing/enterprise).

Preview Mode: Central

The "Central" preview mode is a contemporary design that drives higher engagement that a traditional bottom right chatbot - you'll notice leading AI companies like OpenAI using this design on their own marketing websites. We recommend using this mode.

Note that this mode may not be compatible with large cookie policy banners and is only supported on desktop - you must choose a different mode for mobile devices.

Spara Navigator's modern, centrally-placed UI.

Preview Mode: Traditional

Traditional Mode places the chatbot in the bottom right corner of screens - where chatbots are traditional seen. There are three options within this mode:

• Traditional: Message - shows a message and/or suggested responses
• Traditional: Input - shows an input bar
• Traditional: Closed - shows just the bottom-right avatar

With Start product demo — before Navigator is opened selected, the demo button sits above the message or the input bar. Traditional: Closed shows only the avatar, so it can't offer a button — visitors get the demo once they open the chat instead.

Traditional: Message mode can show with a preview message and/or suggested responses.

Traditional: Closed mode only shows the bottom-right avatar.

Preview Mode: Opened

This mode loads Spara Navigator in its "opened" state.

Preview Mode: Hidden

Does not show Spara Navigator at all. Useful for A/B testing having a chatbot on your webpages.

Preview Mode: Avatar

The Avatar preview mode replaces the standard message bubble with a narrow portrait card. Desktop visitors see a looping avatar video, a greeting, a Start product demo button, and an input for typing their own question. Two additional buttons — book a meeting and request support — can be enabled per preview. The demo button follows the Preview's Start product demo — before Navigator is opened setting; without it the card opens chat instead.

This mode is configured by Spara. Reach out to your account manager or [email protected] to enable it for your account.