Publish Skilly Across Your Website

We're going in-depth with a series of articles on all the ways you can deploy your skilly for maximum engagement and impact. Here, we'll be focusing on your website. Let's dive in!

Publish via URL

The easiest way to get your skilly in front of website visitors is simply to copy its URL and paste it into whatever context you like. In the webpage below, you can see this in action with feature #3, "Ask Abby, our AI Guide":

As a URL, you can call up skilly almost anywhere on your website. From a simple "get in touch" link at the bottom of a blog post, to a custom button on your Contact Us page.

And remember, because you can create multiple skillies with their own unique URLs, you could decide to use them for distinct purposes and with different goals in mind (for instance, you might use one skilly on your public/marketing website, and another on your customer portal, where the former is pursuing the goal of generating leads while the latter is pursuing customer satisfaction). This approach is also valuable when reviewing your analytics and insights, which are tied to each individual skilly.

Note that the flexibility of the skilly URL does come with one caveat, which is that clicking it will open up an off-site page run by your skilly (see example here). For situations where you'd prefer to keep users on your website, we have plenty of other deployment options.

Chat Bubble

Skilly's chat bubble is likely how you first encountered skilly in the wild, and it's very easy to implement on your own website. In the Customize section, find the code icon next to the skilly you want to launch as a chat tool, and you'll reach this screen:

The javascript snippet you'll copy is very light at just 7 lines, and looks like this:

  <script>
    window.chatConfig = {  
      chatId: "qfue8h6vz2",
      env: "skl"
    };
  </script>
  <script src="https://d36ewmyb2wrx29.cloudfront.net/index.js"></script>

It's possible that you won't even need a web developer to access your codebase for this, but if you do, it's an extremely simple task and if you have questions you can always talk to us. Placing the snippet in the <head> of your website enables the persistent chat bubble (which you can further customize to fit your brand), which, when clicked, opens up a skilly conversation window right inside your own webpage:

The bottom-right chat bubble interface is an extremely common feature in websites, and your users will have some general idea of what they can use it for whenever they see it, making it a useful safety net for anyone who has questions or doubts about how to engage with your organization.

Search bar

Another well-known website feature for answering users' questions is the search bar. Often, maintaining a useful search function on your site requires paying for a 3rd party app and/or employing the expertise of a web developer. With skilly, you can circumvent those costs by presenting users with the familiar search bar interface, which then transforms into the skilly chat window experience to answer their question.

In most cases this is a significant upgrade to your standard search experience because it's not just a one-and-done Q&A; skilly provides the initial answer and can then clarify, redirect, or otherwise assist your user in reaching their end goal (all while keeping your goals in mind).

If you already have the chat bubble script installed on your site, then adding a search bar interface is even easier. It's just one new line of javascript to be copied over, while all your customization of the feature happens inside the page where you grab your code snippets:

FAQ Pages

If you haven't checked out the FAQs feature of your skilly account yet, now's a great time to read up. Pulling from your Q&A knowledge base, building an FAQ page you can link from your website is as simple as choosing the questions you'd like to bundle into one FAQ set (you can create as many sets as you like), customizing the branding of the page, and then copying the URL to link it wherever you see fit: in your navigation menu, at the end of articles, etc. The content on FAQ pages always pulls directly from your Q&A knowledge base, so the page will automatically stay up to date if you revise any of the Q&A knowledge it's sourcing.

Phone Number

Last but not least, you may have noticed a phone icon next to your skilly URLs in your Customize page:

This is a phone number unique to that skilly, with the capability to send and receive SMS texts. While this method of talking to skilly is understandably a bit less feature-rich due to the limitations of texting, it can be a valuable option for your users who prefer to keep a conversation going offline, or want an easy way to check in with your organization at all hours of the day without having to figure out where on your site they should look or who they should contact. Deploy this phone number in the footer of your website, or a Contact Us page, or anywhere else you'd like to offer texting as a user benefit.

That should cover your website experience. Stay tuned for more deep-dive articles on publishing your skilly!

Related Articles