# Notification Center — Guía completa > Guía completa para instalar, configurar y usar DataFirefly Notification Center para WordPress y WooCommerce. - Página: - Idioma: es - Actualizado el: 2026-06-28 - Otros idiomas: [fr](https://www.datafirefly.com/documentation/notification-center/index.md), [en](https://www.datafirefly.com/en/documentation/notification-center/index.md), [de](https://www.datafirefly.com/de/documentation/notification-center/index.md), [it](https://www.datafirefly.com/it/documentation/notification-center/index.md), [pl](https://www.datafirefly.com/pl/documentation/notification-center/index.md), [nl](https://www.datafirefly.com/nl/documentation/notification-center/index.md), [pt](https://www.datafirefly.com/pt/documentation/notification-center/index.md) - Índice: ## 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 1. Sube la carpeta `df-notification-center` a `wp-content/plugins/`, o instala el ZIP desde Plugins y luego Añadir nuevo. 2. Activa el plugin **DataFirefly Notification Center**. 3. 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/notifications ``` La 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.