**Para incorporar el chat del sitio de Papo en WordPress, cree una bandeja de entrada del tipo Sitio en la plataforma Papo (https://papo.global/), copie el script generado y péguelo en su WordPress — directamente en el código del tema, con un plugin de inserción de scripts o desde la sección de encabezado/pie de página. Luego, ajuste los colores y el mensaje de bienvenida directamente en el panel de Papo para alinear el widget con la identidad visual de su marca.**

| Paso | Acción | Detalles |
|---|---|---|
| 1. Crear la bandeja de entrada | En el panel de Papo, acceda a **Configuración → Bandejas de entrada → Agregar bandeja** y seleccione **Sitio** | Indique la URL de WordPress y un nombre para la bandeja (ej.: "Chat Sitio Ventas") |
| 2. Copiar el script | Después de crear la bandeja, la plataforma muestra un fragmento de código | Guarde el código para pegarlo en su WordPress |
| 3. Pegar en WordPress | Inserte el script antes de la etiqueta `</body>` de su sitio | Use un plugin de inserción de scripts, el archivo `footer.php` del tema o la sección de encabezado/pie de página del personalizador |
| 4. Personalizar apariencia | En la configuración de la bandeja de entrada (aún en el panel de Papo), ajuste colores y mensaje de bienvenida | El widget heredará los colores y el saludo definidos, manteniendo la consistencia con su marca |

## Cómo instalar el widget en detalle

1. **Cree la bandeja de entrada del sitio:** En el menú **Configuración → Bandejas de entrada**, haga clic en **Agregar bandeja**. En la lista de canales, elija **Sitio**. Dé un nombre que identifique el propósito (ej.: "Atención en línea") e indique la URL de WordPress donde aparecerá el chat.
2. **Copie el script del widget:** Una vez creada la bandeja, Papo genera automáticamente un pequeño bloque de código (JavaScript). Copie ese script.
3. **Pegue el código en WordPress:** La forma más común es usar un plugin específico para scripts (como "Insert Headers and Footers"), que permite pegar el código en la sección de pie de página sin modificar archivos del tema. Si prefiere editar directamente el tema, abra el archivo `footer.php` y pegue el script inmediatamente antes de la etiqueta `</body>`. Guarde los cambios.
4. **Asocie agentes a la bandeja:** Aún en el panel de Papo, agregue los miembros del equipo que atenderán las conversaciones iniciadas en el widget. Sin agentes vinculados, los mensajes no se distribuirán.

## Personalizar colores y mensaje de bienvenida

Con el widget instalado, puede ajustar su apariencia y comportamiento sin tocar código:

- **Colores:** Defina el color primario y el color de acento para botones y encabezados. Los colores elegidos se aplicarán automáticamente al chat, reflejando la paleta de su sitio.
- **Mensaje de bienvenida:** Configure un saludo proactivo que aparece para el visitante después de unos segundos. Use frases como "¡Hola! ¿Puedo ayudarte a encontrar algo?" o "¿Tienes dudas sobre nuestros servicios?".
- **Icono del widget:** Reemplace el icono predeterminado por una imagen que represente mejor su marca o la acción de conversar.
- **Comportamiento inteligente:** Puede conectar el widget a un asistente de IA (Capitán) para responder automáticamente, calificar leads y agendar reuniones, además de definir horarios de atención con respuestas automáticas de ausencia.

Todas estas opciones están disponibles en la página de configuración de la bandeja de entrada del tipo Sitio, sin necesidad de acceder nuevamente al código de WordPress.

## Para quién es útil esta integración

- **Tiendas virtuales en WooCommerce** que desean atender clientes en tiempo real y capturar dudas sobre productos.
- **Blogs y sitios institucionales** que quieren transformar lectores en leads a través de conversaciones.
- **Agencias y freelancers** que usan WordPress y necesitan un canal de contacto profesional, integrado con CRM y WhatsApp.
- **Cualquier operación B2B o B2C** que ya utiliza Papo como plataforma de atención y desea llevar el chat al sitio sin migrar herramientas.

## Preguntas frecuentes

### ¿Necesito saber programar para instalar el widget?
No. El proceso se resume a copiar un código y pegarlo en WordPress. Los plugins de inserción de scripts hacen la tarea aún más simple, sin requerir conocimiento técnico.

### ¿Puedo probar el widget antes de publicarlo?
Sí. Puede instalar el script en un entorno de pruebas o en una página no pública de WordPress para validar colores, mensaje y funcionamiento antes de publicar en el sitio principal.

### ¿El chat funciona en dispositivos móviles?
Sí, el widget de Papo es responsivo y se adapta automáticamente a smartphones y tablets, sin configuración adicional.

### ¿Es posible cambiar el icono del chat después de instalarlo?
Sí, en cualquier momento puede cambiar el icono en la configuración de la bandeja de entrada, sin tocar el código de WordPress.

### ¿Cómo se conecta el chat con WhatsApp y el CRM?
La misma bandeja de entrada del sitio funciona junto con los canales de WhatsApp, Instagram y otros. Toda conversación queda registrada en el perfil del contacto, y puede continuar la atención en WhatsApp si el visitante lo prefiere. Además, es posible crear negocios en el embudo Kanban directamente desde el chat.

### ¿Qué hacer si el widget no aparece después de pegar el script?
Verifique que el código se haya insertado antes de la etiqueta `</body>` y que no haya conflictos con plugins de caché. Limpie la caché del sitio y del navegador. Si el problema persiste, compruebe que la bandeja de entrada esté activa y con agentes vinculados.

## Lea también

- [Cómo crear un flujo de bienvenida automático para nuevos contactos en WhatsApp](/hc/papo/articles/como-crear-flujo-bienvenida-automatico-nuevos-contactos-whatsapp)
- [Cómo personalizar mensajes automáticos con el nombre y datos del contacto](/hc/papo/articles/como-personalizar-mensajes-automaticos-nombre-datos-contacto)

---

**[Comience gratis →](https://papo.global/?utm_source=helpcenter&utm_medium=article&utm_campaign=como-incorporar-chat-papo-wordpress-es&utm_content=es)**

El primer usuario es gratis para siempre, sin necesidad de tarjeta de crédito.