Widget appearance

A widget that looks like yours

The chat widget is the only part of this your customers ever see, and it sits on your site, next to your brand. Everything about how it looks and how it opens is yours to set, without writing any CSS.

  • Brand colour, avatar, chat icon, light or dark theme
  • Ten interface languages, including right-to-left Arabic
  • Remove the "Powered by AssistLoop" badge on paid plans

What you can change

Every control has a live preview beside it, so you are looking at the actual widget as you edit rather than guessing from a colour picker.

Colours and theme

Set the primary colour and the user-message colour, and choose a light or dark theme. The preview updates as you type.

Name and avatar

Give the agent a name and upload a profile picture and a chat-bubble icon, up to 2MB each. Most teams name it something that is clearly not a person.

Every line of copy

Greeting, intro, opening message, input placeholder and footer text are all yours. Nothing in the widget has to sound like it came from us.

Quick replies

Add up to five suggested messages so visitors have something to click instead of a blank box. Optionally hide them once the conversation starts.

When it opens

Open the widget automatically after a delay you set, or show a welcome popup first. Both are configurable from zero to sixty seconds, or off entirely.

Ten languages

The widget interface ships in English, Spanish, French, German, Italian, Portuguese, Arabic, Finnish, Danish and Norwegian, with proper right-to-left layout for Arabic.

How to set it up

  1. 01

    Set the basics

    Name, greeting, opening message and placeholder. This is the copy that decides whether anyone types at all.

  2. 02

    Match your brand

    Primary colour, message colour, theme, avatar, icon and which side of the screen the button sits on.

  3. 03

    Tune the behaviour

    Quick replies, auto-open delay, welcome popup. Then watch the preview and turn off anything that feels pushy.

Widget customization in depth

This is the only part customers see

Everything else in this product happens backstage. The training, the model, the actions, the inbox: none of it is visible to the person on your website. They see a coloured bubble in the corner and whatever it says when they click it. That is the entire product, as far as they are concerned.

Which is why the copy matters more than the colours. A widget that opens with "Hi! How can I help today?" gets a different response rate to one that opens with "Ask me anything about shipping, returns or sizing." The first is polite noise. The second tells the visitor what this thing is actually good for, and people only type when they believe they will get an answer.

What you can actually control

The appearance settings cover the primary colour, the user-message colour, a light or dark theme, and which side of the screen the launcher sits on. You can upload a profile picture and a chat icon, up to 2MB each. Every string is editable: the agent’s name, the greeting, the intro, the opening message, the input placeholder and the footer.

On the behaviour side you get up to five quick replies of fifty characters each, with an option to hide them once the visitor has sent their first message. The widget can auto-open after a delay you choose, and a welcome popup can appear before it. Both delays run from zero to sixty seconds.

A word on auto-open: it lifts engagement and it annoys people, and which of those dominates depends entirely on your site. Start with it off, or set a long delay so it only fires for someone who has genuinely been reading. A widget that ambushes a visitor two seconds after they land is a widget people learn to close on reflex.

Up to five quick replies of fifty characters each. Avatar and chat icon up to 2MB each. Auto-open and welcome-popup delays run from zero to sixty seconds, or off entirely.

Language is interface, not answers

The widget ships in ten languages: English, Spanish, French, German, Italian, Portuguese, Arabic, Finnish, Danish and Norwegian. Arabic renders properly right-to-left rather than as mirrored English.

Be clear about what this setting does. It translates the widget’s own interface, the buttons, the placeholders, the chrome. It is not the language the AI answers in. What the agent replies in follows from the model and from what you trained it on. If you need it to answer in French, train it on French material and tell it to reply in French in its instructions.

The setting translates the widget interface, not the language the AI answers in. That follows from your training data and the instructions you give the agent.

Removing our branding

The widget shows a small "Powered by AssistLoop" line by default. It can be removed on paid plans, and it is also available as a standalone add-on if you want it without moving up a tier.

One thing to know if you are evaluating on the free plan: you can change any of these settings in the form and see them in the preview, but the free plan only saves the agent name and the language. Everything else needs a paid plan to persist. See pricing for what each tier includes. When the widget looks right, install it with a script tag or an official plugin.

The "Powered by AssistLoop" line can be removed on paid plans, or bought as a standalone add-on. The free plan saves only the agent name and the interface language, so everything else here needs a paid plan to persist.

Frequently asked questions

Can I match the widget to my brand colours?

Yes. You set the primary colour and the user-message colour directly, choose a light or dark theme, upload your own avatar and chat icon, and pick which side of the screen the launcher sits on. A live preview shows the result as you edit.

Can I remove the "Powered by AssistLoop" badge?

Yes, on paid plans. It is also available as a standalone add-on if you would rather not move up a tier for it.

Do I need to write CSS?

No. Everything is a form field with a live preview. There is no stylesheet to override and no code to write.

What languages does the widget support?

The interface ships in ten: English, Spanish, French, German, Italian, Portuguese, Arabic, Finnish, Danish and Norwegian. Arabic is rendered right-to-left. Note this sets the language of the widget interface, not the language the AI answers in, which follows from your training data and the agent’s instructions.

Can I make the widget open by itself?

Yes. You can auto-open the widget after a delay of up to sixty seconds, and show a welcome popup beforehand. Both can be switched off. A long delay generally performs better than an immediate one, because it only fires for visitors who are actually reading.

Can I customise the widget on the free plan?

You can change the settings and see them in the preview, but the free plan only saves the agent name and the interface language. Colours, copy, avatar and behaviour settings require a paid plan to persist.

Keep exploring

Make it look like it belongs on your site

Set the colours, write the greeting, and see the widget your customers will actually see, live as you edit.