existeWordPressAñadir una barra de notificaciones durante el proceso de creación del sitio web puede ser una forma eficaz de aumentar la tasa de conversión de su sitio web, especialmente cuando se trata de promocionar promociones, cursos en línea, servicios o recursos gratuitos como libros electrónicos, listas de comprobación, etc. UtiliceKadencelos comerciantes pueden configurar fácilmente una llamativa barra de notificaciones.
![Imagen [1] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325140250217-image.png)
Instalación de temas y plugins de Kadence
En primer lugar, es necesario instalar elKadenceKadence ofrece potentes opciones de personalización, y los plug-ins pueden adquirirse visitando el sitio web de Kadence, o eligiendo comprar el plug-inKadence Propara una mayor funcionalidad.
existeWordPressEn la interfaz de gestión de plugins del backend, haga clic en "Añadir nuevo plugin" para cargar e instalar el plugin Kadence Premium. Tras la instalación, active el plugin e introduzca la clave de licencia.
![Imagen [2] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325102239140-image.png)
Activación de las opciones de elementos para los temas de Kadence
existeKadenceLa opción Activar elementos en la configuración del tema es necesaria para activar la función de la barra de notificaciones. A continuación se indican los pasos para hacerlo:
- Ir a "estado exterior">"Kadence".
- Habilitar"elemental"Opciones.
Una vez activada, los comerciantes verán una nueva opción en la configuración: "elemental". Haga clic en Añadir nuevo elemento para empezar a añadir la barra de notificaciones.
![Imagen [3] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325140529727-image.png)
Diseño de la barra de notificaciones
hacer uso deKadenceLa barra de notificaciones se diseña con la función Disposición en columnas. El procedimiento es el siguiente:
- Cree un nuevo elemento y seleccione "fijación" para crear barras de notificación adhesivas.
![Imagen [4] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325140734304-image.png)
- Añada un diseño a dos columnas y cambie el tamaño del botón Preparados y del bloque de cuenta atrás.
![Imagen [5] - Cómo crear y configurar una barra de notificaciones en un tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325140813653-image.png)
- Configure el color de fondo, el color de la fuente, etc. para que coincidan con el estilo general del sitio.
![Imagen [6] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325140913470-image.png)
Esto es lo que parece después de configurarlo:
![Imagen [7] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325141310200-image.png)
Añadir una cuenta atrás y contenido de texto a la barra de notificaciones
En primer lugar, configure el color de fondo y añada el contenido de la cuenta atrás. Los pasos son los siguientes:
- Haga clic y añada un nuevo bloque, busque y seleccione el bloque de cuenta atrás.
![Imagen [8] - Cómo crear y configurar una barra de notificaciones en un tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325141756716-image.png)
- Establezca una cuenta atrás para una promoción, por ejemplo de siete días.
![Imagen [9] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325141921382-image.png)
Añadir texto prefijado
Para añadir un texto explicativo antes de la cuenta atrás, proceda del siguiente modo:
- En el diseño de la cuenta atrás, busque y añada el texto principal.
- Introduce contenido de texto como "El tiempo casi se acaba, date prisa y disfruta de la mejor oferta del año con el descuento 25%".
![Imagen [10] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142103819-image.png)
- Ponga el texto en modo en línea para que la cuenta atrás y el texto se muestren en la misma línea.
![Imagen [11] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142141367-image.png)
![Imagen [12] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142159395-image.png)
Ajustar el color del texto
Si es necesario, el color del texto puede ajustarse para que contraste adecuadamente con el fondo, como se indica a continuación:
- En la configuración de la estructura de líneas, establezca el color del texto en blanco para garantizar que el texto sea claramente visible.
![Imagen [13] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142302199-image.png)
Esto completa la configuración del temporizador de cuenta atrás y el texto para que se muestren a petición en la barra de notificaciones.
Añadir botón
En la barra de notificaciones, los botones dirigirán al usuario a otras acciones, como un enlace a una página promocional o una página de contacto.
- Añade un botón y establece el texto del botón como "Obtenga descuentos ahora".
![Imagen [14] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142429335-image.png)
- En la configuración del botón, enlace a la página de destino (por ejemplo, página de promoción o página de contacto).
![Imagen [15] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142531700-image.png)
Ajustar la posición de la barra de notificaciones
Fije la barra de notificaciones en la parte superior de la página y establezca una distancia de visualización retardada. De este modo, la barra de notificaciones permanece visible cuando el usuario se desplaza por la página.
- En la configuración del elemento, seleccione "Fijado en la parte superior".
![Imagen [16] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142840259-image.png)
- Establezca el valor en píxeles de la visualización retardada, por ejemplo 100 píxeles, para que la barra de notificaciones se muestre tras una cierta distancia de desplazamiento de la página.
![Imagen [17] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325142923821-image.png)
- Seleccione "Visualización en todas las páginas" para que la barra de notificaciones aparezca en todas las páginas del sitio.
![Imagen [18] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325143005240-image.png)
Establecer el tiempo de caducidad de la barra de notificaciones
Se puede establecer un tiempo de caducidad para la barra de notificaciones para garantizar que desaparezca automáticamente cuando finalice la promoción. Esto funciona muy bien para eventos de tiempo limitado.
- Habilitar"fijación de la fecha de caducidad"Opciones.
![Imagen [19] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325143120713-image.png)
- Establezca la fecha de caducidad de la barra de notificaciones, por ejemplo, al cabo de siete días, cuando finalice la promoción, la barra de notificaciones desaparecerá automáticamente.
Publicar y ver los resultados
Una vez completados todos los ajustes, pulse "escriba a" y, a continuación, compruebe los resultados de la página web. Desplácese por la página para ver la barra de notificaciones fija en la parte superior y asegúrese de que se muestra correctamente según lo establecido.
![Imagen [20] - Cómo crear y configurar la barra de notificaciones en el tema Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250325143230666-image.png)
resúmenes
Utilizando elKadencePlug-ins avanzados yBloques KadenceLa barra de notificaciones es una barra de notificaciones potente y fácil de configurar que se puede utilizar para anunciar promociones, dirigir a los usuarios para que se suscriban o enviar otro tipo de información. Los pasos de configuración simplificados hacen que la creación de una barra de notificaciones sea más eficiente y eficaz para aumentar las conversiones y atraer más visitantes a un evento o servicio de suscripción.
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/47374El artículo está protegido por derechos de autor y debe ser reproducido con atribución.




















![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios