company logo

Help center

All collectionsForm SkinsChat Bot Form Skin [Tutorial]

Chat Bot Form Skin [Tutorial]

How to set up the Chat Bot Skin.

Jovan Stojanovic·October 9, 2026

How to set up the Chat Bot Skin and best practices

Overview

The Chat Bot Skin transforms your form into a conversational, chat-style experience.

Instead of showing all questions at once, it walks users through one question at a time, making the interaction feel more natural, guided, and familiar, like a messaging app.

Enabling the Chat Bot Skin

To get started, open your form in the builder and go to the Design tab.

On the right-hand side, select Chat Bot Skin. Your form will instantly switch to a chat-style layout.


Customizing the Look

Head over to the Style tab to adjust how your chat looks.

Pick one of the Themes (Light Mode, Dark Mode, and many more), then fine-tune text, accent, and other colors under Colors to match your brand.

You can also style the conversation itself, including the bot message bubbles, user message bubbles, and text colors, so everything feels consistent.


Chat Settings

In the Settings tab, you’ll find a few options that control how the chat is presented.

  • Bot Avatar
    Upload an image that appears next to each bot message. This could be your logo or something more personal.

  • Desktop Size
    Controls how wide the chat appears on desktop.
    Small is more compact, medium is balanced, and large (the default) gives you a more immersive layout.

Bot Name: click the name at the top of the chat on the canvas and type a new one. If you leave it empty, your form name is shown.


Previewing Your Form

You can click Preview at any time to see how everything feels.

The form will now behave like a conversation, showing one question at a time and guiding the user step-by-step.


When to Use It

The Chat Bot Skin is a good choice when you want the form to feel more interactive and less like a traditional form.

It works especially well when you have multiple questions or want to guide users through the process in a more structured way.


Analytics

Once your form is live, head to the Analytics tab to track performance.

You’ll be able to see key metrics like:

  • Start rate

  • Completion rate

  • Opt-in rate

  • Qualification rate

  • Booked calls

On the Advanced tab of Analytics, you can also:

  • Track trends over time

  • See drop-off per question

  • Identify where users are leaving


Optimization

To improve performance, use built-in Split Testing to compare different versions of your form.

You can test different skins, layouts, or flows to see what gets the best results.

Did this answer your question?
😞
😐
😁