Integración Teams Chat: configuración y ayuda

Inicio rápido

  1. En Módulos > "Module Manager", elige "Upload a module" e instala el ZIP mprskypechatintegration.
  2. Haz clic en "Configure".
  3. En Conexión de Teams, pega tu Enlace de invitación de Teams Free, copiado mediante Invitar a Teams en Microsoft Teams Free.
  4. Deja Activar Teams Chat en Sí y elige la esquina en Apariencia del botón > Posición.
  5. En Comportamiento de visualización, para la primera prueba deja Mostrar en páginas en Todas las páginas y Retraso de fallback (segundos) en 0.
  6. Haz clic en Guardar. Abre una página permitida de la tienda con JavaScript activado.
  7. Desplázate o haz clic en la página, o espera 10 segundos. Comprueba que aparece el botón y abre el enlace de invitación de Teams Free guardado. Es posible que los clientes deban iniciar sesión en Teams.

Requiere PrestaShop 1.6 o posterior y PHP 7.1 o posterior.

Manual de configuración

Instalación y primera configuración

En versiones anteriores de PrestaShop, usa la página equivalente de instalación de módulos. Abre este módulo mediante "Configure" cuando quieras volver a sus ajustes.

Disponibilidad del servicio

Skype se retiró el 5 de mayo de 2025. Esta versión sustituye el antiguo widget de Skype por Integración Teams Chat, que usa un enlace de invitación de Microsoft Teams Free. El identificador del módulo sigue siendo mprskypechatintegration. Consulta el aviso de Microsoft sobre la retirada de Skype.

Conexión de Teams

Ajuste Valor predeterminado Qué hacer
Activar Teams Chat Sí Desactiva esta opción para detener la visualización en la tienda y conservar la configuración guardada.
Enlace de invitación de Teams Free Vacío Pega el enlace completo https://teams.live.com/l/invite/ copiado de Teams Free. No se aceptan otros formatos de contacto.

Esta versión no tiene un campo "Pre-filled Message" ni procesamiento de mensajes en su hook de la tienda.

La página de configuración ofrece un enlace de prueba después de guardar un enlace de invitación. Cada guardado del formulario principal comprueba su formato, incluso si el valor no ha cambiado. Una edición rechazada conserva la configuración anterior.

La sección de configuración actual se llama Conexión de Teams. El formulario principal, el aviso de disponibilidad y la tienda usan la misma comprobación de formato: https://teams.live.com/l/invite/<code>, seguido opcionalmente de ?v=<value>. El código y el valor opcional solo pueden contener letras, números, guiones y guiones bajos.

Apariencia del botón

Ajuste Valor predeterminado Qué hacer
Posición bottom-right Elige Abajo a la derecha o Abajo a la izquierda para evitar otros controles flotantes.
Estilo del botón icon Elige Icono flotante para el botón redondo o Barra con texto para un botón con texto.
Texto del botón Chat on Teams Define la etiqueta que se muestra en el modo barra. La plantilla también la usa como etiqueta accesible del botón con icono.
Color del botón #00AFF0 Define el color de fondo con el selector de color.
Tamaño del botón (px) 60 Cambia el diámetro del icono redondo. El modo barra usa su propio relleno interior.
Margen desde el borde (px) 20 Define la distancia al borde inferior y lateral en píxeles.
Mostrar tooltip Sí Desactiva el tooltip al pasar el cursor si no lo necesitas.
Texto del tooltip Chat with us on Teams Escribe el mensaje que aparece al pasar el cursor.
Animación pulse Elige pulse, bounce o none. Elige none para detener la animación repetitiva.

Puedes traducir Texto del botón y Texto del tooltip con los controles de idioma del formulario. Una traducción vacía usa el idioma predeterminado. Usa Guardar después de editar.

Comportamiento de visualización

Ajuste Valor predeterminado Qué hacer
Mostrar en móvil Sí Permite el botón para los visitantes que PrestaShop detecta como usuarios de móvil. Desactiva la opción para ocultarlo en esos dispositivos.
Retraso de fallback (segundos) 0 Carga al primer desplazamiento, clic, toque o pulsación de tecla. Un valor positivo establece la espera pasiva máxima en segundos. 0 usa un tiempo de respaldo de 10 segundos.
Mostrar en páginas all Elige Todas las páginas, Solo páginas de producto, Solo páginas de categoría o Solo páginas de checkout.

Solo páginas de checkout coincide con cart, order, order-opc, orderopc y checkout. Otros módulos de pago pueden usar nombres de controlador diferentes. La espera de respaldo empieza en la página. No es un retraso adicional después de una interacción.

Comportamiento en la tienda y verificación

Tu tema debe renderizar displayHeader para la hoja de estilos y displayFooter en PrestaShop 1.6, o displayBeforeBodyClosingTag desde la versión 1.7, para el widget. Antes de devolver contenido, el módulo comprueba la activación, un enlace de invitación de Teams Free válido y las reglas de móvil y de páginas.

Después de la primera interacción o del tiempo de respaldo, verás un botón fijo en la esquina elegida. Su enlace se abre en una pestaña nueva con noopener noreferrer y usa este destino:

https://teams.live.com/l/invite/AbC123_-?v=1

Si restringes los tipos de página, prueba una página permitida y una excluida. Prueba la visibilidad móvil en un dispositivo real. Si usas varios idiomas, comprueba el texto traducido del botón y del tooltip.

Ejemplos de configuración y ajustes del tema

Para un botón con texto en páginas de producto, establece Estilo del botón en Barra con texto, Texto del botón en Ask us on Teams, Mostrar en páginas en Solo páginas de producto y Animación en none. Puedes elegir Abajo a la izquierda cuando otro widget ocupe la esquina derecha.

Si necesitas mover el widget por encima de otro control fijo, añade una regla a la hoja de estilos de tu tema:

#mprskype-widget.mprskype-bottom-right {
  bottom: 90px;
  right: 24px;
}

#mprskype-widget.mprskype-bar a span {
  font-size: 15px;
}

Para sobrescribir la plantilla en el tema, usa:

themes/your-theme/modules/mprskypechatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl

La plantilla recibe $mprskype con position, style, cta_text, color, size, margin, show_tooltip, tooltip, animation y delay, además de link y la etiqueta accesible de respaldo label. Mantén los cambios en tu tema para que una actualización del módulo no los sobrescriba.

Resolución de problemas

  • Si no ves ningún botón, comprueba la activación, el enlace de invitación de Teams guardado y las reglas de páginas y de móvil. Realiza una interacción o espera al tiempo de respaldo.
  • Si se rechaza una edición, copia el enlace de invitación de Teams Free completo con el formato indicado arriba.
  • Si el widget no tiene estilos, comprueba que tu tema llama a displayHeader y carga la hoja de estilos del módulo.
  • Si la plantilla no aparece nunca, comprueba displayFooter en PrestaShop 1.6 o displayBeforeBodyClosingTag desde la versión 1.7 y el registro de hooks en el back office.
  • Si el botón se superpone a otro control, cambia Posición o Margen desde el borde (px).
  • Si el botón aparece pero el destino falla, prueba el enlace de invitación guardado e inicia sesión en Teams si se te solicita.

Tras actualizar, pega un enlace de invitación de Teams Free y revisa el texto del botón y del tooltip. Los datos de contacto guardados anteriormente no se pueden convertir en un enlace de invitación de Teams.

Usa la página "Integrity" del módulo para diagnosticar la configuración y los hooks. Licencia, Soporte y Actualizar son páginas de mantenimiento, no ajustes de apariencia de la tienda.

Desactivación o desinstalación

Desactiva Activar Teams Chat y guarda para conservar tu configuración. El formulario principal sigue requiriendo un enlace de invitación de Teams Free válido al guardar. También puedes desactivar el módulo desde la lista de módulos.

Usa "Uninstall" en el gestor de módulos para eliminar la configuración del módulo y sus entradas del menú de administración. No se elimina tu cuenta de mensajería externa.

Preguntas

5

¿En qué páginas puede aparecer el botón de Teams?

Elige un modo en el back office: todas las páginas, solo páginas de producto, solo categorías o solo páginas de compra. Esta última opción incluye el carrito y los controladores de pedido y checkout admitidos.

¿Puedo mostrar u ocultar el botón de Teams en móviles?

Sí. El interruptor de visibilidad móvil te permite mostrar u ocultar el botón para visitantes que PrestaShop detecta como usuarios móviles. Cuando está visible, al tocarlo se abre el mismo enlace de invitación de Teams Free guardado en una nueva pestaña.

¿Cómo configuro mi enlace de invitación de Teams Free?

En Microsoft Teams Free, selecciona "Invite to Teams" y copia tu enlace de invitación. Pega el enlace completo https://teams.live.com/l/invite/ en los ajustes de conexión del módulo y guarda. El módulo comprueba el formato y ofrece un aviso de configuración y un enlace de prueba. Ábrelo para revisar tú mismo el destino.

¿Qué necesitan los clientes para usar el botón de Teams?

El botón abre tu enlace de invitación de Teams Free en una nueva pestaña. Es posible que los clientes tengan que iniciar sesión. Microsoft indica que para iniciar sesión en Teams Free se necesita una cuenta Microsoft.

¿El módulo gestiona la privacidad o el consentimiento?

El módulo añade un botón de contacto que abre tu enlace de invitación de Teams Free al pulsarlo. No incluye un banner ni ajustes de gestión del consentimiento. Microsoft gestiona el servicio al que lleva el enlace.

Problemas conocidos

5

El aviso permanece tras guardar ajustes válidos

ResueltoActualizado:
Corregido en: 1.1.18
El banner de configuración podía seguir mostrando el aviso anterior tras guardar correctamente los ajustes.

El enlace de chat no tiene un nombre correcto para lectores de pantalla

ResueltoActualizado:
Corregido en: 1.1.18
El enlace de chat no siempre exponía su texto visible en el idioma actual de la tienda a los lectores de pantalla.

Las etiquetas del módulo siguen sin traducirse

ResueltoActualizado:
Corregido en: 1.1.18
Algunas etiquetas del módulo seguían apareciendo en inglés pese a disponer de una traducción.

El back office del módulo no se abre

ResueltoActualizado:
Corregido en: 1.1.14
Abrir las páginas de administración del módulo podía detenerse con un error en lugar de mostrar la página.

Los recursos de chat fallan al combinar recursos

ResueltoActualizado:
Corregido en: 1.1.14
Los recursos de chat podían no cargarse correctamente cuando PrestaShop combinaba y almacenaba en caché los recursos de la tienda.

Solicitudes de funcionalidades

3

Implementado

Comprobación de los ajustes del chat

Implementado
Comprueba si la integración del chat tiene los ajustes necesarios.

Actualizaciones del módulo con un clic

Implementado
Instala las actualizaciones disponibles del módulo desde el back office.

Textos del chat por idioma

Implementado
Define los textos del chat que ven los visitantes por separado para cada idioma de la tienda.

Registro de cambios

v1.1.132026-05-27

  • Addedcomplete FR/DE/ES/IT/PL translations
  • FixedMigrate chat config from ps_configuration to ConfigTable
Versiones anteriores

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-02

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedscreen-sharing link generation option for technical support use cases
  • Improvedbutton label customisation — separate labels for chat and call actions
  • FixedSkype URI scheme not opening app on Android 13+

v1.1.02025-07-24

  • Addedcall/chat/video action selector in back office
  • Addedmobile-only button visibility toggle

v1.0.02025-06-04

  • Initialrelease: Skype chat/call/video button for PrestaShop
  • InitialFloating button with configurable Skype username
  • InitialBack-office position and colour configuration
  • InitialCompatible with PS 1.7.x and PS 8.x

Demo

Prueba el módulo completo antes de comprar

Compra la licencia más tarde y conserva tus ajustes.

  • Tu demo de 30 días Pruébalo en tu propia tienda durante 30 días desde la primera instalación.
  • Tienda demo lista Explora una tienda demo lista en tu navegador.
  • Sin registro Sin cuenta, correo ni dominio de tienda.
Iniciar tienda demo

Al descargar, aceptas las condiciones de la demo y la política de privacidad.

Al abrir esta demo, acepta los términos de la demo y la política de privacidad.

Cargando...
Volver arriba