Cómo agregar una barra publicitaria en WordPress (en 3 pasos)

Debido a que los visitantes a menudo abandonan los sitios en 15 segundos, es esencial colocar información importante donde puedan verlos de inmediato. Como desarrollador web, puede maximizar el diseño de su sitio de WordPress utilizando una barra publicitaria. Con esta función, puede aumentar los ingresos y el tráfico web destacando nuevas promociones, ventas o descuentos. En esta publicación veremos más de cerca las barras de anuncios y cómo podrían ser beneficiosos para su sitio. Luego le mostraremos cómo agregar esta función a su sitio de WordPress en tres pasos. Simple. ¡Vamos a empezar!
¿Qué es una barra publicitaria (y por qué podría querer crear una) una barra publicitaria es una barra horizontal en la parte superior del inicio del sitio web (aunque puede ser visible en otras páginas)? Por lo general, aparece como un ancho completo en la parte superior del encabezado. Si desea resaltar un mensaje en su sitio web, le recomendamos usar una barra de anuncios. Esta puede ser una forma efectiva de anunciar a un área particular de su negocio o sitio web. De hecho, estos bares generalmente sirven como comerciales. Puede usarlos para anunciar una reducción, promoción, lanzamiento de un nuevo producto o cualquier otra oferta especial.
Por ejemplo, FitBark decidió organizar una ventas para monitores de salud para mascotas, por lo que agregó un bar de color rosa brillante a la parte superior de su sitio web para promoverlo:

Cuando un cliente visita el sitio Fitbark, esta promoción es lo primero que ve. Al hacer clic en la barra de anuncios, los visitantes pueden acceder rápidamente a los productos a la venta y hacer una compra. Los beneficios de usar las barras de anuncios en su sitio web. Las barras de anuncios son efectivas porque son fáciles de ver y dirigen a los usuarios al lugar correcto. Sin ellos, los visitantes deben encontrar la página específica que presente su venta u oferta. Esto requiere un trabajo adicional que los usuarios pueden no querer hacer. Con esta función, puede mantener su audiencia actualizada. Debido a que se colocan en la parte superior de la página, las barras publicitarias tienen una alta visibilidad. Una vez que ven el Bar de anuncios, los visitantes pueden descubrir rápidamente sus ofertas especiales. Muchos propietarios de sitios usan ventanas emergentes en su lugar, pero pueden ser más intrusivos que las barras publicitarias. Las ventanas emergentes tienden a cubrir toda la pantalla, interrumpiendo lo que el visitante estaba haciendo. Sin embargo, una barra publicitaria no bloquea ninguno de sus contenidos. Los visitantes pueden continuar navegando por su sitio mientras mantienen ese anuncio. Incluso puede configurar una barra publicitaria para “pegarse” en la parte superior de la página para que los usuarios aún lo vean mientras ejecutan su contenido.
Para la barra de anuncios, Udemy decidió presentar una oferta sensible oportuna. Esto alienta a los usuarios a aprovechar la promoción mientras dure:
La promoción de ofertas que requieren tiempo, como descuentos y envío gratuito, pueden ayudar a crear una emergencia. Esto puede alentar a los usuarios a tomar medidas inmediatas y verificar su oferta (o hacer una compra). Por lo tanto, agregar barras publicitarias podría generar más clics a una determinada página en su sitio más, puede personalizar su barra publicitaria para tener un diseño estético. Esto puede hacer que su sitio sea más profesional, único y más atractivo. Con un complemento como nuestro propio generador de página Beaver Builder, puede personalizar una barra de anuncios para fortalecer la identidad de su marca y atraer la atención. Cómo agregar una barra de anuncios en WordPress (en 3 pasos) ahora que está al tanto de la forma en que AD Las barras podrían beneficiar a su sitio, es hora de explorar cómo agregar esta función a WordPress. Para este tutorial, utilizaremos nuestro complemento Beaver Builder y el suplemento Beaver Themer. Beaver Builder es un instrumento para crear páginas que puede usar para crear y personalizar el contenido en WordPress. Mientras tanto, Beaver Themer es un poderoso suplemento que le permite crear y editar temas. Con estas herramientas, puede tener un control total sobre los diferentes elementos de su sitio, incluso en las barras de anuncios.

Veamos cómo puede crear una barra publicitaria en WordPress. Para facilitar las cosas, incluimos un video tutorial paso a paso: antes de continuar, necesitará tener complementos de Beaver Builder y Beaver Themer instalados y activados en su sitio web. Tenga en cuenta que necesitará una versión premium de Beaver Builder para acceder al suplemento. Paso 1: cree un nuevo aspecto del tema después de agregar ambos complementos a su sitio, puede comenzar a trabajar en la primera barra publicitaria. Navegue a Beaver Builder> Aspectos temáticos> Agregar nuevo. Aquí, creará un nuevo look Themer: primero, tendrá que dar un nombre a su apariencia. Para este ejemplo, puede usar la “barra publicitaria”. En la sección Tipo, elija apariencia temática. En el menú Drop -down, seleccione Parte:
Luego guarde los cambios haciendo clic en el aspecto del tema. Ahora puedes pasar al siguiente paso. Paso 2: Configure la configuración de apariencia Cuando guarde el nuevo aspecto, la página Editar el tema se abrirá automáticamente. Aquí puede configurar su configuración, incluidas las reglas de ubicación y visibilidad para su contenido, por ejemplo, puede elegir dónde aparecerá la barra de anuncios en la página y quién puede verla.
Puede personalizar la ubicación y las reglas de visibilidad para satisfacer sus necesidades. Nos centraremos en la configuración más relevante para una barra publicitaria. Para cambiar la ubicación de la apariencia, navegue por la posición. Para que la barra publicitaria sea efectiva, debe estar en la parte superior de la página. Esto maximizará su visibilidad. Desde el menú Drop -down, elija antes del encabezado:


Además, querrá que la barra de anuncios llegue a cada usuario que visita su sitio. Para hacer esto, navegue por la ubicación y elija el sitio completo de la lista desplegable. Cuando esté listo, haga clic en Publicar para guardar los cambios. Ahora puede comenzar a personalizar su barra publicitaria. Paso 3: edite los anuncios de la barra de anuncios después de configurar la configuración de apariencia, es hora de editar el aspecto de anuncios. Para comenzar, haga clic en el botón Launți Beaver Builder en la página Editar el aspecto del tema. Esto abrirá el constructor. Luego tire y coloque un editor de texto en la página. En la pestaña General, ingrese el texto que se mostrará en la barra de anuncios. También puede agregar un enlace si es necesario. Por ejemplo, le recomendamos que inicie sesión en su tienda en línea para aumentar las ventas en su página de destino:

En la pestaña de estilo, puede cambiar el tamaño de la fuente, el posicionamiento y la altura de la línea de texto. También puede agregar espaciado, mayúsculas, decoración y sombra de texto. Además, puede explorar la pestaña avanzada para personalizar los bordes. Por ejemplo, si desea una barra publicitaria estrecha, configure los bordes superior e inferior en “0”. Además, puede crear una animación personalizada para su anuncio. Agregar efectos de movimiento puede ayudar a dibujar su promoción. Cuando esté satisfecho con sus cambios, haga clic en Guardar. A continuación, deberá editar el giro. Haga clic en la barra publicitaria y explore el icono de la tecla. Esto abrirá la configuración de la fila:
En la pestaña de estilo, puede cambiar el color del texto, el enlace, el título y el fondo. Si desea que la barra publicitaria llene toda la pantalla, elija el ancho completo. En la pestaña Avanzada, puede editar los bordes y el relleno de la barra. Para asegurarse de que el módulo del editor de texto esté alineado con el encabezado debajo, configure el relleno inferior en “0”: también tiene la opción de editar la barra de anuncios para diferentes dispositivos. Para hacer esto, haga clic en el icono del dispositivo a la derecha de cada campo. Esto le permitirá obtener una vista previa y ajustar el anuncio para el tamaño de cada dispositivo. Si ingresa valores personalizados para escritorio, tableta o móvil, solo solicitarán ese dispositivo. En la misma pestaña, puede cambiar la duración de cualquier animación adicional. También tiene la opción de crear un retraso si es necesario. Una vez que la barra publicitaria se personalice como desee, haga clic en Terminado y seleccione Publicar. ¡Ahora debería ver una barra de anuncios en la parte superior de su sitio web! Conclusión Agregar una barra publicitaria a la página inicial de su sitio puede ser una forma efectiva de captar la atención del público. Ya sea que promueva una venta u ofrezca envío gratuito, los anuncios ofrecen una forma clara y simple de comunicarse con sus usuarios.

Crea un nuevo look Themer.

Configure la configuración de apariencia.

Edite la apariencia de la barra publicitaria.

¿Tiene alguna pregunta sobre cómo configurar una barra publicitaria personalizada para su sitio de WordPress? ¡Háganos saber en la sección de comentarios!