Helply

Helply

Configure

Appearance

Configure the appearance and messages of your Helply agent.

Last updated on 27 Jan, 2026

Let's do it together!

Step 1: Open Configuration

Navigate to Configure on the left side of the dashboard.

Snapshot

Step 2: Select Appearance

Select Appearance to begin customizing your Helply agent's look.

Snapshot

Step 3: Preview Changes

Keep an eye on the preview window on the right to see all your changes.

Snapshot

Step 4: Change Display Name

Change the display name in the provided field if needed.

Snapshot

Step 5: Set Welcome Message

Adjust the welcome message and add emojis if necessary using the Format toolbar.

Snapshot

Step 6: Add Follow Up Message

Add a follow up message if you want it to appear after your welcome message.

Snapshot

Step 7: Customize Image Input

Set the Image Input placeholder text that appears before user input in the widget.

Snapshot

Step 8: Upload Avatar

Click the Upload button to add or remove your avatar image.

Snapshot

Step 9: Adjust Position

Change the Position of the widget from bottom left to bottom right of the screen.

Snapshot

Step 10: Set Offset

Adjust the horizontal and vertical offset of the widget on your website.

Snapshot

Step 11: Configure Z Index

Change the Z index to adjust the layering of the widget.

Snapshot

Step 12: Select Icon Image

Select or upload a custom image for the widget icon.

Snapshot

Step 13: Edit Icon Text

Adjust or add text in the widget icon and set its position.

TIP: Leave the Icon Text field empty to disable Icon Text. Remember to save your changes!
Snapshot

Step 14: Change Widget Theme

Set the widget theme to Light or Dark mode for customers.

Snapshot

Step 15: Adjust Colors

Change the icon color, background color, and message box colors as needed.

Snapshot

Step 16: Show Sources Toggle

Click the toggle to display reference links in the agent's responses.

Snapshot

Was this page helpful?

Powered by InstantDocs