Social proof notifications
Las notificaciones de prueba social son mensajes flotantes (notificaciones toast) que informan a los visitantes sobre las compras recientes realizadas por otros clientes. Este mecanismo de prueba social fomenta las compras al mostrar que otros clientes están comprando activamente en la tienda.
Activar el módulo
Sección titulada «Activar el módulo»Ve a Polski > Módulos y activa Social proof. Las notificaciones comenzarán a aparecer automáticamente en función de los pedidos recientes de WooCommerce.
Funciones
Sección titulada «Funciones»- Notificaciones flotantes sobre compras recientes
- Datos obtenidos de pedidos reales de WooCommerce mediante AJAX
- Caché de la API de transients (5 minutos) para el rendimiento
- Anonimización de los nombres de los clientes (p. ej. “John K.”)
- Frecuencia y tiempo de visualización configurables
- Elección de la posición en pantalla (4 esquinas)
- Opción para ocultar en dispositivos móviles
- Miniatura del producto en la notificación
Ajustes
Sección titulada «Ajustes»Configuración en Polski > Módulos > Social proof.
| Ajuste | Predeterminado | Descripción |
|---|---|---|
display_interval |
30 |
Intervalo entre notificaciones (segundos) |
display_duration |
5 |
Tiempo de visualización de una sola notificación (segundos) |
position |
bottom-left |
Posición en pantalla: bottom-left, bottom-right, top-left, top-right |
anonymize_name |
true |
Anonimizar los nombres de los clientes (John Smith -> John S.) |
hide_on_mobile |
false |
Ocultar las notificaciones en dispositivos móviles |
Opción en la base de datos: polski_social_proof.
Formato de la notificación
Sección titulada «Formato de la notificación»Cada notificación contiene:
- Una miniatura del producto
- El nombre del cliente (con anonimización opcional)
- El nombre del producto con un enlace
- El momento de la compra (p. ej. “hace 2 horas”)
Ejemplo: John K. compró Camisa polo - hace 2 horas
Detalles técnicos
Sección titulada «Detalles técnicos»Fuente de datos
Sección titulada «Fuente de datos»Las notificaciones se generan a partir de los pedidos recientes de WooCommerce con el estado completed o processing. El módulo obtiene hasta los 20 pedidos más recientes y los rota aleatoriamente en las notificaciones.
Los datos de los pedidos se almacenan en caché en la API de transients con un tiempo de expiración de 5 minutos (polski_social_proof_data). De esta manera, las notificaciones no generan consultas a la base de datos en cada visualización.
Archivos
Sección titulada «Archivos»- JavaScript:
assets/js/social-proof.js
El script se carga de forma condicional y obtiene los datos mediante un endpoint AJAX.
// Filter the data shown in the notificationadd_filter('polski/social_proof/notification_data', function (array $data): array { // Hide products from a specific category if (has_term('vip', 'product_cat', $data['product_id'])) { return []; } return $data;});
// Change the number of orders fetched for rotationadd_filter('polski/social_proof/orders_limit', function (): int { return 50;});
// Change the cache timeadd_filter('polski/social_proof/cache_expiration', function (): int { return 10 * MINUTE_IN_SECONDS;});Clases CSS
Sección titulada «Clases CSS».polski-social-proof- contenedor de la notificación.polski-social-proof--visible- estado visible (con animación).polski-social-proof__image- miniatura del producto.polski-social-proof__content- contenido de la notificación.polski-social-proof__name- nombre del cliente.polski-social-proof__product- nombre del producto.polski-social-proof__time- momento de la compra.polski-social-proof__close- botón de cierre
ID del módulo
Sección titulada «ID del módulo»social_proof
Resolución de problemas
Sección titulada «Resolución de problemas»Las notificaciones no aparecen - comprueba que la tienda tenga pedidos con el estado completed o processing. El módulo requiere al menos un pedido para mostrar notificaciones.
Las notificaciones aparecen con demasiada frecuencia / muy pocas veces - ajusta los ajustes display_interval y display_duration.
Las notificaciones tapan otros elementos - cambia la posición en los ajustes o ajusta el z-index en el CSS: .polski-social-proof { z-index: 9999; }.
Informar de problemas: github.com/wppoland/polski/issues