Cómo instalar el widget de chat de Papo en un sitio HTML estático

Para instalar el widget de chat de Papo (https://papo.global/) en un sitio HTML estático, copie el snippet generado en el panel y péguelo directamente en el código fuente, antes de la etiqueta </body>, en todas las páginas donde deba aparecer la atención. La personalización de colores y del mensaje de bienvenida se realiza completamente en el panel, sin modificar el HTML.

Cómo instalar el widget en un sitio HTML estático

1. Cree la bandeja de entrada del tipo Sitio
   En el panel de Papo, vaya a Configuración → Bandejas de entrada, haga clic en Añadir bandeja y seleccione Sitio. Informe un nombre (ej.: “Chat del sitio”) y la URL del sitio (no interfiere en el funcionamiento, solo ayuda a identificar el canal). No es necesario instalar ningún plugin; el proceso es el mismo para cualquier sitio que sirva archivos HTML.

2. Copie el snippet generado
   Después de crear la bandeja, el panel muestra un código JavaScript exclusivo. Copie todo el bloque <script>...</script>.

3. Pegue el snippet en el HTML
   Abra el archivo HTML de la página (por ejemplo, index.html) e inserte el código inmediatamente antes de la etiqueta </body>. Hágalo en cada página donde quiera mostrar el chat. Si el sitio usa un archivo de footer o encabezado común (mediante include o PHP), agregar el snippet en ese archivo único ya activa el widget en todo el sitio.

   Ejemplo de posicionamiento en el código:

   <body>
     <!-- contenido de la página -->
     <script src="https://app.papo.global/..."></script>
   </body>
   

   No se exige ningún conocimiento de back-end; el widget se ejecuta en el navegador del visitante.

4. Asocie agentes a la bandeja
   Vuelva al panel, en la misma bandeja de entrada, y agregue al menos un agente. Sin un agente vinculado, la bandeja queda sin atendente y el widget podría no mostrarse. Si tiene solo un agente, la asociación es automática; en equipos, seleccione los miembros responsables.

Personalización de colores y mensaje de bienvenida

Después de pegar el snippet, puede personalizar la apariencia del widget sin modificar el código:

• Color principal: En el panel, dentro de la configuración de la bandeja, elija el color que combine con la identidad visual del sitio. El cambio se refleja inmediatamente.
• Mensaje de bienvenida: Active el saludo proactivo y escriba un texto que aparecerá automáticamente después de unos segundos. Ejemplos eficaces: “¡Hola! ¿Cómo podemos ayudar?” o “¿Necesita ayuda con su pedido?”.

Estas opciones están disponibles en el mismo lugar donde creó la bandeja. Cualquier cambio se aplica al widget sin necesidad de copiar un nuevo snippet.

Cómo probar la captura de leads

1. Abra el sitio en una ventana de incógnito (para evitar la caché) y verifique si el ícono del chat aparece en la esquina de la pantalla.
2. Haga clic en el ícono y envíe un mensaje de prueba (por ejemplo, “Quiero más información”).
3. En el panel de Papo, acceda a la bandeja de entrada del sitio y confirme que la conversación aparece. El contacto se registrará automáticamente en el CRM, y podrá responder desde el panel.

Si el mensaje no llega, verifique si el snippet está antes del </body>, si la bandeja de entrada está activa y si hay al menos un agente asociado. Los bloqueadores de scripts pueden impedir la carga; pruebe también sin extensiones activas.

Para quién está indicado

• Sitios HTML estáticos sin CMS (WordPress, Shopify) que necesitan un chat profesional.
• Landing pages y portafolios donde el contacto rápido aumenta la conversión.
• Desarrolladores que están probando el widget antes de integrarlo a plataformas mayores.
• Pequeños negocios que mantienen un sitio simple y desean capturar leads sin instalar sistemas complejos.

Preguntas frecuentes

¿Necesito un servidor back-end para usar el widget?

No. El widget está basado en JavaScript ejecutado en el navegador. Basta con pegar el snippet en el HTML y el chat funciona.

¿El snippet debe copiarse en todas las páginas?

Sí, en cada página donde deba aparecer el chat. Si su sitio usa un archivo de pie de página común, colocar el snippet allí una sola vez habilita el widget en todo el sitio.

¿Puedo personalizar los colores después de instalarlo?

Sí, los cambios de color y texto del mensaje de bienvenida se realizan en el panel de Papo y aparecen automáticamente en el widget, sin que usted tenga que modificar el código.

¿Qué hacer si el widget no aparece en el sitio?

Verifique si el snippet está insertado antes del </body>, si la bandeja de entrada está activa y con agentes asociados, y si no hay bloqueadores de scripts en el navegador. Limpiar la caché del sitio también ayuda.

¿Necesito recrear el snippet para cada sitio diferente?

Sí. Cada bandeja de entrada genera un script exclusivo. Si tiene varios dominios (ej. sitio institucional y landing page separada), cree una bandeja para cada uno y use el snippet respectivo.

¿El widget afecta el rendimiento del sitio?

La carga es asíncrona y no bloquea la renderización de la página. El archivo del widget es ligero y se carga solo cuando es necesario.

Lea también

• Cómo personalizar la apariencia del widget de chat (colores, logo y mensaje)

Comience gratis →

El primer usuario es gratuito para siempre — puede instalar el widget de Papo en su sitio estático en minutos, sin tarjeta de crédito, y comenzar a capturar leads de inmediato.