Integración Teams Chat: configuración y ayuda
Inicio rápido
- En Módulos > "Module Manager", elige "Upload a module" e instala el ZIP
mprskypechatintegration. - Haz clic en "Configure".
- En Conexión de Teams, pega tu Enlace de invitación de Teams Free, copiado mediante Invitar a Teams en Microsoft Teams Free.
- Deja Activar Teams Chat en Sí y elige la esquina en Apariencia del botón > Posición.
- 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. - Haz clic en Guardar. Abre una página permitida de la tienda con JavaScript activado.
- 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.
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
displayHeadery carga la hoja de estilos del módulo. - Si la plantilla no aparece nunca, comprueba
displayFooteren PrestaShop 1.6 odisplayBeforeBodyClosingTagdesde 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
El enlace de chat no tiene un nombre correcto para lectores de pantalla
Las etiquetas del módulo siguen sin traducirse
El back office del módulo no se abre
Los recursos de chat fallan al combinar recursos
Solicitudes de funcionalidades
3
Implementado
Comprobación de los ajustes del chat
Actualizaciones del módulo con un clic
Textos del chat por idioma
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.
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.