Cómo crear una barra de pie de página flotante "pegajosa" en WordPress

¿Está buscando una manera de crear una barra de pie de página flotante y pegajosa en WordPress?

La barra de pie de página flotante y pegajosa se mostrará siempre en la parte inferior del sitio web aunque el usuario se desplace por la página. De esta forma, puedes utilizarla para promocionar ofertas o cuentas de redes sociales, atraer a los usuarios para que permanezcan más tiempo y aumentar las conversiones. A continuación, te mostraremos paso a paso cómo crear fácilmente una de estas barras de pie de página flotantes adhesivas en WordPress.

¿Qué es la barra de pie de página flotante en WordPress?

Las barras de pie de página flotantes le permiten mostrar de forma destacada contenidos y noticias importantes a sus usuarios.

Puede utilizar una barra de pie de página flotante para:

• Aporta más clics a otras entradas del blog.
• Genere clientes potenciales y construya su lista de correo electrónico.
• Esté atento a cupones especiales u ofertas/rebajas.
• Promociona tus cuentas en las redes sociales.
• Crear reconocimiento de marca.
• Proporciona acceso a recursos importantes de su sitio WordPress.

Veamos cómo crear fácilmente una barra de pie de página flotante en WordPress. Hay dos maneras principales de hacer esto:

Método 1: Utilizar OptinMonster para crear una barra de pie de página flotante (recomendado)

Sticky barra de pie de página flotante se puede crear fácilmente utilizando OptinMonster. Es la mejor herramienta de generación de leads y optimización de conversiones del mercado que puede convertir a los visitantes de su sitio web en suscriptores muy fácilmente.

OptinMonster viene con un constructor de arrastrar y soltar y plantillas prefabricadas que le permiten crear barras de pie de página flotantes, pop-ups deslizantes y banners sin utilizar ningún código.

Se recomienda este método porque OptinMonster es muy fácil de usar y ofrece más opciones de personalización que el método del plugin gratuito.

Paso 1: Instale OptinMonster en su sitio web

En primer lugar, debe hacer clic en el botón "Obtener OptinMonster ahora" de la página de inicio.OptinMonsterRegístrese en el sitio web.

A continuación, instale y active el plugin gratuito OptinMonster Connector en su sitio web. Una vez activado, el asistente de configuración de OptinMonster se abrirá en su pantalla, donde podrá hacer clic en el botón "Conectar su cuenta existente". Esto conectará su sitio web WordPress a su cuenta OptinMonster.

Una vez hecho esto, se abrirá una nueva ventana en la pantalla.

Aquí, haga clic en el botón "Conectar con WordPress" para continuar.

Paso 2: Crear y personalizar una barra de pie de página flotante y adhesiva

Ahora que OptinMonster se ha conectado a su sitio web, es el momento de crear una barra de pie de página flotante. Requiere acceso desde la barra lateral de administración de WordPressOptinMonster " página de plantillas y seleccione "Barra Flotante" como tipo de actividad.

Una vez hecho esto, todas las plantillas prediseñadas de la barra flotante se cargarán en la pantalla. Desde aquí, puede hacer clic en el botón "Usar plantilla" de la plantilla que desee utilizar.

Se abrirá la pantalla "Crear campaña", donde podrá añadir un nombre para la barra de pie de página flotante que desea crear. Puede ser el nombre que desee, ya que no se mostrará a los visitantes de su sitio web.

A continuación, haz clic en el botón "Start Build".

El constructor de arrastrar y soltar de OptinMonster se abrirá ahora en tu pantalla, donde podrás empezar a personalizar la barra flotante de pie de página. Aquí verás una vista previa de la barra flotante a la derecha y bloques en la columna de la izquierda.

Si su barra de pie de página flotante promociona una oferta de descuento, utilice un bloque de temporizador de cuenta atrás. Esto ayudará a crear una sensación de urgencia entre los usuarios y les animará a pasar a la acción. También se pueden añadir bloques de CTA, vídeo o redes sociales a la barra de pie de página.

También puede editar el texto de la barra de pie de página haciendo clic sobre él. Esto abrirá la configuración del bloque en la columna de la izquierda, donde podrás ajustarlo a tu gusto.

Por ejemplo, si desea cambiar la oferta de descuento en la plantilla, puede cambiar el texto del botón. Después, puede seleccionar la opción "Redirigir a URL" y añadir un enlace a la página a la que desea que se dirija a los usuarios tras hacer clic en el botón.

Paso 3: Configurar las reglas para mostrar la barra de pie de página flotante

Una vez que esté satisfecho con la personalización de la barra de pie de página, simplemente haga clic en la pestaña "Reglas de visualización" en la parte superior de la página.

Aquí puede establecer las condiciones en las que se mostrará la barra de pie de página. Si desea que el pie de página flotante se muestre siempre, seleccione "Tiempo de permanencia" en el menú desplegable de la izquierda.

A continuación, seleccione "Ahora" en el menú desplegable de la derecha. De este modo, la barra de pie de página aparecerá siempre en la página, facilitando a los usuarios su visualización en cualquier momento.

Si sólo desea mostrar la barra de pie de página flotante en determinadas páginas, debe seleccionar la opción "Posicionamiento de página" en el menú desplegable de la derecha.

A continuación, seleccione "Coincidencia exacta" en el menú desplegable del centro e introduzca la URL de la página en la que desea que aparezca la barra de pie de página. Con esta configuración, la barra de pie de página flotante sólo aparecerá en las páginas que especifiques.

Además, puede seleccionar la opción "Intención de salida" para que el pie de página flotante adhesivo aparezca automáticamente cuando el usuario esté a punto de abandonar su sitio. Puede configurar la sensibilidad de esta función y elegir en qué dispositivos se mostrará el pie de página. Esto puede ser muy útil si desea reducir el número de usuarios que abandonan su sitio.

Si sólo desea que los visitantes de dispositivos de sobremesa vean el pie de página flotante, puede seleccionar la opción "Dispositivo del visitante". Esto te da la flexibilidad de ajustar la forma en que se muestra el pie de página en función del tipo de dispositivo en el que se encuentre el visitante.

Las reglas de visualización también pueden configurarse en función de la fecha, la hora o la distancia de desplazamiento seleccionando la opción "Cuándo" de la columna de la izquierda.

Paso 4: Publicar una barra de pie de página flotante

Una vez definidas las condiciones de visualización de la barra de pie de página, pase a la pestaña Publicación de la parte superior.

A partir de aquí, basta con hacer clic en el botón Publicar.

Después, no olvides hacer clic en Guardar para que los cambios surtan efecto.

Método 2: Crear una barra de pie de página flotante con un plugin gratuito

Si está buscando una forma gratuita de crear una barra de pie de página flotante y pegajosa, la herramientaFirebox Popup BuilderEste plugin hará lo que usted quiere, instalar y activar el plugin Firebox Popup Builder.

Una vez activado, acceda desde el panel de control de WordPressFirebox " Campañas de marketingy haga clic en el botón + Nueva campaña.

Una vez hecho clic, se le presentará la biblioteca de actividades de Firebox, que contiene una serie de plantillas prediseñadas de barras flotantes adhesivas entre las que puede elegir.

Una vez que haya encontrado su plantilla de pie de página flotante favorita, sólo tiene que hacer clic en el enlace "Insertar" situado debajo de ella. Sin embargo, tenga en cuenta que si ha elegido una plantilla de barra de título, es posible que su posición no pueda modificarse. Por lo tanto, asegúrese de que la plantilla que elija sea adecuada para la barra de pie de página.

Ahora se abrirá el editor de bloques en la pantalla y podrás empezar a darle un nombre a la barra flotante.

Para editar el texto del pie de página, basta con hacer clic sobre él. Si quieres añadir algo nuevo, puedes hacer clic en el botón "+", que abrirá un menú de bloques. En el menú puedes añadir imágenes, títulos, párrafos, vídeos, citas o listas.

Por ejemplo, si quieres añadir cuentas de redes sociales, selecciona el bloque "Iconos sociales". A continuación, solo tienes que introducir las cuentas y los enlaces de tus redes sociales en el panel del bloque.

También es posible cambiar el texto de un bloque de botones y añadir un enlace a la página a la que se debe dirigir al usuario haciendo clic en el icono de enlace de la barra de herramientas del bloque.

A continuación, introduzca la URL que desee y pulse "Intro".

A continuación, desplácese hasta la sección "Configuración del Firebox".

Aquí puede cambiar el color de fondo, el color del texto, la alineación, el tamaño, el relleno y los márgenes de la barra de pie de página flotante.

Cambie a la pestaña Comportamiento de la columna de la izquierda y seleccione Carga de página como activador flotante.

A continuación, utilice el control deslizante Retraso para seleccionar el tiempo de retraso de la barra flotante. Por ejemplo, si arrastra el control deslizante hasta 15 segundos, la barra flotante de pie de página se mostrará cuando el usuario lleve 15 segundos en el sitio.

Puede dejar el control deslizante en 0 si desea que la barra de pie de página flotante se muestre inmediatamente.

A continuación, puede dejar los demás ajustes sin cambios o configurarlos a su gusto.

Cuando hayas terminado, no olvides hacer clic en el botón "Publicar" de la parte superior.

El sitio de WordPress que visite ahora podrá ver la barra de pie de página flotante adhesiva en acción.