Creating a Widget

To start creating a widget, just click on 'Create a New Widget' or the 'Create Widget' button at the top right corner.

First, you’ll need to give your widget a name. This name is for internal use only so your team can differentiate between widgets. (Ex: Sales page widget vs. Customer support widget)

After you've named your widget, you'll see several fields to personalize the personality of your widget. To learn more about how to use the personality customization, please take a look at the article below.

Personality Customization

Once you’ve set the personality for your widget, select “Add” to continue on to the appearance customization screen.

In this section, you'll be able to customize multiple aspects of your widget including the appearance and message suggestions.

Widget Name: This is where you can give your chatbot a unique name that customers will see.
Initial Message: This is the first message users will see from your chatbot when it appears on their webpage. This field is not required.
Message Suggestions: You can easily set up quick questions as suggestions that pop up instantly, helping your customers know what to ask your chatbot. This field is not mandatory.
Theme: Personalize the widget's appearance by choosing a color theme. Simply click on the moon icon for a dark theme or the sun icon for a light theme, depending on what suits your style best.
Message Color and Widget Bubble Button Color: Here, you can customize the colors of your chatbot's message text and bubble background. Choose colors from the color picker or enter hex codes directly to precisely match your brand colors.
Chat Alignment: This option allows you to select the side of the screen where you want to Lynn to appear on your site.
Enable Raise for Support: Here, you can choose whether the chat widget should show the button to raise human support or not show it at all within the widget as a button.
Show Knowledge Sources in Responses: This is the option that allows you to choose whether the widget should show the reference articles used for answering the questions within Lynn's responses.

After you click 'Save Changes', your widget will start loading. Finally, and importantly, you'll see a preview of your creation on the right side, where you can watch your chatbot comes to life.

If you’d like to test the chatbot on your site before embedding it, go ahead and use the widget preview feature which is accessible through the “Widget Preview” button in the top right corner.

PreviousBuilding Up the Knowledge Base NextAdd Suggested Questions to Your Widget

Last updated 5 months ago

Was this helpful?

To start creating a widget, just click on 'Create a New Widget' or the 'Create Widget' button at the top right corner.

First, you’ll need to give your widget a name. This name is for internal use only so your team can differentiate between widgets. (Ex: Sales page widget vs. Customer support widget)

Personality Customization

Once you’ve set the personality for your widget, select “Add” to continue on to the appearance customization screen.

In this section, you'll be able to customize multiple aspects of your widget including the appearance and message suggestions.

Widget Name: This is where you can give your chatbot a unique name that customers will see.
Initial Message: This is the first message users will see from your chatbot when it appears on their webpage. This field is not required.
Message Suggestions: You can easily set up quick questions as suggestions that pop up instantly, helping your customers know what to ask your chatbot. This field is not mandatory.
Theme: Personalize the widget's appearance by choosing a color theme. Simply click on the moon icon for a dark theme or the sun icon for a light theme, depending on what suits your style best.
Message Color and Widget Bubble Button Color: Here, you can customize the colors of your chatbot's message text and bubble background. Choose colors from the color picker or enter hex codes directly to precisely match your brand colors.
Chat Alignment: This option allows you to select the side of the screen where you want to Lynn to appear on your site.
Enable Raise for Support: Here, you can choose whether the chat widget should show the button to raise human support or not show it at all within the widget as a button.
Show Knowledge Sources in Responses: This is the option that allows you to choose whether the widget should show the reference articles used for answering the questions within Lynn's responses.

After you click 'Save Changes', your widget will start loading. Finally, and importantly, you'll see a preview of your creation on the right side, where you can watch your chatbot comes to life.

If you’d like to test the chatbot on your site before embedding it, go ahead and use the widget preview feature which is accessible through the “Widget Preview” button in the top right corner.