Top Examples of Chatbots + Interactive Demos Together

Even the most comprehensive website can’t answer every prospect's question. But product education and live chat can help fill in the gaps — and even prompt conversions.

Interactive demos, for example, give visitors a chance to experience the product themselves, getting them to aha moments and proactively answering questions they would’ve had without hands-on experience.

Chatbots are another way to get users answers to their questions, fielding the easy FAQs or connecting them to agents in seconds.

Both are great standalone solutions, but they become even more powerful when used together, allowing users to ask questions about any part of your product they want to learn more about.

In this post, we’ll explain how to integrate your chatbot with Navattic and share three ways to use interactive demos and chatbots together to boost user engagement, conversion, and adoption.

Since Navattic has direct integrations with Drift and Qualified, connecting your interactive demos with your chatbot is relatively straightforward.

Here’s how to do it:

Find your Script Key. In Drift, go to App Settings → Draft Widget → Install, and then expand the JavaScript section to find your Key. It should look something like this:

You can find your Qualified Script Key by going to navigate to Settings > Setup.

Add your Script Key to your demo. Open the Navattic demo you want to use. Head to the Integrations tab and scroll down to “tracking scripts.” Paste your Script Key into the Drift or Qualified input fields.

Publish your demo. Quickly test out the chat bot to (1) make sure it pops up inside the demo, and (2) confirm you see the conversations happening in Drift or Qualified.

Have user conversations. At this point, you’re ready to interact with demo users. In Drift, you’ll see your interactions in the conversations tab.

Below, we outline three ways to optimize the prospect and customer help experience by integrating interactive demos with chatbots.

Example 1: Use interactive demos as an option in the chat dropdown

Chatbot conversations typically start by presenting users with a few options to narrow down their requests, like “Connect with an agent” or “View support docs.”

Making one of those options a product tour encourages users to jump into your software before talking to an agent, giving them an overview of the product’s most valuable features.

One of our customers, Linnworks, lists “Take a Product Tour” right under chatting with an expert in their chatbot:

If users click on “Take a Tour,” they can choose which tour they want to take — the Linnworks Advanced or the SkuVault Core demo.

Once selected, users are taken to a landing page requesting their information ahead of the product tour:

Linnworks tracks exactly who is watching the demo and how far they got, which helps their sales team send a tailored follow-up later.

Example 2: Set chatbots in the interactive demo

There are two ways to incorporate chat into your interactive demo.

1. Embed your Navattic demo on a landing page that already has the chatbot on it OR
2. Use Navattic’s native integrations with Drift and Qualified (see above) to embed your chatbot directly within your interactive demo. Going this route guarantees the chatbot will appear if you send prospects a demo link.

Drift — it’s no surprise — has gone with option #2.

In Drift’s interactive demos, a chatbot automatically appears in the bottom right corner, asking if users have a question or want to schedule a live, personalized demo.

On the backend, agents can monitor the conversation, tailoring their responses based on the user’s typed question and what they’ve already seen in the demo.

Gorgias, a customer service platform for e-commerce companies, takes a similar approach in their interactive demos.

Its chatbot asks visitors whether they want to learn more about AI features, start a demo or trial, or let the chatbot know they are already a Gorgias customer.

These prompts not only route the user to the right place, they also inform how prospects should be handled going forward.

For instance, if they’re not yet a customer but are interested in Gorgias AI features, perhaps an SDR could send them an AI-focused interactive demo.

Or, if they’re considering a trial, you might drop them into the standard onboarding flow for your trialers.

If they’re an existing customer, you could find their CSM or support contact information and serve it up in the chat.

Example 3: Use interactive demos in an in-app chat

If you’re looking for ways to improve your onboarding and training process, try linking to interactive demos from an in-app chatbot like Chameleon or Intercom.

Interactive demos are a great way to get users acclimated quickly, increasing the chances of high adoption.

Navattic customer, Vitally, uses its in-app search bar to give users custom options for exploring the tool:

One of those options is the Vitally Academy, which features 12 interactive demos showcasing different parts of the platform.

Step-by-step walk-throughs like these prepare users to go back into the tool and complete an activity themselves — without the need for support.

Vitally leveraged our integration with Chameleon to create this workflow. But our chatbot integrations aren’t the only way to help out the user experience and speed up the deal cycle.

Try using Navattic’s native integrations with:

• Event Platforms
• Twilio Segment
• G2 and TrustRadius