Cómo configurar una barra de notificación de WordPress en unos pocos pasos

Hay muchos tipos diferentes de mensajes que puede enviar en su sitio, cada uno de ellos requiere un canal adecuado. Las grandes cajas emergentes, las pancartas promocionales y otras son muy convenientes, pero a veces pueden parecer demasiado insistentes. Además, los visitantes del sitio reciben fácilmente suficiente de ellos, lo que puede conducir a altas tasas de rechazo. Si piensa en una forma elegante, discreta pero efectiva de capturar la atención de los visitantes y enviar un mensaje, una barra de notificaciones de WordPress podría ser exactamente lo que está buscando.
Barra de notificación: lo que se usa para
La barra de notificación se puede utilizar para una variedad de propósitos. Ciertamente puede ayudarlo a generar más tráfico para páginas dedicadas. Puede usarlo para aumentar su lista de correo electrónico ofreciendo una suscripción al boletín o compartiendo información a nivel de todo el sitio.
Puede ser muy beneficioso si, por ejemplo, tiene un tema de comercio electrónico WP. Puede mostrar información de envío allí porque este es el tipo de información que todos los visitantes de su sitio definitivamente sabrán. También encontrará que es muy conveniente anunciar una reducción o un nuevo producto. Mostrar un código promocional en una barra de notificación también es una gran idea.

Además, puede usarlo para compartir su información de contacto. De esta manera, mejore la comunicación con los visitantes del sitio, porque no deben abrir otra página solo para encontrarla. Y si agrega íconos sociales a la barra, es una receta comprobada para desarrollar sus conexiones con las redes sociales.

Cualquier tipo de sitio web puede beneficiarse de una barra de notificación bien diseñada. Solo piense en las posibilidades. Puede usarlo como Banner CTA para invitar a los visitantes del sitio a suscribirse, registrarse, hacer clic para descargar ciertos materiales, hacer un orden especial y similar. Ahora si su tema WP aún no es una barra de notificación, puede configurar fácilmente uno con uno de La barra de notificaciones de WordPress.

Establezca una barra de notificación utilizando el complemento de la barra de notificación WPFront
WPFront es un complemento de notificación confiable y práctico. Es muy popular entre los usuarios de WordPress debido a su simplicidad y efectividad. Es bastante fácil de configurar y proporcionar el número correcto de opciones de personalización. Debido a que es muy fácil, puede estar seguro de que no retrasará su sitio web y no afectará su rendimiento de ninguna manera negativa. Ahora le mostraremos cómo configurarlo en solo unos pocos pasos y crear solo la barra de notificación perfecta para su sitio web.

Paso 1: Activación de la barra de notificación del complemento WPFront
Paso 2: Configuración de la posición de la barra de notificación
Paso 3: Personalización de la barra de notificación
Paso 1: Activación de la barra de notificación del complemento WPFront
Después de instalar el complemento, haga clic en Configuración y luego notifique al menú desplegable.
Al hacer clic en él, se abrirá todas las configuraciones disponibles para la barra de notificaciones. Lo primero que debe hacer es marcar lógicamente la casilla que dice activada.

Después de activar la barra de notificación aquí, será visible en todas las páginas y puede continuar personalizándola. Todas las opciones de personalización se muestran en esta página.

Notará que la barra de notificación aparece como una vista previa en el backend en la página de configuración de la barra de notificación, que es muy conveniente, ya que no tiene que regresar y volver para verificar cómo se ve en la página en vivo. Puede ver sus personalizaciones en vivo y una vez que esté satisfecho con lo que ve, haga clic en Guardar. Paso 2: Configuración de la posición de la barra de notificación
Este complemento le permite elegir la ubicación donde desea mostrar la barra de notificación: puede ser la parte superior o inferior de la página. Si opta por la posición superior, también puede decidir qué tan cerca del borde superior de la pantalla desea aparecer utilizando la opción de compensación de posición. Sin embargo, esto no es posible para la posición inferior.
En términos de comportamiento de la barra, puede elegir entre la posición fija en la posición y la pantalla en el desplazamiento. Si elige la primera opción, la barra no estará influenciada por la página, permanecerá en la misma posición. Si elige la segunda opción, la barra aparecerá al desplazarse. No será visible de inmediato y, bajo el desplazamiento de desplazamiento, puede elegir después de cuántos píxeles desea aparecer. Para que la opción de visualización funcione, ¡primero debe solucionarse en la posición!

Paso 3: Personalización de la barra de aviso
Animación
Puede hacer la barra de notificaciones estáticas o animadas. Elija esto configurando la duración de la animación. Si lo establece en 0, la animación se desactivará y la barra será estática. Para animar la barra, ingrese cuánto tiempo durará la animación. Por ejemplo, si lo establece en 3 segundos, la barra aparecerá gradualmente durante 3 segundos. La animación es una forma agradable de enfatizar la barra, porque hace que aparezca gradualmente y, por lo tanto, llama la atención. Si no desea que la barra de notificación aparezca inmediatamente después de cargar la página, existe la opción de visualización después. Le permite establecer siempre que la página esté cargada, desea aparecer. La opción de cierre automática después le permite hacer que la barra desaparezca después de un cierto período de tiempo. Si el bar está animado, se cerrará de la misma manera que se ha abierto, gradualmente.

Contenido
Cuando se trata de las opciones que puede mostrar en la barra de navegación, tiene el botón de visualización que permite al visitante cerrar la barra y la pantalla reabrir que le da al visitante la oportunidad de reabrir la barra si es necesario. Si esta opción está desactivada, la barra no aparecerá hasta que la página se recargue o no aparecerá en absoluto si la opción se mantiene cerrada. Opción Manténgase cerrado para permitirle establecer el tiempo después de lo cual la barra aparecerá nuevamente.

Para definir el contenido de texto de la barra, use el campo de mensaje de texto donde ingrese el texto que desea que se muestre en la barra. Además, puede modelarlo usando HTML. Ni siquiera tienes que ser particularmente hábil en HTML. Si, por ejemplo, desea cambiar el tamaño de la fuente, simplemente la ajustará ingresando el tamaño deseado en el mensaje de texto. Agregará este texto al campo: lorem ipsum dolor sit amet, consecuencia adipiscing elit. .
Y lo único que debe cambiar aquí es el número, que representa el tamaño de la fuente.
Ahora, si desea que se muestre un botón junto al texto en la barra, verifique la opción de visualización de visualización. Luego ingrese el texto que desea mostrar en el campo de texto del botón. En términos de funciones de botón, puede elegir entre las siguientes opciones:
Si desea que la barra deje de mostrar después de que el visitante haya hecho clic en él, puede configurarlo fácilmente verificando la opción Haga clic en el botón. Esto tiene sentido especialmente si la notificación es un botón CTA. Por ejemplo, una vez que el visitante hace clic en los suscriptores del botón a nuestro boletín en la barra de notificaciones, se redirige a la página con los detalles sobre la suscripción, y la barra de notificación no aparece ya que se cumple su propósito.
Si no desea que su barra de navegación sea visible para todos todo el tiempo, puede usar una de varias opciones de filtro. Puede establecer siempre que desee mostrar la barra configurando los datos en los campos y la hora y la hora y el tiempo de finalización. También puede seleccionar en qué páginas desea mostrar la barra, verificando algunos de los conjuntos de configuraciones de opciones en las páginas.
Cuando se trata de quién puede ver la barra de navegación, puede hacerlo visible solo para ciertos usuarios, simplemente marcando la pantalla de las casillas.

El complemento ofrece algunas características interesantes para el estilo de la barra. Puede ajustar la altura de la barra, estableciendo el número de píxeles. Debido a que este bar debería ser atractivo, pero no grande, tenga cuidado de no exagerar. Otra característica interesante es que puede agregar un tono a la barra, marcando la sombra de la pantalla.

Es interesante que no tenga que hacer la barra Unicolor: tiene la opción de establecer dos colores y crear degrades. Además, puede configurar el color del texto y los colores para todos los botones.
CSS personalizado

El complemento de barra de notificación WPFront le permite escribir también CSS adicionales para ajustar aún más el estilo. Mencionemos ahora algunas personalizaciones de CSS que se utilizan con bastante frecuencia, como cambiar el tamaño de fuente, por ejemplo. Lo que se puede perplegar es que cuando cambia el tamaño de la fuente del texto del mensaje, puede no alinearse con el botón al lado. Esto se puede reparar fácilmente. Cuando cambia el tamaño de la fuente, es aconsejable definir la clase del elemento a quien asignaremos ciertos valores:

!
En nuestro ejemplo, la clase es una barra de texto, puede hacer lo mismo para otra clase. Lo describiremos de esta manera en CSS:
.Text-bar {margen-bottom: 0px;}

De esta manera, alinearemos el texto y el botón. Por supuesto, es posible que necesite usar un valor diferente. Es mejor inspeccionar el elemento deseado para averiguar el valor que necesita. Puede asignar cualquier otra característica a la clase de acuerdo con lo que desea cambiar. Otra característica interesante es que puede ajustar la sombra, que es predeterminada bastante oscura. Puede, por ejemplo, ajustarlo de esta manera y hacerlo más fácil: wpfront-bottom-sadow {box -hdow: 0px 5px 5px 0px rgba (0.0,0,0.2);}
Y no olvide: ¡debe hacer clic en Guardar después de cada cambio que realice para entrar en vigencia!
En conclusión
Cuando se usa correctamente, la barra de navegación puede brindarle muchos beneficios. Siéntase libre de probarlo para diferentes propósitos. Hemos enumerado solo algunas de las ideas para inspirarlo, pero estamos seguros de que puede pensar en muchas otras razones para usarla. ¡Modelo, personalice y comparta su experiencia con nosotros!
Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!
¿Qué es la barra lateral de WordPress y cómo crearla?
¿Qué es el pie de página y cómo agregarlo a WordPress?
Los mejores complementos de WordPress para ventanas emergentes que hacen sonreír a sus visitantes