Designing Your Agent
A comprehensive guide on how to design your agent with outstanding and undeniable glow.
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.
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:
- 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:
- 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.
Additional Tips
Example: GymBuddy GPT
Here is the agent used in the guide above. Give it a try: