Adding A Free Shipping Bar In Woocommerce

Cómo agregar una barra de envío gratis en WooCommerce (y aumentar las ventas)

¿Ofrecen envío gratuito en su tienda WooCommerce? Proporcionar envío gratuito es una forma comprobada de reducir el abandono del carrito y aumentar la conversión general de ventas. El desafío es que la mayoría de los propietarios de tiendas no destacan claramente la oferta de envío gratuito. En este artículo, le enseñaremos cómo agregar una barra de envío gratuito en WooCommerce para aumentar las ventas.

Agregar una barra de envío gratis en WooCommmerce

Contents

Una de las principales razones de las ventas de carritos abandonados son los costos de envío. Muchas tiendas online abordan este problema ofreciendo envío gratuito. Informar a los clientes sobre su oferta de envío gratuito es una excelente manera de aumentar las ventas de su tienda en línea. A continuación se muestra un ejemplo de una barra de envío gratuito. Este es un elemento importante del sitio web que permanece en la parte superior de la pantalla mientras el usuario se desplaza hacia abajo:

Muestra De Barra De Envío Gratis
Como puede ver, el ejemplo de la tienda anterior alienta a los usuarios a gastar una cierta cantidad para calificar para el envío gratuito. Esta es una excelente manera de aumentar el valor del pedido del carrito y el volumen de ventas. Puede habilitar el envío gratuito de alta calidad utilizando el complemento de cupón avanzado para WooCommerce. Independientemente de cómo habilite el envío gratuito, es esencial que lo resalte correctamente en su sitio, y ahí es donde entra en juego una barra de envío gratuito. Para crear la barra de envío, usaremos OptinMonster. Es una poderosa herramienta para crear todo tipo de ventanas emergentes de WordPress.
Cree una cuenta de OptinMonster y conecte WordPress
Primero, deberá visitar el sitio web de OptinMonster y registrarse para obtener una cuenta.
Notar: OptinMonster fue co-creado por Syed Balkhi, fundador de MundoCMS. Es una herramienta de suscripción extremadamente popular que usamos aquí en MundoCMS y la recomendamos encarecidamente. Una vez que se haya registrado en OptinMonster, el siguiente paso es instalar y activar el complemento gratuito OptinMonster para WordPress. Si no sabe cómo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Este complemento conecta la aplicación OptinMonster a su sitio de WordPress. Después de activarlo, haga clic en el menú OptinMonster en su panel de WordPress. A continuación, haga clic en el botón « Conectar su cuenta » y conecte WordPress a su cuenta de OptinMonster.
Conecte Optinmonster A Su Sitio De Wordpress

Crea la barra de entrega gratuita para WooCommerce

Ahora puedes crear tu barra de envío gratuito. Primero, vaya a la página de OptinMonster en su panel de WordPress y luego haga clic en el botón « Crear una nueva campaña » en la parte superior derecha.
Crea Una Nueva Campaña En Optinmonster
Esto lo llevará al creador de campañas de OptinMonster, donde debe seleccionar «Barra flotante» como su tipo de campaña.
Seleccione La Campaña Barra Flotante
Luego, desplácese hacia abajo y elija la plantilla de su campaña. OptinMonster ofrece una amplia gama de modelos profesionales. Usaremos la plantilla de alerta para nuestra barra de envío gratuito de WooCommerce. Coloque el cursor del mouse sobre el modelo y haga clic en el botón «Usar modelo»:
Seleccione La Plantilla De Alerta Para Comenzar A Construir Su Barra De Entrega Gratuita
OptinMonster ahora le pedirá que nombre su campaña. Puede utilizar el nombre que desee aquí.
Nombra Tu Campaña Optinmonster
También puede elegir en qué sitios web desea ejecutar la campaña. OptinMonster debería haber agregado su sitio web aquí para usted. Una vez que esté listo, haga clic en el botón Iniciar compilación. A continuación, verá la interfaz del constructor de OptinMonster. Se verá así:
La Plantilla De Barra De Alerta Predeterminada En Optinmonster
De forma predeterminada, la barra flotante permanecerá en la parte inferior de la pantalla. Si lo desea en la parte superior de la pantalla, es fácil de cambiar. Simplemente haga clic en Configuración flotante en el menú de la izquierda. Entonces active la opción «¿Cargar barra flotante en la parte superior de la página?» opción.
Carga La Barra Flotante En La Parte Superior De La Página.
Para cambiar el texto en la barra, simplemente haga clic en él. El editor de texto se abrirá en el lado izquierdo de su pantalla.
Edita El Texto De Tu Barra Flotante En Optinmonster
Puede personalizar el texto según sus necesidades. También puede cambiar el estilo de fuente, el color, el tamaño de fuente, etc. La vista previa de su campaña se actualizará automáticamente para mostrar cómo se verá en vivo. Aquí hemos cambiado el texto y la fuente. También hemos aumentado ligeramente el tamaño de la fuente:
Cambia El Texto De Tu Barra Flotante
También puede cambiar el botón en su barra de envío gratuito. Simplemente haga clic en el botón y la configuración se abrirá en el panel izquierdo. Puede editar el texto del botón aquí.
Cambia El Botón De Tu Barra De Envío Gratuito
Para dirigir a los clientes a una página de envío gratuito en su sitio web, haga clic en la pestaña Acción. Luego ingrese la URL de redireccionamiento correcta:
Cambiar A Dónde Redirecciona El Botón En Su Sitio Web
Si desea utilizar un color diferente para su barra de envío gratuito, también es fácil. Primero, haga clic en el botón Inicio para volver a la configuración de diseño principal:
Haga Clic En El Botón Inicio Para Volver A La Configuración De Visualización Principal De Su Campaña.
Entonces puedes ir a Optin Settings »Optin Display Styles para cambiar el color de su opción.
Vaya A Configuración De Optin - Optin View Styles Para Cambiar Los Colores De Su Opción
Después de hacer clic en el cuadro Color de fondo, puede seleccionar un nuevo color. Puede ingresar el código hexadecimal o usar el selector de color. Elegimos el verde para el nuestro:
Cambia El Color De Fondo De Tu Campaña
Una vez que esté satisfecho con su barra de envío gratuito, haga clic en el botón Guardar en la parte superior derecha.
Guarde Su Campaña Con El Botón Verde Guardar En La Parte Superior De La Pantalla
A continuación, deberá seleccionar las reglas de visualización que controlan quién debe ver la barra de envío gratuito en su sitio. Simplemente haga clic en la pestaña Reglas de visualización en la parte superior de la pantalla.
Definición De Sus Reglas De Visualización En Optinmonster
De forma predeterminada, OptinMonster muestra su barra flotante después de que el usuario ha estado en cualquier página de su sitio durante 5 segundos. Es posible que desee que su barra de envío gratuito se cargue al instante. Para hacerlo, simplemente elimine esta regla. Haga clic en el icono menos en el lado derecho para hacer esto:
Abre Instantáneamente Tu Barra De Entrega Gratuita
Ahora debería terminar con la regla «La ruta URL actual es cualquier página». El último paso es publicar su campaña en su sitio. Haga clic en la pestaña Publicar en la parte superior de la pantalla. Mientras crea su campaña, se pone en reposo de forma predeterminada. Puedes activarlo aquí.
Active Su Campaña En La Pestaña Publicar En Optinmonster
Para poner su barra de entrega gratuita en su sitio de WordPress, vaya a OptinMonster »Campañas en su panel de WordPress. Haga clic en el botón Actualizar campañas para ver su campaña de barra de envío gratis listada aquí.
Actualice Su Lista De Campañas En El Panel De Wordpress
Ahora puede visitar su sitio y ver su barra de entrega en vivo gratuita:
Muestra De Barra De Envío Gratis
Esperamos que este artículo te haya ayudado a aprender cómo agregar una barra de envío gratis en WooCommerce. Es posible que también desee consultar nuestra lista de los mejores complementos de WooCommerce para su tienda en línea y nuestra comparación de los mejores servicios telefónicos comerciales con funciones de enrutamiento de llamadas inteligentes. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Originally posted 2021-02-25 06:19:43.

Leave a Reply