Customizing Your Textchat Launcher

The Textchat launcher can be fully customized to match your brand and website layout. Below is a breakdown of each available setting and its effect on the appearance and positioning of your chat widget.

To find these settings, go to: Settings -> Textchat->Customize Launcher

Brand Color

What it does:

Sets the background color of the chat launcher button.

Best practice:

Use your primary brand color to keep the widget consistent with your website design.

Page Position

Options: Left or Right

What it does:

Determines which side of the screen the chat bubble appears on.

Tip:

Right side is most common (industry standard)
Left side can be useful if your site already has elements on the right

Bubble Icon

Options include:

Chat bubble
Phone icon
Mobile icon
Avatar (custom image)

What it does:

Changes the visual style of the launcher button.

Tip:

Use avatar for a more personal, human feel
Use chat bubble for a clean, standard look

Bubble Size

Options: Default or Small

What it does:

Adjusts the size of the launcher button.

Tip:

Default = more visible, higher engagement
Small = more subtle, less intrusive

Bottom Offset

What it does:

Controls how far the chat widget sits above the bottom of the screen (in pixels).

Example:

0 px = flush with the bottom
50 px = lifted slightly above the bottom

When to use it:

Avoid overlapping with sticky footers or mobile navigation bars
Improve spacing for better visibility

Side Offset

What it does:

Controls how far the widget sits from the left or right edge (depending on position).

Example:

0 px = flush with the edge
20 px = slightly inset from the side

When to use it:

Prevent overlap with side menus or floating buttons
Improve visual spacing

Avatar Image

What it does:

Allows you to upload a custom image when using the avatar-style bubble.

Where it appears:

Launcher button
Greeting message (if enabled)

Best practice:

Use a clear, friendly team photo or brand representative image.

Saving Changes

After making updates:

Click Save changes
Refresh your website (or use an incognito window) to see updates

* * *

Hopefully, this helps you get everything running, but if you have any difficulties or other questions, please get in touch with us at support@chekkit.io!