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
Section titled “Activar el módulo”Ve a WooCommerce > Polski > Módulos de la tienda y activa Social proof. Las notificaciones comenzarán a aparecer automáticamente en función de los pedidos recientes de WooCommerce.
Funciones
Section titled “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
Section titled “Ajustes”Configuración en WooCommerce > Polski > Módulos de la tienda > 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
Section titled “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
Section titled “Detalles técnicos”Fuente de datos
Section titled “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
Section titled “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
Section titled “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
Section titled “ID del módulo”social_proof
Resolución de problemas
Section titled “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