Skip to main content
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

Step 1 screenshot
2

Go to Chat Widget -> Generate

Step 2 screenshot
3

Click on create new

Step 4 screenshot
4

Select Bot

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

​
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
Step 20 screenshot
2

Select title

Step 21 screenshot
3

Insert Description

Step 22 screenshot

​
Replies setting

1

Add Welcome message

This is the message your users will see when they open the Fini Search Bar Step 8 screenshot
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 Step 9 screenshot

​
Branding

In this section you can decide on the appearance of your Fini Search Bar including logo and color. Step 10 screenshot
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. Step 14 screenshot
2

Select your brand color

Step 13 screenshot
3

Upload your logo

Step 23 screenshot
4

Click on create

Step 16 screenshot
5

Go back to Settings

Step 17 screenshot
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 streamingStep 18 screenshot
7

Click on save

Step 19 screenshot

​
Review configuration

Go back to deploy page
1

Click on Preview -> Searchbar

Preview Fini Search Bar and make any adjustment if needed Step 29 screenshot
2

Review answers and functionality

Step 31 screenshot

​
Deploy Fini Search Bar

1

Select Embed Script

Step 24 screenshot
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 [email protected]