Integración Snapchat: configuración y ayuda
Inicio rápido
- Sube e instala el ZIP
mprsnapchaten Módulos > "Module Manager". - Haz clic en "Configure" para abrir Ajustes.
- En General, introduce Nombre de usuario de Snapchat sin
@ni un enlace completo. - Establece Activar en Sí. Deja Abrir en una nueva pestaña y Mostrar en móvil activados para la primera prueba.
- En Apariencia, elige Posición y Tamaño del botón. En Animación, deja Retraso de visualización (segundos) en
0. - Haz clic en Guardar y abre la tienda. Comprueba que el botón enlace a
https://www.snapchat.com/add/yourusername. - Haz clic en el botón y confirma que se abra la página de Snapchat prevista para añadir la cuenta. Si has activado Captador de atención, espera su mensaje y prueba el botón de cierre.
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 necesites volver a su configuración.
General
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Activar | No | Actívalo tras introducir el nombre de usuario. Desactívalo para ocultar el widget y conservar los ajustes. |
| Nombre de usuario de Snapchat | Vacío | Introduce solo el nombre de usuario, por ejemplo yourbrand. Se utiliza en https://www.snapchat.com/add/yourbrand. |
| Texto de ayuda | Add us on Snapchat |
Define el título del enlace y su etiqueta accesible. |
| Abrir en una nueva pestaña | Sí | Usa una pestaña nueva del navegador con noopener noreferrer. Desactívalo para usar la pestaña actual. |
| Mostrar en móvil | Sí | Permite el widget a los visitantes que PrestaShop detecte como usuarios de móvil. |
| Excluir páginas | Vacío | Introduce los valores del controlador de la solicitud separados por comas, por ejemplo cart,order,authentication. |
Excluir páginas compara el valor controller de la solicitud. Prueba las URL exactas que usan tu tema y checkout. No comprueba el nombre visible de la página ni busca coincidencias con patrones de URL.
Apariencia
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Posición | bottom-right |
Elige abajo a la derecha o abajo a la izquierda. |
| Tamaño del botón | medium |
Elige pequeño, 48px; mediano, 60px; o grande, 72px. |
| Color de fondo | #FFFC00 |
Define el fondo del botón. |
| Color del icono | #000000 |
Define el color del icono. |
| Separación inferior (px) | 20 |
Desplaza el botón hacia arriba desde el borde inferior del área visible. |
| Separación lateral (px) | 20 |
Define su distancia respecto al lado elegido. |
Para un botón compacto a la izquierda, elige Abajo a la izquierda, Pequeño (48 px) y establece ambos desplazamientos en 24.
Animación
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Animación de entrada | bounce |
Elige none, bounce, fade, slide o pulse. |
| Retraso de visualización (segundos) | 0 |
Muestra el widget de inmediato. Un número positivo retrasa su aparición tras ejecutarse el script en línea. |
Este módulo usa un temporizador de visualización. No utiliza el cargador compartido por interacción de los módulos de mensajería independientes.
Captador de atención
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Captador de atención | No | Actívalo para mostrar una burbuja sobre el botón. |
| Mensaje de captación | Follow us on Snapchat! |
Escribe el texto de la burbuja. |
| Retraso del mensaje de captación (segundos) | 3 |
Espera este número de segundos tras mostrar el widget. El script trata 0 como el valor de respaldo de tres segundos. |
El botón de cierre oculta el mensaje en la página actual. El módulo no conserva esa decisión entre cargas de página.
Comportamiento en la tienda y verificación
Tu tema debe renderizar displayHeader para views/css/mprsnapchat.css y displayBeforeBodyClosingTag para views/templates/hook/widget.tpl. El widget solo aparece si está activado, el nombre de usuario no está vacío, se permite en móviles y el controlador no está excluido. La plantilla usa un pequeño script en línea para la visibilidad, la animación y la burbuja. No carga un script de seguimiento de Snapchat ni muestra un feed. Sigues creando y gestionando el contenido de Snapchat fuera de PrestaShop.
Comprueba el botón en una página normal, en una página incluida en Excluir páginas y en un móvil. Abre su destino y verifica la cuenta correcta. Que se abra una aplicación depende del dispositivo y sus controladores instalados; el módulo proporciona un enlace HTTPS a la página para añadir la cuenta.
Personalización del tema y solución de problemas
Puedes aplicar estilos a .mprchat-widget.mprchat-snapchat, .mprchat-button y .mprchat-grabber en la hoja de estilos de tu tema:
.mprchat-widget.mprchat-snapchat .mprchat-button {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
.mprchat-widget.mprchat-bottom-left .mprchat-grabber {
max-width: 240px;
}
La plantilla establece --mprchat-bg, --mprchat-icon, --mprchat-bottom y --mprchat-side a partir de los valores guardados. Usa los ajustes para cambiarlos. Para modificar el marcado, usa themes/your-theme/modules/mprsnapchat/views/templates/hook/widget.tpl.
- Si no aparece ningún botón, comprueba Activar, Nombre de usuario de Snapchat, Mostrar en móvil, Excluir páginas y Retraso de visualización (segundos).
- Si la cuenta de destino es incorrecta, actualiza Nombre de usuario de Snapchat y guarda. No incluyas
@nihttps://www.snapchat.com/add/. - Si la burbuja nunca aparece, activa Captador de atención y espera tanto el retraso del widget como el de la burbuja.
- Si faltan los estilos, comprueba
displayHeadery la hoja de estilos del módulo. Si falta el marcado, compruebadisplayBeforeBodyClosingTag.
Usa "Integrity" para comprobar la instalación. Licencia, Soporte y Actualizar son páginas de mantenimiento.
Desactivar o desinstalar
Establece Activar en No y guarda para conservar los ajustes. Desinstala desde el gestor de módulos para eliminar la configuración y las entradas del menú de administración de este módulo. Tu cuenta de Snapchat permanece sin cambios.
Preguntas
Aún no hay preguntas sobre este módulo
Pregunta lo que quieras sobre instalación, compatibilidad o configuración. Las respuestas aparecen aquí.
Problemas conocidos
4
Compatibilidad con PHP 7.1
No se abrían los ajustes del módulo
Compatibilidad con la caché de recursos combinados
Traducciones ausentes o incorrectas
Solicitudes de funcionalidades
5
Implementado
Comprobación de la configuración de Snapchat
Ajustes por pestañas
Comprobación y reparación de la instalación
Actualizaciones desde el back office
Idiomas adicionales de la interfaz
Registro de cambios
v1.1.122026-08-31
- Addedcomplete FR/DE/ES/IT/PL translations
Versiones anteriores
v1.3.02026-04-20
- 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
- Improvedsettings form organization with tabbed layout
v1.2.02026-01-18
- AddedPS 9 / Hummingbird theme compatibility
- AddedSnapcode image upload option alongside username-based button
- Improvedmobile button tap target — increased to 48x48 px per accessibility guidelines
- Fixedbutton colour not applying on cached pages
v1.1.02025-07-05
- Addedconfigurable tooltip text for the Snapchat button
- Addeddesktop hide option — show button on mobile only
v1.0.02025-05-06
- Initialrelease: floating Snapchat contact button for PrestaShop
- InitialLinks to Snapchat username profile or Snapcode scan
- InitialBack-office position, colour, and username 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.