Skip to main content
Skip table of contents

Texts

In this guide, we’ll explore the Text options in your Web Conversations instance. These settings allow you to customize the interface texts displayed within your chatbot, such as its name, placeholder text, and other elements. By the end of this tutorial, you’ll know how to configure these text options to create a chatbot experience that feels personalized and aligned with your brand’s tone of voice. Let’s get started!


Step 1: Access the Text Options

To begin customizing the text options:

  1. Navigate to the Texts section in the left-hand menu of the Web Conversations editor.

  2. Once there, you’ll see a variety of text fields that you can adjust. Let’s go through them step by step.


Step 2: Customize the Title and Subtitle

Title

The Title is the text displayed at the top of the chat window. It’s often used to show your company name or the name of your chatbot. For this example:

Subtitle

Below the title, you can add a Subtitle. This provides additional context about your chatbot, such as its purpose or role. For instance:

  • Enter "E-learning Agent" as the subtitle.


Step 3: Update the Input Placeholder Text

The Input Placeholder Text is the text displayed in the input field where users type their questions. It’s important to keep this text simple and inviting. Avoid using a question, as it may confuse users. For example:

  • Change the placeholder text to "Ask me a question!"


Step 4: Configure the Handover Divider Text (Optional)

If you have live chat integration enabled, you’ll see an option for the Handover Divider Text. This text indicates the point in the conversation where the chatbot transfers the user to a live agent. For now:

  • Leave this field as is, but feel free to customize it later to fit your needs.


Step 5: Preview and Save Your Changes

As you make changes to the text fields, you’ll notice that the updates are automatically reflected in the Preview Widget on your screen. This live preview allows you to see exactly how your changes will appear to users.

Once you’re satisfied with your updates:

  • Click the blue Save button at the top of the screen to publish your changes.


Step 6: Customize Menu Texts

The Menu refers to the additional options accessible via the three dots in the title bar of the chat window. These options allow users to start a new session or reset their conversation. Let’s explore this feature:

  1. Click the three dots in the preview to open the menu.

  2. Select Reset to reset the conversation. The chatbot will ask if you’re sure you want to reset.

  3. Click Yes to confirm.

If you’d like to customize the reset confirmation text or the possible answers, you can do so in the text options on the right-hand side. For now, we’ll leave the default values as they are.


Step 7: Additional Channels Texts

The final text option relates to Additional Channels, which we discussed in the previous tutorial. Here, you can define the texts shown for options like WhatsApp or Phone Number. These texts help guide users when they choose to start a conversation via one of these channels.


Congratulations!

You’ve now learned how to customize all the Text options available in Web Conversations. By tailoring these settings, you can ensure that your chatbot communicates in a way that reflects your brand’s personality and meets your users’ expectations.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.