Create an account at Fini AI to get started

Deploy Fini Search Bar

Guide consists of 5 main sections:

  1. Connections details
  2. General setup
  3. Replies setting
  4. Branding
  5. Deploying Fini Search Bar

Connections details

1

Go to Deploy tab

2

Go to Chat Widget -> Generate

3

Click on create new

4

Select Bot

Select the bot that you want to use for your Fini Search Bar

General setup

1

Add Domain

You have 3 options while you select the domain:

  1. Enter specific domain: For eg: https://www.usefini.com - when you do this your Fini Search Bar will only work on the selected website.
  2. Enter partial domain : For eg: *.usefini.com - you can choose this when you want to use the Fini Search Bar across differents parts of your product (eg: app, website etc.)
  3. Enter “null”: when you want your Fini Search Bar to work across domains you can enter “null” and then you can deploy it across domains

2

Select title

3

Insert Description

Replies setting

1

Add Welcome message

This is the message your users will see when they open the Fini Search Bar

2

Add pre-defined questions

It’s an optional step. If you foresee common questions among your users you can make it easier for them by adding pre-defined questions

Branding

In this section you can decide on the appearance of your Fini Search Bar including logo and color.

1

Show reference links

Select if you want to show the reference links used by the bot to generate it’s response. Note: We will only show public links.

2

Select your brand color

3

Upload your logo

4

Click on create

5

Go back to Settings

6

Adjust streaming

Streaming is a feature that allows users to enjoy a more natural, human-like experience by streaming words in the response, rather than receiving the entire reply all at once.

Please note that this functionality can impact Fini’s performance, potentially leading to a decrease in the accuracy of the replies since we turn off additional features like LLM evaluation while streaming

7

Click on save

Review configuration

Go back to deploy page

1

Click on Preview -> Searchbar

Preview Fini Search Bar and make any adjustment if needed

2

Review answers and functionality

Deploy Fini Search Bar

1

Select Embed Script

2

Copy code

Copy and paste this script to the HTML file of your website. Must put the snippet inside or after the body tag!

Finisearchbar.html

  <script>
      (function (w, d, s, o, f, js, fjs) {
        (js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0]);
        js.id = o;
        js.src = f;
        js.async = 1;
        fjs.parentNode.insertBefore(js, fjs);
        js = d.createElement("div");
        js.id = "fini-widget-root";
        d.body.appendChild(js);
        w.finiWidgetOptions = {
          widgetId: "yNYoJYuGMW",
          mode: "searchbar" 
        };
      })(window, document, "script", "FiniWidget", "https://storage.googleapis.com/fini-widget/assets/fini-widget-prod.min.js");
  </script>
  

Fini Search Bar set up is complete. If you wish to change some of the settings go back to the Deploy Page and edit your configurations in the settings tab


For any additional configurations or queries, reach out to hello@usefini.com