# Apariencia del TopBot

Para acceder a la pantalla de Apariencia, puede ir a "Configuración de canal -> Web -> Apariencia".

<figure><img src="https://1613274922-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB4YsIdzdmrbYXwW1rH2z%2Fuploads%2Fq6LXAMYlGYJ6iNZeMALu%2F004.png?alt=media&#x26;token=f1424cd9-a1a8-4a25-8ea2-be67c218be70" alt=""><figcaption></figcaption></figure>

### Personalizaciones disponibles <a href="#customizations-available" id="customizations-available"></a>

Las siguientes son configuraciones que se pueden personalizar para su TopBot:

* **Icono de widget**: ahora puede hacer que su propio icono de widget aparezca en su página web o sitio web. Recomendamos un tamaño de *64 x 64.*
* **Texto del encabezado**: esto le permite nombrar el bot según sus preferencias.
* **Logotipo de encabezado**: esto le permite tener la imagen de perfil de su bot. El tamaño que recomendamos es *de 512 x 512.*
* **Icono de bot**: esto le permitirá establecer el icono de bot que será visible para los visitantes. Recomendamos un tamaño de *512 x 512.*
* **Texto de sugerencia**: puede personalizar el texto que le gustaría para que sea visible para sus visitantes.
* **Color de énfasis**: le permite establecer el color del bot y ofrece la opción de elegir un color que complemente el color de su marca en el sitio web.
* **Color de la fuente**: también tiene la opción de establecer el color de la fuente para que coincida con el color primario.
* **Posición** de la interfaz de chat: puede definir la posición del bot. Se puede configurar a la derecha o a la izquierda de la pantalla, como prefieras.

### Configuración general <a href="#general-settings" id="general-settings"></a>

Al ir a Web -> Configuración general, se muestran más configuraciones para el widget de chat.

<figure><img src="https://1613274922-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB4YsIdzdmrbYXwW1rH2z%2Fuploads%2FzrsOOKGpD13qGm7qQXgW%2F005.png?alt=media&#x26;token=40f17456-4419-4695-b03c-ebba53a3b463" alt=""><figcaption></figcaption></figure>

* **Velocidad de escritura**: el retraso que el sistema agregará al chatbot.
* **Eliminar la marca "powered by"**: elimina la marca Topleads AI Agents de tu widget de chat.
* **Reproducir sonido**: reproduce un sonido por cada mensaje enviado/recibido.
* **Detener animación de rebote:** detiene la animación del widget de chat.
* **Encuesta CSAT**: pide al usuario que envíe una encuesta al final del chat.


---

# Agent Instructions: 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:

```
GET https://ayuda.topleads.co/topbots/primeros-pasos/apariencia-del-topbot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.