Cómo añadir una barra de envío gratuito en WooCommerce (paso a paso)

Todos sabemos que el envío gratuito es una de las formas más potentes de aumentar las ofertas y reducir el abandono de carritos. Pero, ¿cómo van a saber sus clientes si ofrece envíos gratuitos a menos que los promocione activamente?

En nuestra experiencia, una de las mejores formas de destacar promociones como esta es a través de una prominente barra de envíos gratuitos de WooCommerce en la parte superior de su tienda. Llama la atención de inmediato y recuerda a los compradores acerca de tu oferta a lo largo de su recorrido de compra.

Piensa en ello. Los principales minoristas como Amazon siempre se aseguran de que su envío gratuito Prime sea visible. Puedes crear el mismo efecto en tu tienda WooCommerce, y te mostraremos exactamente cómo hacerlo.

¿Por qué mostrar una barra de envíos gratuitos en WooCommerce?

Los gastos de envío son una de las principales causas de abandono del carrito de la compra. Muchas tiendas online lo solucionan ofreciendo envíos gratuitos.

Informar a los clientes acerca de su oferta de envío gratuito es una excelente manera de aumentar las ventas de su tienda en línea.

He aquí un ejemplo de banner de envío gratuito. Es un elemento destacado del sitio web que se mantiene en la parte superior de la pantalla mientras el usuario se desplaza hacia abajo:

Como puede ver, la tienda de ejemplo anterior anima a los usuarios a gastar una determinada cantidad para obtener el envío gratuito. Esto es ideal para aumentar el valor del pedido / orden del carrito y el volumen total de ofertas.

Puedes ofrecer a WooCommerce envíos gratuitos utilizando el plugin Advanced Coupon o simplemente estableciendo los métodos de envío en tu tienda online.

Independientemente de cómo active el envío gratuito, es clave destacarlo correctamente en su sitio, y ahí es donde entra en juego una barra de envío gratuito.

Para crear la barra de envío, vamos a utilizar OptinMonster. Es el mejor software de generación de clientes potenciales y plugin de optimización de conversiones para WordPress. También es lo que usamos en WPBeginner y nuestros sitios web asociados para ejecutar campañas de marketing.

Puedes leer nuestra reseña / valoración completa de OptinMonster para más detalles.

Estos son los pasos que vamos a seguir:

Paso 1: Establecer una cuenta de OptinMonster

En primer lugar, deberá visitar el sitio web de OptinMonster y acceder a una cuenta.

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

Este plugin conecta la aplicación OptinMonster a su sitio WordPress. Tras activarlo, haz clic en el menú OptinMonster de tu escritorio de WordPress. A continuación, haz clic en el botón “Conecta tu cuenta” y conecta WordPress a tu cuenta de OptinMonster.

Paso 2: Crear una barra de envíos gratuitos de WooCommerce

Ahora, puede crear la barra flotante para ofrecer el envío gratuito de WooCommerce.

En primer lugar, vaya a la página de OptinMonster en su escritorio de WordPress y, a continuación, haga clic en el botón “Añadir nuevo” situado en la parte superior derecha o haga clic en el botón “Crear su primera campaña”.

Se abrirá una nueva ventana emergente en la que podrá elegir plantillas o libros de jugadas.

OptinMonster ofrece hermosas plantillas para su campaña. Puede seleccionar una y personalizarla según sus necesidades. Por otro lado, también ofrece campañas listas para usar inspiradas en marcas de éxito.

Para este tutorial, seleccionaremos la opción “Plantillas”.

Esto le llevará al maquetador de campañas de OptinMonster.

Aquí deberá seleccionar “Barra flotante” como tipo de campaña.

A continuación, desplácese hacia abajo y elija su plantilla de campaña. OptinMonster tiene una gran variedad de plantillas profesionales para elegir. Coloque el cursor del ratón sobre la plantilla y haga clic en el botón “Usar plantilla”.

OptinMonster le pedirá que nombre su campaña. Aquí puede utilizar el nombre que desee.

Cuando esté listo, haga clic en el botón “Empezar a construir”.

A continuación, verá la interfaz del maquetador de OptinMonster, donde hay diferentes bloques que puede añadir a la plantilla.

Por defecto, la barra flotante se pegará a la parte inferior de la pantalla. Si la quieres en la parte superior de la pantalla, puedes cambiarla fácilmente.

Sólo tiene que seleccionar la barra flotante y, a continuación, hacer clic en “Ajustes de la barra flotante”, en el menú de la izquierda. A continuación, active la opción “Cargar barra flotante en la parte superior de la página”.

Para cambiar el texto de la barra, basta con hacer clic en ella.

Puede personalizar el texto según sus necesidades. También puedes cambiar el estilo, el color y el tamaño de la fuente, entre otras cosas. La vista previa de su campaña se actualizará automáticamente para mostrar cómo se verá en vivo.

Recomendamos mostrar el importe mínimo del pedido de forma destacada (por ejemplo, “Envío gratuito para pedidos superiores a 50 USD”) para poder optar al envío gratuito.

Este mensaje vaciado puede motivar a los clientes a añadir más artículos para alcanzar el nivel de envío gratuito, lo que aumentará eficazmente el valor medio de su pedido.

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

También puede cambiar el botón de la barra de envíos gratuitos.

Basta con hacer clic en el botón para que se abran los ajustes en el panel de la izquierda. Ahí puedes cambiar el texto del botón.

Para dirigir a los clientes a una página de su sitio web WordPress acerca del envío gratuito, puede introducir la URL de redirección correcta.

Si desea utilizar un color diferente para su barra de envío gratuito, también es fácil. En primer lugar, haga clic en la pestaña “Avanzado” del menú de la izquierda y cambie el color de fondo del botón.

Paso 3: Ajustar las reglas para mostrar la barra de envíos gratuitos

A continuación, deberá seleccionar las reglas de visualización que controlan quién debe ver la barra de envíos gratuitos en su sitio.

Basta con hacer clic en la pestaña “Normas de visualización”, en la parte superior de la pantalla.

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

Es posible que desee que la barra de envíos gratuitos se cargue al instante. Para ello, simplemente quite esta regla. Para ello, haga clic en el icono del signo menos situado a la derecha:

Ahora, debería quedarte la regla ‘La ruta URL actual es cualquier página’.

Minientrada, también puede elegir diferentes reglas de visualización. Por ejemplo, puede mostrar la barra de envío gratuito al salir o a usuarios de regiones geográficas específicas o cuando visiten una página de productos concreta.

El último paso es publicar tu campaña en tu sitio. Haga clic en la pestaña “Publicar” situada en la parte superior de la pantalla.

Mientras estás creando tu campaña, está en pausa por defecto. Puedes cambiarla de borrador a publicación.

Una vez hecho esto, basta con hacer clic en el botón “Guardar” y cerrar el maquetador de campañas.

A continuación, verá los ajustes de salida de la campaña para su barra de alertas de envío gratuito. Asegúrese de que el estado es Publicado, o simplemente haga clic en el menú desplegable y cámbielo de Pendiente a Publicado.

No olvides hacer clic en el botón “Guardar cambios” cuando hayas terminado.

Ahora, puede visitar su sitio web y ver su barra de envíos gratuitos en directo.

Aquí tiene una vista previa del aspecto de una barra de alertas en nuestro sitio de compras de demostración.

Esperamos que este artículo te haya ayudado a aprender cómo añadir una barra de envío gratuita en WooCommerce. Puede que también quieras marcar / comprobar nuestra lista de los mejores plugins de WooCommerce para tu tienda online y nuestra comparativa de los mejores servicios de telefonía para empresas con características inteligentes de enrutamiento de llamadas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.