Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar una barra de envío gratis en WooCommerce (paso a paso)

Hemos visto que muchas tiendas de WooCommerce pierden ventas simplemente porque los compradores no se dan cuenta de que hay envío gratuito disponible.

Una barra de envío gratuito soluciona ese problema al instante. Coloca un mensaje claro y amigable en la parte superior de tu sitio que dice exactamente lo que los clientes deben hacer para obtener envío gratuito, por ejemplo: “Gasta $50 más y obtén envío gratuito”.

A los compradores les encanta ahorrar en envíos y a menudo agregan artículos extra solo para evitar ese costo adicional. Al hacer que tu oferta de envío gratuito sea imposible de pasar por alto, puedes aumentar el tamaño de los carritos y el valor promedio de tus pedidos sin cambiar tus precios.

Después de probar varias herramientas, descubrimos que OptinMonster es la forma más fácil de agregar una barra de envío gratuito de alta conversión a una tienda de WooCommerce.

En esta guía, te guiaremos paso a paso en la configuración, para que puedas empezar a convertir más visitas en ventas hoy mismo.

Cómo agregar una barra de envío gratuito en WooCommerce

💡Respuesta Rápida: Cómo agregar una barra de envío gratuito en WooCommerce

La forma más rápida de agregar una barra de envío gratuito es usar OptinMonster.

Simplemente crea una nueva campaña de 'Barra Flotante', ingresa tu texto promocional (por ejemplo, 'Envío gratuito en pedidos superiores a $50') y configura las reglas de visualización para que aparezca en tu tienda de WooCommerce.

Este método funciona con cualquier tema de WordPress y no requiere escribir código.

Importante: Configura tus reglas de envío primero

Antes de comenzar, es importante entender que la barra de envío gratuito es una herramienta promocional. Anuncia tu oferta a los clientes, pero no crea la regla de envío real en sí. Primero debes configurar el envío gratuito en la configuración de WooCommerce.

Esto asegura que cuando un cliente cumpla el requisito, el descuento se aplique automáticamente al finalizar la compra.

Para obtener más información, consulta nuestra guía sobre cómo ofrecer un descuento de envío en WooCommerce.

¿Por qué mostrar una barra de envío gratis en WooCommerce?

Los costos de envío son una de las principales razones detrás de las ventas con carritos abandonados. Muchas tiendas en línea lidian con esto ofreciendo envío gratuito.

Hacer que los clientes conozcan tu oferta es una excelente manera de aumentar las ventas. Una barra de envío gratuito es un banner prominente que permanece visible mientras el usuario se desplaza, recordándoles constantemente la oferta.

Esto anima a los usuarios a agregar más a su carrito para calificar para el envío gratuito, aumentando el valor promedio de tu pedido y las ventas generales.

Ejemplo de barra de envío gratis

Puedes ofrecer envío gratuito en WooCommerce usando el plugin Advanced Coupon (una herramienta potente para crear cupones inteligentes y ofertas de envío) o simplemente configurando los métodos de envío en tu tienda en línea.

Independientemente de cómo habilites el envío gratuito, destacarlo adecuadamente en tu sitio es clave. Ahí es donde entra en juego una barra de envío gratuito.

Para crear la barra de envío, utilizaremos OptinMonster. Es el mejor plugin de generación de leads para WordPress que te permite crear popups, barras flotantes y otras campañas en el sitio para captar la atención de los visitantes.

También es lo que usamos en WPBeginner y en nuestros sitios web asociados para ejecutar campañas de marketing. Para saber más, consulta nuestra reseña completa de OptinMonster.

Aquí están los pasos que cubriremos:

Paso 1: Configurar una cuenta de OptinMonster

Primero, deberás visitar el sitio web de OptinMonster y registrarte para obtener una cuenta.

OptinMonster

Después de registrarte en OptinMonster, el siguiente paso es instalar y activar el plugin gratuito OptinMonster para WordPress. Por favor, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin conecta la aplicación OptinMonster a tu sitio de WordPress.

Al activarlo, el asistente de configuración puede iniciarse automáticamente. Si es así, simplemente sigue las instrucciones en pantalla para completar la configuración.

Si el asistente no aparece, haz clic en el menú OptinMonster en tu panel de WordPress. Luego, haz clic en el botón 'Conectar tu cuenta' para vincular WordPress a tu cuenta de OptinMonster.

Conecta OptinMonster a tu sitio de WordPress

Paso 2: Crear una barra de envío gratuito para WooCommerce

Ahora, puedes crear la barra flotante para ofrecer envío gratis de WooCommerce.

Primero, ve a la página de OptinMonster en tu panel de WordPress y luego haz clic en el botón ‘Agregar nuevo’ en la parte superior derecha o haz clic en el botón ‘Crear tu primera campaña’.

Crear nueva campaña
Elegir el tipo de campaña y la plantilla

Se abrirá una nueva ventana emergente donde puedes elegir plantillas o playbooks.

OptinMonster ofrece plantillas atractivas para tu campaña. Puedes seleccionar una y personalizarla según tus necesidades. Por otro lado, también ofrece campañas listas para usar inspiradas en marcas exitosas.

Para este tutorial, seleccionaremos la opción ‘Plantillas’.

Selecciona una plantilla o playbook

Esto te llevará al constructor de campañas de OptinMonster.

Aquí, deberás seleccionar ‘Barra flotante’ como tu tipo de campaña.

Elige la campaña de barra flotante

A continuación, desplázate hacia abajo y elige tu plantilla de campaña. OptinMonster tiene una gran variedad de plantillas profesionales para elegir. Pasa el cursor del ratón sobre la plantilla y haz clic en el botón ‘Usar plantilla’.

Nombrar tu campaña

OptinMonster te pedirá que le pongas un nombre a tu campaña. Puedes usar el nombre que quieras aquí.

Ingresa un nombre para tu campaña

Una vez que estés listo, simplemente haz clic en el botón ‘Empezar a construir’.

Personalizar la apariencia de la barra

Verás entonces la interfaz del constructor de OptinMonster, con diferentes bloques que puedes agregar a la plantilla.

Personaliza la barra de alerta flotante

Por defecto, la barra flotante se fijará en la parte inferior de la pantalla. Si la quieres en la parte superior de la pantalla en su lugar, es fácil de cambiar.

Simplemente selecciona la barra flotante y luego haz clic en ‘Configuración de barra flotante’ en el menú de la izquierda. Luego, activa la opción ‘¿Cargar barra flotante en la parte superior de la página?’.

Mueve la barra de alerta a la parte superior

Para cambiar el texto de la barra, simplemente haz clic en él.

Puedes personalizar el texto según sea necesario. También puedes cambiar el estilo de fuente, color, tamaño de fuente y más. La vista previa de tu campaña se actualizará automáticamente para mostrar cómo se verá en vivo.

Recomendamos mostrar de forma destacada tu monto mínimo de pedido (por ejemplo, '¡Envío gratis en pedidos superiores a $50!') para calificar para el envío gratuito.

📍Nota: Este texto crea un anuncio estático y no se sincroniza con la configuración de tu tienda WooCommerce. Si más adelante cambias tus reglas de envío en WooCommerce, recuerda actualizar manualmente este texto para que coincidan.

Este mensaje claro puede motivar a los clientes a agregar más artículos para alcanzar el nivel de envío gratuito, impulsando efectivamente tu valor promedio de pedido.

Aquí, hemos cambiado el texto y la fuente. También hemos aumentado ligeramente el tamaño de la fuente:

Edita el texto de la barra de envío gratis

También puedes cambiar el botón de tu barra de envío gratuito.

Simplemente haz clic en el botón y la configuración se abrirá en el panel izquierdo. Puedes cambiar el texto del botón allí.

Edita el texto y la configuración del botón en la barra de alerta de envío gratis

Para dirigir a los clientes a una página específica, puedes ingresar su URL en el campo 'URL de redirección'.

Recomendamos enlazar este botón a tu página de Carrito o a tu página de Tienda. Esto facilita que los usuarios continúen comprando o realicen el pago después de ver la oferta.

Si deseas usar un color diferente para tu barra de envío gratis, eso también es fácil. Primero, haz clic en la pestaña 'Avanzado' en el menú de tu izquierda, luego cambia el color de fondo del botón.

Color y efectos del botón de editar

Paso 3: Ajustar las reglas para mostrar la barra de envío gratuito

A continuación, deberás seleccionar las reglas de visualización que controlan quién debe ver la barra de envío gratuito en tu sitio.

Configurar tus reglas de visualización

Simplemente haz clic en la pestaña 'Reglas de visualización' en la parte superior de tu pantalla.

Configurar tus reglas de visualización en OptinMonster

Por defecto, OptinMonster muestra tu barra flotante después de que el usuario ha estado en cualquier página de tu sitio durante 5 segundos.

Es posible que desees que tu barra de envío gratis se cargue instantáneamente. Para hacer esto, simplemente elimina la regla de retraso de tiempo. Haz clic en el ícono de menos en el lado derecho para hacerlo:

Haz que tu barra de envío gratis aparezca al instante

Una vez que elimines el temporizador, la campaña usará por defecto la regla 'La ruta de la URL actual es cualquier página'. Esto asegura que la barra aparezca inmediatamente cuando un visitante llega.

Aparte de eso, también puedes elegir diferentes reglas de visualización. Por ejemplo, dependiendo de tu plan de OptinMonster, puedes mostrar la barra de envío gratis a usuarios de regiones geográficas específicas.

Esto es genial para promociones dirigidas. Por ejemplo, podrías crear una barra que diga '¡Envío gratis en todo el equipo de campamento!' y configurarla para que aparezca solo cuando un visitante esté navegando por tu categoría de productos de 'Camping'.

Reglas de visualización de ubicación física
Publicación de tu campaña

El último paso es hacer que tu campaña esté activa en tu sitio. Haz clic en la pestaña 'Publicar' en la parte superior de la pantalla.

Mientras estás creando tu campaña, está pausada por defecto. Puedes cambiarla de Borrador a Publicar.

Publicar barra de envío gratis

Una vez hecho esto, simplemente haz clic en el botón 'Guardar' y cierra el constructor de campañas.

A continuación, verás la Configuración de Salida de Campaña para tu barra de alerta de envío gratis. Asegúrate de que el Estado esté publicado, o simplemente haz clic en el menú desplegable y cámbialo de Pendiente a Publicado.

Configuración de salida de la barra de envío gratis

No olvides hacer clic en el botón 'Guardar Cambios' cuando hayas terminado.

Ahora, puedes visitar tu sitio web y ver tu barra de envío gratis en vivo. Aquí tienes una vista previa de cómo se veía una barra de alerta en nuestro sitio de compras de demostración.

Vista previa de la barra de envío gratis

Preguntas frecuentes sobre cómo agregar una barra de envío gratuito

Aquí hay algunas preguntas frecuentes de nuestros lectores sobre las barras de envío:

¿Se puede mostrar la barra de envío gratis en páginas de productos o categorías específicas?

Sí, con las reglas de visualización avanzadas de OptinMonster, puedes personalizar en gran medida la configuración de visibilidad de la barra de envío gratuito.

Esto te permite dirigirte a páginas de productos o categorías específicas, asegurando que la promoción llegue a la audiencia con mayor probabilidad de beneficiarse de ella.

¿Es posible personalizar la apariencia de la barra de envío gratuito después de su configuración inicial?

¡Sí, absolutamente! El constructor de OptinMonster es súper flexible. Puedes volver en cualquier momento para cambiar los colores, el texto, las fuentes e incluso dónde aparece la barra en la página.

Es fácil asegurarse de que tus promociones siempre coincidan con el estilo de tu marca.

¿Qué pasa si quiero que la barra de envío gratuito se muestre solo para visitantes recurrentes?

OptinMonster incluye opciones para configurar tu campaña según el comportamiento del visitante, lo que te permite adaptar la visualización de la barra de envío gratuito específicamente a los visitantes recurrentes.

Esta estrategia puede mejorar la experiencia del usuario y la participación al ofrecer incentivos a los clientes que previamente han mostrado interés en tus productos. Puede ser una herramienta poderosa para fomentar compras repetidas y construir lealtad del cliente.

Esperamos que este artículo te haya ayudado a aprender cómo agregar una barra de envío gratuito en WooCommerce. También podrías querer consultar nuestra lista de los mejores plugins de WooCommerce para tu tienda en línea y nuestro tutorial sobre cómo programar cupones en WooCommerce y ahorrar tiempo.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

Comentarios

  1. Felicidades, tienes la oportunidad de ser el primer comentarista de este artículo.
    ¿Tienes alguna pregunta o sugerencia? Por favor, deja un comentario para iniciar la discusión.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.