Cómo instalar el widget de chat de Papo en WordPress, Wix y otras plataformas

Vitor

Vitor

Última actualización el Oct 27, 2026

Para instalar el widget de chat de Papo (https://papo.global/) en WordPress, Wix, Shopify y otros constructores de sitios web, cree una bandeja de entrada de tipo Sitio en el panel de Papo, copie el snippet de código generado y péguelo en el lugar apropiado de su plataforma —ya sea mediante un plugin de encabezado/pie de página, la sección de código personalizado o editando el tema. La personalización de colores, icono y mensaje de bienvenida se realiza completamente en el panel, sin tocar el código.

Plataforma Método de inserción Dónde pegar el snippet
WordPress Plugin de encabezado/pie de página (ej.: Insert Headers and Footers) o edición del footer.php Pegue el código en la sección de pie de página del plugin o justo antes de la etiqueta </body> en el archivo del tema
Wix Código personalizado (Velo) o campo de HTML/JavaScript Vaya a Configuración → Código personalizado y pegue en el campo “Código del cuerpo – final”
Shopify Editar el tema (theme.liquid) o sección de código personalizado Inserte el snippet antes de </body> en el archivo theme.liquid o en un bloque de HTML personalizado
Otros constructores (Squarespace, Webflow, etc.) Campo de código embebido o inyección de HTML Localice la opción de “código personalizado” o “HTML embebido” y pegue el snippet antes del cierre del cuerpo de la página

Cómo instalar el widget en cualquier plataforma

  1. Cree la bandeja de entrada de tipo Sitio
    En el panel de Papo, vaya a Configuración → Bandejas de entrada → Añadir bandeja y elija Sitio. Asigne un nombre (ej.: “Chat del sitio”) e indique la URL del sitio —se usa solo para identificación, no afecta el funcionamiento.

  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. Inserte el snippet en su plataforma
    El método exacto varía según el constructor:

    • WordPress: Instale un plugin como “Insert Headers and Footers”, pegue el código en la sección de pie de página y guarde. Si prefiere editar el tema, abra el archivo footer.php y pegue el snippet justo antes de la etiqueta </body>.
    • Wix: En el editor, vaya a Configuración → Código personalizado. Haga clic en Añadir código y pegue el snippet en el campo “Código del cuerpo – final”. Guarde y publique el sitio.
    • Shopify: En el panel de administración, vaya a Tienda online → Temas → … → Editar código. Localice el archivo theme.liquid y pegue el snippet antes de la etiqueta </body>. Guarde los cambios.
    • Otros constructores: Busque la opción de “código personalizado”, “HTML embebido” o “inyección de código”. Pegue el snippet en el lugar indicado para el final del cuerpo de la página.

    En todos los casos, el snippet debe insertarse en todas las páginas donde deba aparecer el chat. Si la plataforma ofrece un campo de código global (como el pie de página de WordPress o el código personalizado de Wix), el widget se cargará automáticamente en todo el sitio.

  4. Asocie agentes a la bandeja
    Vuelva al panel de Papo y, en la misma bandeja de entrada, añada al menos un agente. Sin un agente vinculado, las conversaciones no se reenvían y el widget puede no cargar.

  5. Personalice la apariencia (opcional)
    Aún en el panel, puede ajustar el color principal, cambiar el icono del chat y escribir un mensaje de bienvenida proactivo. Los cambios se aplican al instante, sin necesidad de copiar un nuevo snippet.

  6. Pruebe el widget
    Acceda al sitio en una ventana de incógnito (para evitar la caché) y verifique si aparece el icono del chat. Envíe un mensaje de prueba y confirme que llega a la bandeja de entrada de Papo.

Para quién está indicado

  • Tiendas online en WooCommerce, Shopify o Wix que desean atender a clientes en tiempo real y captar dudas sobre productos.
  • Blogs y sitios institucionales en WordPress u otros constructores que quieren convertir visitantes en leads.
  • Agencias y freelancers que gestionan sitios de clientes y necesitan un chat profesional integrado con CRM y WhatsApp.
  • Pequeños negocios que usan constructores visuales y no quieren lidiar con código complejo.

Preguntas frecuentes

¿Necesito saber programar para instalar el widget?

No. En plataformas como WordPress, Wix y Shopify, el proceso se reduce a copiar un código y pegarlo en un campo específico, sin exigir conocimientos técnicos avanzados.

¿El snippet debe añadirse en todas las páginas?

Si la plataforma ofrece un campo de código global (como el pie de página de WordPress o el código personalizado de Wix), el widget aparece automáticamente en todo el sitio. De lo contrario, repita la inserción en las páginas donde sea necesario el chat.

¿El chat funciona en dispositivos móviles?

Sí, el widget de Papo es responsive y se adapta automáticamente a smartphones y tablets, sin configuración adicional.

¿Puedo usar el mismo snippet en más de un sitio?

No. Cada bandeja de entrada genera un snippet exclusivo. Para sitios diferentes, cree bandejas de entrada separadas en el panel de Papo y utilice el snippet correspondiente.

¿Qué hacer si el widget no aparece después de la instalación?

Verifique que el snippet esté colocado antes de </body>, que la bandeja de entrada esté activa y que haya al menos un agente asociado. Limpie la caché del sitio y pruebe en una ventana de incógnito. Los conflictos con plugins de optimización también pueden bloquear el script; desactívelos temporalmente para aislar la causa.

¿Es posible personalizar los colores y el mensaje después de instalarlo?

Sí. Todas las opciones de personalización (color principal, icono, mensaje de bienvenida) están disponibles en la configuración de la bandeja de entrada, en el panel de Papo. Los cambios entran en vigor inmediatamente, sin alterar el código del sitio.

Lea también


Comienza gratis en Papo Global →

Crea tu cuenta gratuita e instala el widget de chat en tu sitio en minutos, sin costo inicial.