--- title: ¿Cómo agregar tu web chat a tu pagina web? description: "Sigue el paso a paso para agregar tu web chat en tu página, utilizando AdsmartBot. ## 1. Clic \"Ajustes\" Accede a \"Ajustes\". ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-245.png) ## 2. Clic \"Canales\" Dirígete a la sección de canales. ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-246.png) ## 3. Clic \"Chatbot Web\" Accede…" url: "https://ayuda.adsmartbot.com/docs/como-agregar-tu-web-chat-a-tu-pagina-web/" updated: "2025-07-17" category: Integraciones --- # ¿Cómo agregar tu web chat a tu pagina web? Sigue el paso a paso para agregar tu web chat en tu página, utilizando AdsmartBot. ## 1. Clic "Ajustes" Accede a "Ajustes". ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-245.png) ## 2. Clic "Canales" Dirígete a la sección de canales. ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-246.png) ## 3. Clic "Chatbot Web" Accede a chatbot web. ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-247.png) ## 4. Clic "Gestionar" Ingresa a la gestión de opciones. ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-248-1024x651.png) ## 5. Clic aquí Como ya has creado tu webchat siguiendo el video anterior, simplemente haz clic en la siguiente opción para obtener el código de integración." ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-252.png) ## 6. Clic "Obtener código" Selecciona la opción para obtener el código. ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-251.png) ## 7. Etiqueta "" Confirma la acción haciendo clic en "OK". Ahora, accede a tu página web, abre el archivo HTML y pega el código copiado justo antes del cierre de la etiqueta "body". Guarda los cambios, publica la página y verifica que el webchat se muestre y funcione correctamente." ![](https://ayuda.adsmartbot.com/wp-content/uploads/2025/07/image-253.png) Esta guía te guió a través de la configuración de la función de chat web de AdsmartBot.