> For the complete documentation index, see [llms.txt](https://docs.satisfilabs.com/resource-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/popups/best-practices.md). # Best Practices ## Examples We Love ### Scotiabank Saddledome

**Give Your Chat Personality:** You don't need to be a professional sports team to have a mascot in your chat! You can create a fictional character to make the chat feel more humanized. **Format For Your Website/App:** When creating an image, make sure it pops off the page and grabs the attention of your customer! Avoid using image colors that blend into the webpage and ensure that any text is highlighted with a different background color vs. a transparent backdrop. *** ### Providence College Athletics

Bring Your Mascot to Life with a Prompt Bubble

**Add a Familiar Face:** Catch your fan's attention by having your mascot as your pop-up icon! It's a great way to introduce users to your chat's persona before the conversation begins. **Encourage Engagement:** By adding a Prompt Bubble, we further promote interaction with the pop-up icon. Prompt bubbles can be used to give your image a voice like in the example above! *** ### New York Mets

In the above example, the button utilizes the traditional popup button; however, an image is incorporated within the button as well. *** ### Nashville Predators

**Messaging Matters:** In the above example, we see two buttons; however, both are used by one company. Verses opting to have the standard "Chat with Us" button on every webpage, they decided to replace it with a button with more relevant messaging for certain pages. This "Purchase Ticket" button has a direct call to action and boosts user engagement by encouraging customers to start the ticket purchase process or escalate a chat directly to a sales agent. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.satisfilabs.com/resource-center/ai-agent-engine/enhance-the-chat-experience/popups/best-practices.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.