1. Overview

The Overview section allows you to customize your agents text to fit your client’s branding or your unique style.

2. Appearance

Customize the look and feel of your agent to match your brand.

Font family: Choose from any of the free Google fonts.

Example: DM Sans

You can change the fonts of specific parts (like header and input field) using custom CSS.

Inherit Font: Type “inherit” in the font input field to use the same font as webpage. Note: The widget must be put on the website for this to work.

Not recommended, as this may break the agent – use at your own risk.

Widget Language

Language Code:

TIXAE Agents uses ISO 639-1 language codes to set the language, this means your widget can have literally any language. **Codes are primarily used in the developer API.

Automatic Translation:

Labels and placeholders will be automatically translated to your chosen language. Title and branding will keep their original language and text. Choose ✨Automatic to pull website language automatically.

Buttons Layout

Customize the layout and look of the buttons used in your agent’s interface. There are three options to consider with each unique uses cases. Example, in footer or horizontal is often used as a way to automatically generate follow up questions (similar to microsoft co-pilot or perplexity) to guide the user through the conversation with ease.

Vertical (standard):

3. Launch Avatar

Set the images that will represent your agent visually.

4. Custom Theme

Personalize your agent’s color scheme to align with your brand.

If youre struggling to find your brands primary color. We recommend dowloading the chrome/edge plugin ColorPick Eyedropper to easily find your preferred color from your website color.

Showcasing the agent

It’s essential to know how the agent behaves and looks before launching on your website or letting a client test it. TIXAE Agents has two options for testing, right from the agent designer:

Prototype:

  1. Your clients will want to test a demo of their agent. Using the prototype link is a great way to do that. If you are in the whitelabeling program, the link will have your custom domain and branding!

Demo:

  1. It’s not always easy to visualize how the agent will look on a website. The demo link lets you test it out in chat bubble format, so you get an idea of how the agent will look your website.
This is also a great way to test out custom CSS styling.

Additional Tips

Save Regularly: Remember to always save your progress to prevent the loss of your beautiful designs.
Thorough Testing: Test your agent thoroughly to ensure all settings and features are working as intended.

Example: GymBuddy GPT

Here is the agent used in the guide above. Give it a try:

UI-Engine

Tools

Prompt guide

Knowledgebase