Integración Snapchat: configuración y ayuda

Inicio rápido

  1. Sube e instala el ZIP mprsnapchat en Módulos > "Module Manager".
  2. Haz clic en "Configure" para abrir Ajustes.
  3. En General, introduce Nombre de usuario de Snapchat sin @ ni un enlace completo.
  4. Establece Activar en Sí. Deja Abrir en una nueva pestaña y Mostrar en móvil activados para la primera prueba.
  5. En Apariencia, elige Posición y Tamaño del botón. En Animación, deja Retraso de visualización (segundos) en 0.
  6. Haz clic en Guardar y abre la tienda. Comprueba que el botón enlace a https://www.snapchat.com/add/yourusername.
  7. 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 @ ni https://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 displayHeader y la hoja de estilos del módulo. Si falta el marcado, comprueba displayBeforeBodyClosingTag.

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

ResueltoActualizado:
Corregido en: 1.1.14
El módulo podía no cargarse en PHP 7.1 pese a ser una versión compatible.

No se abrían los ajustes del módulo

ResueltoActualizado:
Corregido en: 1.1.13
La apertura de la administración del módulo podía detenerse con un error en tiendas sin un componente de compatibilidad necesario.

Compatibilidad con la caché de recursos combinados

ResueltoActualizado:
Corregido en: 1.1.13
Los recursos del front office podían quedar excluidos de la caché de recursos combinados de PrestaShop.

Traducciones ausentes o incorrectas

ResueltoActualizado:
Corregido en: 1.1.12
Algunas etiquetas del módulo seguían en inglés o mostraban caracteres incorrectos al seleccionar otro idioma de la tienda.

Solicitudes de funcionalidades

5

Implementado

Comprobación de la configuración de Snapchat

Implementado
Comprueba los ajustes necesarios de Snapchat antes de activar la integración.

Ajustes por pestañas

Implementado
Configura la integración mediante ajustes agrupados en pestañas.

Comprobación y reparación de la instalación

Implementado
Comprueba la instalación del módulo y restaura las páginas de administración que falten o los registros necesarios.

Actualizaciones desde el back office

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

Idiomas adicionales de la interfaz

Implementado
Usa las pantallas del módulo traducidas al francés, alemán, español, italiano y polaco.

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.
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