Notification Center — Guía completa
Instala, configura y aprovecha la campana de notificaciones de WooCommerce: colocación, productos automáticos, códigos de descuento, entradas, anuncios, multilingüe y API REST.
Presentación
DataFirefly Notification Center añade una campana de notificaciones en la cabecera de tu tienda WooCommerce, junto al carrito y al área de cuenta. Un punto rojo señala las novedades sin leer e invita al clic de forma natural, sin correos ni ventanas emergentes intrusivas.
El plugin difunde automáticamente tus nuevos productos, códigos de descuento y entradas del blog, y te permite publicar anuncios libres desde el escritorio. Es multilingüe (Polylang / WPML), compatible con la caché de página y con el almacenamiento de pedidos de alto rendimiento (HPOS).
En resumen: una campana y un panel desplegable, un indicador de no leídos y tres disparadores automáticos listos para usar (productos, códigos de descuento, entradas).
Instalación
- Sube la carpeta
df-notification-centerawp-content/plugins/, o instala el ZIP desde Plugins y luego Añadir nuevo. - Activa el plugin DataFirefly Notification Center.
- Abre el menú Notificaciones y luego Ajustes para elegir cómo se muestra la campana.
Se recomienda WooCommerce para las notificaciones de productos y códigos de descuento. Los anuncios manuales y las entradas del blog funcionan incluso sin WooCommerce.
Mostrar la campana
El plugin ofrece cuatro métodos de colocación, que se eligen en Ajustes, Método de inserción.
Los 4 métodos
- Menú de navegación — la campana se añade al final de un menú (elige la ubicación del tema, normalmente «primary»).
- Selector CSS — la campana se inserta justo antes o después de un elemento que indiques. Ideal para fijarla al icono del carrito.
- Campana flotante — un botón fijo en la parte inferior derecha o izquierda de la pantalla.
- Shortcode — coloca
[df_notification_center]donde quieras.
Fijar la campana al icono del carrito
Elige el método Selector CSS e indica el selector del icono de tu carrito, por ejemplo a.cart-contents. La campana se inserta automáticamente a su lado. El selector exacto depende de tu tema: inspecciona el icono del carrito para localizarlo.
Apariencia
Puedes ajustar el color de acento, los colores de la campana y del indicador, elegir entre un simple punto rojo o un contador numérico, activar la animación de la campana cuando hay elementos sin leer, y mostrar u ocultar la campana en móvil.
Anunciar tu contenido
Nuevos productos (automático)
Cuando la opción está activada, cada producto publicado crea automáticamente una notificación, sin ninguna acción. Activa o desactiva este comportamiento en Ajustes, Productos.
Códigos de descuento
En el editor de cupones de WooCommerce aparece una casilla Centro de notificaciones. Márcala para difundir el código, con un mensaje personalizado opcional. El código se muestra en el panel con un botón Copiar. Si el cupón tiene fecha de caducidad, la notificación desaparece automáticamente en esa fecha.
Entradas del blog
En el editor de entradas, una caja Centro de notificaciones ofrece una casilla. Márcala para anunciar la entrada; puedes añadir un mensaje personalizado.
Anuncios manuales
Desde la pantalla Notificaciones, crea anuncios libres (título, mensaje, enlace, fecha de caducidad). La tabla también permite activar, desactivar y eliminar cualquier notificación.
Programación y seguimiento de clics
Cada notificación puede tener una fecha de fin: pasada esa fecha, desaparece del panel. El escritorio también muestra el número de clics por notificación, para medir qué interesa a tus visitantes. Una limpieza automática opcional elimina las notificaciones inactivas más allá de un número determinado de días.
Leído y no leído
Para los clientes con sesión iniciada, el estado leído/no leído se guarda en el servidor y se sincroniza entre sus dispositivos. Para los visitantes sin sesión, se guarda en el navegador. Así, la campana sigue siendo compatible con la caché de página: el contenido dinámico se carga por AJAX y no impide el almacenamiento en caché.
Abrir el panel marca las notificaciones como leídas y borra el indicador.
Multilingüe (Polylang y WPML)
Cuando el filtro de idioma está activado, cada notificación se muestra solo en su propio idioma: un producto publicado en francés aparece solo en la versión francesa del sitio, y así sucesivamente. El plugin detecta el idioma mediante Polylang o WPML. Puedes desactivar este filtro para difundir todas las notificaciones en todos los idiomas.
API REST (headless)
Un punto de acceso de solo lectura expone las notificaciones visibles, útil para un front-end headless:
GET /wp-json/df-nc/v1/notificationsLa respuesta contiene las notificaciones activas (filtradas por idioma) junto con los identificadores ya leídos por el usuario actual.
Preguntas frecuentes y resolución de problemas
La campana no aparece
Comprueba el método de inserción elegido. En modo Menú, asegúrate de que haya un menú asignado a la ubicación seleccionada. En modo Selector CSS, comprueba que el selector corresponda a un elemento presente en la página.
El indicador no aparece
El indicador solo aparece cuando hay al menos una notificación activa sin leer. Crea un anuncio de prueba desde la pantalla Notificaciones para comprobarlo.
¿Es compatible con mi caché?
Sí. La campana se genera como HTML estático y las notificaciones se cargan por AJAX, lo que sigue siendo compatible con WP Rocket, LiteSpeed Cache y otros sistemas de caché.
¿Es compatible con HPOS?
Sí, el plugin declara compatibilidad con el almacenamiento de pedidos de alto rendimiento de WooCommerce.