How do I customize my tour operator support chat?

The website-widget works with any tour operator site. You get a lightweight JavaScript snippet that you paste once into your site’s code. The widget then sits on every page, ready to answer guest questions about itineraries, availability, or policies. No development work needed, and it loads fast so your booking flow stays smooth.

Once the snippet is live, you can manage the entire chat experience from your Chatref account. The widget respects your site’s layout and appears in the corner you choose, staying out of the way until a visitor clicks to ask a question.

Customization settings let you align the widget with your tour brand in seconds. Open your Chatref agent, navigate to the widget customization pane, and set:

• Primary color – pick the exact hex code from your brand palette so the chat bubble, send button, and header bar match.
• Logo upload – add your company logo to the widget header to reinforce brand trust.
• Widget position – choose bottom-right or bottom-left, and decide whether it opens as a bubble or a full-page sheet.
• Border radius and shadows – fine-tune the shape to fit your site’s design language.

Every change updates in the live preview instantly, so you see exactly what guests will see.

The welcome message is the first thing a guest reads. In the same customization panel you can write a greeting that feels like your team: "Hi! Ask me about our gorilla trekking permits or any tour details. I’m here to help."

You can also give your AI agent a name that fits your brand—"Safari Assistant," "Mountain Guide," or simply your company name. This small touch makes the chat feel more personal and approachable. The agent then answers from your own tour docs, so it naturally uses your terminology and product names without you having to manage a separate script.

Before your customized widget goes live to every guest, use Chatref’s built-in preview tool. It shows exactly how the widget looks on desktop and mobile. You can test the greeting, trigger a sample question, and verify the colors and logo are crisp.

If something feels off, you can tweak the settings and preview again in real time. There’s no need to clear caches or wait for propagation. Once you’re satisfied, the widget is already active on your site—no extra steps.

What customization options are available for my chat widget?

You can customize:

• Primary color (with hex code picker)
• Widget position (bottom-left or bottom-right)
• Logo for the widget header
• Welcome message text
• Agent display name
• Border radius and shadow intensity
• Show/hide the Chatref branding (included on all accounts)

All of these are managed from the same widget customization panel, no code required.

How do I match my chat widget to my brand?

Start by grabbing your brand’s primary color hex code and your logo file. In your Chatref agent’s customization settings, set the primary color to match, upload your logo, and write a welcome message that uses your brand’s tone. If your brand is friendly and casual, make the greeting conversational; if it’s formal, keep it polished. Then, assign the agent a name that your guests would recognize—like "Island Explorer" for a tropical tour operator. Finally, preview the widget on your site to confirm it blends in seamlessly.