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 fácilmente un carrito lateral deslizante en WooCommerce

Uno de los mayores desafíos que vemos que enfrentan los propietarios de tiendas WooCommerce es el abandono del carrito.

Los clientes navegan por tus productos, agregan artículos a su carrito y luego desaparecen cuando son redirigidos a la página del carrito. Sucede más a menudo de lo que crees.

Una forma sencilla de mejorar esta experiencia es agregando un carrito lateral deslizante.

Esto mantiene a los clientes en la misma página mientras les permite revisar su carrito en un pequeño panel que se desliza. Es más rápido, menos disruptivo y hace que el proceso de compra sea más fluido.

Hemos visto a muchos propietarios de tiendas usarlo para mejorar su flujo de pago y fomentar más ventas.

En esta guía, te mostraremos cómo agregar un carrito lateral deslizante a tu tienda WooCommerce utilizando métodos sencillos que no requieren habilidades técnicas.

Cómo agregar un carrito lateral deslizante en WooCommerce

¿Por qué agregar un carrito lateral deslizante en WooCommerce?

Un carrito lateral deslizante es un panel que aparece cuando un cliente agrega un artículo a su cesta.

Los clientes también pueden abrir el carrito en cualquier momento haciendo clic en el ícono del carrito. Esto les permite revisar su cesta de compras sin visitar una página de carrito de WooCommerce separada.

Un ejemplo de carrito deslizante en WooCommerce

Dependiendo de cómo esté configurado el carrito, los compradores también podrán agregar y eliminar artículos, así como aplicar cupones directamente desde el panel deslizante.

Incluso puedes agregar botones de llamada a la acción, como un enlace a la página de pago de WooCommerce.

Los carritos deslizables pueden mejorar la experiencia del cliente al eliminar la fricción del proceso de compra y ayudar a los compradores a rastrear cuánto pagarán al momento de pagar. Esto puede reducir las tasas de abandono de carrito.

Dicho esto, compartiremos cómo puedes agregar un carrito lateral deslizante en WooCommerce. Simplemente usa los enlaces rápidos a continuación para saltar directamente al método que deseas usar.

¡Empecemos!

Método 1. Cómo agregar un carrito lateral deslizante en WooCommerce usando un plugin gratuito

La forma más rápida y fácil de crear un carrito lateral deslizante es usando Sliding WooCommerce Cart By FunnelKit. Este plugin gratuito te permite agregar un ícono de carrito a tu tienda en línea.

Los compradores pueden hacer clic en el botón para abrir el carrito lateral deslizante.

Un ejemplo de carrito lateral deslizante en WooCommerce

Puedes cambiar los colores, bordes, botones, mensajes del carrito y más.

Hay muchísimas opciones, por lo que puedes crear un carrito que se ajuste perfectamente a cualquier tema de WordPress.

Un carrito lateral deslizante de WooCommerce

Además, nuestras pruebas revelaron que puedes mostrar el botón del carrito en todo tu sitio, limitarlo solo a páginas de WooCommerce, o agregar el botón a páginas y publicaciones específicas usando un shortcode.

Cómo configurar el plugin Cart For WooCommerce

Primero, necesitarás instalar y activar el plugin Carrito Deslizable de WooCommerce By FunnelKit. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a FunnelKit » Carrito. Verás una vista previa del carrito deslizable hacia la derecha de la pantalla.

Vista previa del carrito FunnelKit

Ahora puedes personalizar el carrito para que se adapte mejor a tus necesidades.

Para empezar, puedes decidir si mostrar el ícono del carrito en todo tu sitio web o solo en las páginas de WooCommerce.

Si seleccionas 'Todo el sitio web', los compradores podrán abrir el carrito deslizable desde cualquier página, por lo que esta es una buena opción para mercados en línea y tiendas.

Agregar un ícono de carrito a tu sitio web de WordPress

Sin embargo, tu sitio puede tener mucho contenido no relacionado con el comercio electrónico. Por ejemplo, podrías tener un blog popular de WordPress pero usar WooCommerce para vender productos a tus fans.

Mostrar un botón de carrito en cada publicación de blog puede resultar molesto. En ese caso, puedes marcar el botón de radio 'Páginas de WooCommerce'.

Agregar un ícono de carrito a tus páginas de WooCommerce

Otra opción es ‘Ninguno’, que oculta el ícono del carrito por completo.

Si seleccionas la opción ‘Ninguno’, entonces puedes agregar el ícono a cualquier página, publicación o área lista para widgets usando un código corto. También puedes agregar el ícono a tu menú de navegación.

Te mostraremos cómo hacer esto más adelante en la publicación, pero puedes seleccionar ‘Ninguno’ si planeas agregar el ícono del carrito manualmente.

Después de tomar esta decisión, selecciona ‘Abajo a la izquierda’ o ‘Abajo a la derecha’ según dónde quieras mostrar el botón del carrito. Aquí, puede ser útil verificar cómo se verá el botón en tu tienda en línea seleccionando ‘Vista previa en página’.

Vista previa del carrito deslizante FunnelKit

Por defecto, el plugin muestra ‘Revisa tu carrito’ en la parte superior del carrito lateral deslizante.

Puedes reemplazar esto con tu propio mensaje escribiendo en el campo ‘Encabezado del carrito’.

Agregar un encabezado al carrito de tu tienda en línea

Si no quieres mostrar un encabezado, simplemente deja el campo vacío.

Por defecto, FunnelKit muestra el ícono del carrito antes de que el comprador agregue artículos a su cesta.

Si lo prefieres, puedes ocultar el ícono hasta que el visitante comience a agregar artículos. Simplemente haz clic en el interruptor ‘Ocultar ícono del carrito’ para que se ponga azul.

Ocultar el carrito de WooCommerce

Esto es todo lo que necesitas para crear un carrito lateral deslizante básico, pero hay configuraciones que pueden ayudarte a generar aún más ventas. Teniendo esto en cuenta, echemos un vistazo a las funciones más avanzadas de FunnelKit.

Aceptar cupones en el carrito lateral deslizante de WooCommerce

Los cupones son una excelente manera de generar más ventas y fidelizar a los clientes.

Si has creado cupones inteligentes de WooCommerce usando el plugin Advanced Coupons, entonces los compradores pueden escribirlos directamente en la página del carrito deslizante.

Agregar códigos de cupón a un carrito lateral deslizante en WooCommerce

Cuando el cliente haga clic en ‘Aplicar’, el carrito deslizante mostrará cuánto ha ahorrado.

Al mostrar a los clientes el descuento de inmediato, puedes reducir las tasas de abandono del carrito y animarlos a agregar más artículos a su cesta.

Cómo aceptar códigos de cupón en un carrito lateral deslizante

Puedes crear estos códigos usando la función de cupón integrada de WooCommerce o un plugin de códigos de cupón.

Para agregar el campo de cupón, harás clic en el interruptor ‘Habilitar cuadro de cupón’, que lo cambiará de gris (deshabilitado) a azul (habilitado).

Aceptar cupones en tu tienda en línea

Después de eso, puedes alternar entre los diseños ‘Minimizado’ y ‘Expandido’.

Simplemente marca la casilla correcta junto a ‘Mostrar’.

Elegir diferentes diseños para la página del carrito deslizante

Minimizado ocupa menos espacio, por lo que distrae menos, pero los compradores deberán expandir la sección de cupones antes de poder escribir cualquier código.

En la siguiente imagen, puedes ver el diseño minimizado:

Un ejemplo de diseño minimizado para códigos de cupón y descuentos

Después de elegir un diseño, puedes cambiar el texto que FunnelKit usa para el encabezado del cuadro de cupón, el texto de marcador de posición del descuento y el texto del botón.

Personaliza el Resumen del Carrito

El resumen del carrito muestra a los clientes cuánto costará su compra. Esto ayuda a reducir las tasas de abandono del carrito ya que no hay sorpresas desagradables al pagar.

Personalizar el resumen del carrito de WooCommerce

Por esa razón, recomendamos habilitar el interruptor ‘Mostrar subtotal’.

Sin embargo, si deseas simplificar el carrito lateral, puedes hacer clic para deshabilitar el interruptor ‘Mostrar subtotal’.

Mostrar el subtotal en la página de tu carrito de comercio electrónico

También puedes mostrar cualquier ahorro para el que el cliente haya calificado, incluidos los descuentos de cualquier cupón que haya aplicado.

De esta manera, puedes usar FOMO para aumentar las conversiones, especialmente si los ahorros son sensibles al tiempo.

Por ejemplo, podrías programar cupones en WooCommerce para que el cliente solo pueda usarlos por un tiempo limitado.

Mostrar ahorros y descuentos en tu sitio de comercio electrónico

Si prefieres eliminar esta información del carrito lateral deslizante, entonces puedes desactivar el interruptor 'Mostrar ahorros'.

También puedes reemplazar el ‘Texto de guardado’ y el ‘Texto de envío’ con tus propios mensajes personalizados.

Personalizar el mensaje en la pantalla de un carrito lateral deslizante

Personaliza la llamada a la acción del carrito de WooCommerce

El carrito lateral deslizante tiene un botón de pago predeterminado, pero puedes personalizar este botón de llamada a la acción para obtener más conversiones. Para empezar, puedes agregar un ícono de pago usando el interruptor ‘Habilitar ícono de botón’.

Configuración de pago de FunnelKit

Esto puede ser particularmente útil si estás creando un sitio de WordPress multilingüe.

También puedes agregar el precio del carrito al botón de pago usando el interruptor ‘Habilitar precio del carrito’.

Personalizar el botón de pago de WooCommerce

Esto ayudará a los compradores a seguir el costo del carrito, especialmente si has eliminado el subtotal de la sección de resumen del carrito.

Por defecto, FunnelKit agrega un enlace de ‘Continuar comprando’ en la parte inferior del carrito lateral deslizante. Puedes reemplazar este texto con tu propio mensaje escribiendo en el campo ‘Texto de continuar comprando’.

Personalizar el texto 'Continuar comprando'

Después de eso, elige si este enlace simplemente cerrará el panel del carrito lateral o redirigirá al comprador a la página de tu tienda de WooCommerce.

La mayoría de los compradores esperarán salir del carrito deslizante, por lo que recomendamos seleccionar el botón ‘Cerrar carrito lateral’.

Cerrar el carrito lateral deslizante en WooCommerce

Si seleccionas ‘Redirigir a la tienda’, es posible que desees cambiar el texto de ‘Texto de continuar comprando’ para que quede claro qué sucederá cuando los clientes hagan clic en el enlace.

Crea una pantalla de carrito vacío personalizada

Es posible ocultar el botón del carrito hasta que el comprador agregue al menos un artículo a su cesta, siguiendo el proceso descrito anteriormente. Sin embargo, si no ocultas el botón, los clientes a veces pueden ver una pantalla de carrito vacío.

La pantalla 'Vaciar carrito'

Puedes cambiar el título, la descripción y el texto del botón usando la configuración en la sección ‘Carrito Vacío’. Típicamente, querrás animar a los clientes a empezar a comprar. Por ejemplo, podrías hablar de cosas que ofreces como envío gratis o una garantía de devolución de dinero.

Incluso podrías darle al comprador un código de cupón como un descuento de compra uno y llévate otro gratis.

Agregar una CTA a la pantalla 'carrito vacío'

También puedes elegir si al hacer clic en el botón ‘Comprar ahora’ se dirigirá al cliente a la página de la tienda de WooCommerce o simplemente se cerrará el panel lateral.

Recomendamos seleccionar ‘Redirigir a la tienda’ ya que esto facilitará que los compradores empiecen a agregar artículos a sus carritos.

Habilitar 'redirigir a la tienda' en el plugin de WordPress FunnelKit

Agrega el ícono del carrito en cualquier lugar de tu sitio

Si quieres tener más control sobre dónde aparece el ícono del carrito, puedes agregarlo a cualquier página, publicación o área lista para widgets usando un shortcode. También puedes agregarlo al menú de tu sitio.

Esta es una excelente opción si seleccionaste ‘Ninguno’ en la configuración de ‘Visibilidad del ícono’ siguiendo el proceso descrito anteriormente.

Configuración de 'visibilidad de ícono' de FunnelKit

Si seleccionaste ‘Páginas de WooCommerce’, también hay una forma de agregar el ícono del carrito a otras áreas importantes de tu sitio. Por ejemplo, podrías agregar el ícono a tu página de inicio personalizada o a tu formulario de contacto.

Para empezar, puedes seleccionar ‘Menú del carrito’ y luego activar el interruptor ‘Habilitar menú del carrito’.

Habilitar el ícono del carrito en WordPress

Ahora puedes cambiar el aspecto del ícono seleccionando una de las plantillas de íconos y eligiendo si mostrar el conteo de productos y el total del carrito como parte del ícono. Esta información puede ayudar a los visitantes a hacer seguimiento de sus carritos.

También puedes cambiar el tamaño del icono y del texto. A medida que realices cambios, la vista previa pequeña se actualizará automáticamente, para que puedas probar diferentes configuraciones y ver qué se ve mejor.

Cómo crear un ícono de carrito personalizado para WordPress

Cuando estés satisfecho con el aspecto del icono del carrito lateral deslizante, haz clic en el botón ‘Guardar’.

Ahora puedes agregar el icono a cualquier página, publicación o área lista para widgets usando el código junto a ‘Insertar Shortcode’.

Cómo agregar un ícono de carrito usando un shortcode

Para obtener más información sobre cómo colocar el shortcode, consulta nuestra guía sobre cómo agregar un shortcode en WordPress.

Otra opción es agregar el icono al menú de navegación de tu sitio. De esta manera, el carrito lateral deslizante siempre estará al alcance sin distraer el contenido principal de la página.

Cómo agregar un ícono de carrito a un menú de navegación

Para hacer esto, abramos el menú desplegable ‘Agregar al menú’ y elijamos el menú que deseas usar.

Después de eso, simplemente haz clic en el botón ‘Guardar’.

Agregar un ícono de carrito al menú de WordPress

Ahora, si visitas tu sitio web de WordPress, verás el icono del carrito en el menú de navegación.

Agrega tus propios colores y marca

Es posible que desees cambiar los colores del carrito lateral deslizante para que coincidan mejor con tu tema de WooCommerce o tu marca.

Para cambiar el color del texto, el color del botón, el color del enlace y más, haz clic en 'Estilo'.

Agregar tu propia marca a un carrito de WooCommerce

Y para cambiar cualquiera de los colores predeterminados, simplemente haz clic en él. Esto abrirá una ventana emergente donde puedes probar diferentes colores.

Por ejemplo, en la siguiente imagen, estamos personalizando el borde.

Cómo agregar colores personalizados a una tienda de WooCommerce

Otra opción es escribir un código hexadecimal en el campo 'Hex'. Esto es perfecto si ya tienes un tono específico en mente.

Si no sabes qué código hexadecimal usar, puede ser útil usar un sitio como HTML Color Codes. Aquí, puedes explorar diferentes colores y luego obtener un código que simplemente puedes pegar en el plugin FunnelKit.

Si aún no estás seguro de qué colores usar, puedes consultar nuestra guía sobre cómo elegir un esquema de color perfecto para tu sitio de WordPress.

Cómo crear un carrito lateral deslizante adaptable

Según nuestro informe de uso de Internet, más del 90% de la población mundial de Internet utiliza un dispositivo móvil para conectarse. Teniendo esto en cuenta, querrás asegurarte de que el carrito lateral deslizante se vea tan bien en teléfonos inteligentes y tabletas como en computadoras de escritorio. 

Aquí, puede ser útil cambiar el ancho del carrito para que no llene completamente la pantalla pequeña de un dispositivo móvil. Para hacer esto, querrás abrir la pestaña 'Estilo' y luego buscar 'Ancho móvil de vista previa del carrito'.

Crear una página de carrito adaptable a dispositivos móviles

Es posible que desees intentar escribir diferentes valores en este campo. Si cambias la configuración predeterminada, entonces es una buena idea verificar la versión móvil de tu sitio de WordPress desde el escritorio para asegurarte de que estás satisfecho con los resultados.

Mientras estás en esta pantalla, también puedes cambiar el ancho del carrito lateral deslizante en el escritorio. Para hacer esto, simplemente cambia el número en el campo 'Ancho de escritorio de vista previa del carrito'.

Cómo publicar tu carrito lateral deslizante

Cuando estés satisfecho con la configuración del carrito lateral deslizante, es hora de hacerlo funcionar. Simplemente haz clic en el control deslizante 'Habilitar carrito' para que se ponga azul.

Cómo habilitar el carrito deslizante en tu tienda de WooCommerce

Ahora, si visitas tu tienda en línea, verás el carrito deslizante funcionando.

Si deseas eliminar el carrito lateral deslizante en cualquier momento, simplemente regresa a FunnelKit » Carrito en el panel de WordPress. Luego, haz clic para deshabilitar el control deslizante 'Habilitar carrito'.

Cómo deshabilitar el carrito deslizante en tu tienda de WooCommerce

Método 2. Agrega un carrito lateral deslizante avanzado (con ventas adicionales, ventas cruzadas y recompensas)

Si deseas aumentar el valor promedio de los pedidos en tu tienda, puedes actualizar a FunnelKit Cart Pro. Este plugin avanzado de carrito lateral deslizante agrega potentes funciones de venta adicional, venta cruzada y recompensas al carrito lateral deslizante de FunnelKit.

Con este plugin, puedes recomendar productos relacionados cada vez que un cliente agrega un artículo a su carrito.

Obtén más ventas con promociones de venta adicional y venta cruzada

También puedes crear recompensas únicas, como códigos de cupón y regalos gratis, y luego promocionarlos dentro del carrito deslizante.

FunnelKit incluso puede rastrear cuánto más necesita gastar el cliente para desbloquear la siguiente recompensa.

Ofrecer recompensas extra a los compradores

Para agregar estas potentes funciones, necesitarás actualizar a FunnelKit Funnel Builder Pro. Solo ten en cuenta que necesitarás el plan Plus o superior.

Después de comprar un plan, inicia sesión en tu cuenta de FunnelKit. Aquí encontrarás el plugin FunnelKit Funnel Builder Pro, además de FunnelKit Funnel Builder y FunnelKit Cart. Necesitarás instalar los tres plugins para desbloquear las funciones avanzadas del carrito deslizante.

Primero, deberás instalar y activar los tres plugins. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a FunnelKit » Ajustes y agrega tu clave de licencia en el campo 'FunnelKit Funnel Builder Pro'.

Agregar la licencia de FunnelKit

Puedes encontrar esta información iniciando sesión en tu cuenta en el sitio web de FunnelKit. Hecho esto, haz clic en 'Activar'.

Después de eso, simplemente ve a FunnelKit » Carrito.

Agregar un carrito lateral deslizante avanzado a una tienda en línea

Ahora puedes configurar y personalizar el carrito lateral siguiendo el mismo proceso descrito en el método 1. Cuando estés satisfecho con la configuración del carrito lateral deslizante, estarás listo para agregar ventas adicionales, ventas cruzadas y recompensas.

Obtén más ventas vendiendo productos adicionales y cruzados en WooCommerce

Cuando los clientes abran el carrito lateral deslizante, puedes mostrarles promociones únicas de ventas adicionales y cruzadas basadas en los artículos de su cesta de compras.

Agregar promociones de venta adicional y venta cruzada a WooCommerce

La venta adicional consiste en animar a los compradores a comprar un producto de mayor precio en lugar del que ya tienen en su carrito de compras.

Por ejemplo, imagina que un cliente agrega una chaqueta impermeable a su carrito. Podrías sugerirle una chaqueta de mayor calidad que sea más duradera, versátil y esté disponible en diferentes colores.

La venta cruzada consiste en promocionar un producto relacionado con algo que el cliente ya está comprando. Por ejemplo, si agrega una tarjeta de felicitación a su carrito, podrías animarlo a comprar chocolates o flores también.

WooCommerce tiene una función de productos vinculados que te permite crear ventas adicionales y cruzadas. Para obtener más información, consulta nuestra guía sobre cómo vender productos adicionales en WooCommerce.

Sin embargo, también puedes crear ventas adicionales y cruzadas directamente desde el panel de control de FunnelKit. Esta es la opción más rápida, por lo que es la que utilizaremos en esta guía.

Para empezar, deberás hacer clic en la opción 'Upsells' y luego seleccionar 'Enable Cart Upsells'.

Cómo agregar ventas adicionales y ventas cruzadas a WooCommerce

Después de eso, desplacémonos hasta la sección 'Upsells and Cross-Sells'.

Aquí verás todos los productos de tu tienda en línea.

Cómo crear productos vinculados en WooCommerce

Simplemente haz clic en el artículo al que deseas agregar uno o más productos vinculados.

Luego, puedes hacer clic en 'Add Upsell' o 'Add Cross Sell', dependiendo del tipo de promoción que desees crear.

Funciones avanzadas de conversión de FunnelKit

En la ventana emergente, comienza a escribir el producto que deseas usar como venta adicional o cruzada. Cuando aparezca el producto correcto, simplemente haz clic en él.

Para ofrecer múltiples productos, simplemente sigue el mismo proceso descrito anteriormente.

Agregar un producto vinculado en tu tienda en línea

Hecho esto, simplemente haz clic en el botón ‘Agregar’.

Ahora puedes crear campañas únicas de venta cruzada y venta adicional para cada producto en tu tienda, simplemente siguiendo el mismo proceso descrito anteriormente.

Un ejemplo de carrito deslizante de comercio electrónico de alta conversión

Ahora, estás listo para personalizar cómo se verán las promociones de venta adicional y venta cruzada en tu carrito lateral deslizante.

Para empezar, intenta cambiar entre diferentes estilos haciendo clic en los botones de radio junto a ‘Mostrar’.

Personalizar las promociones de venta adicional y venta cruzada en WooCommerce

La vista previa en vivo se actualizará automáticamente, para que puedas probar diferentes estilos y ver cuál te gusta más.

Por defecto, FunnelKit mostrará tanto ventas adicionales como ventas cruzadas en el carrito lateral deslizante. Si lo prefieres, puedes mostrar solo ventas adicionales o solo ventas cruzadas usando los botones de radio en ‘Tipo de recomendación de producto’.

Configuración de recomendación de productos de FunnelKit

A continuación, puedes cambiar el encabezado que FunnelKit muestra sobre la promoción de venta adicional o venta cruzada, escribiéndolo en el campo ‘Encabezado’.

Solo ten en cuenta que FunnelKit usará el mismo encabezado para ambos tipos de promoción.

Agregar promociones a tu carrito lateral deslizante

Después de eso, puedes establecer el número máximo de productos sugeridos que FunnelKit mostrará, escribiendo en el campo ‘Mostrar máximo de ventas adicionales’.

Siempre que sea posible, es una buena idea crear promociones únicas de venta adicional y venta cruzada para cada producto. Sin embargo, si tu tienda en línea tiene muchos artículos, es posible que esto no sea factible.

Teniendo esto en cuenta, puedes establecer un producto de venta adicional predeterminado que FunnelKit promocionará cuando no haya productos vinculados disponibles. Para hacer esto, simplemente escribe el nombre de un producto en el campo ‘Ventas adicionales predeterminadas’. Cuando aparezca el producto correcto, simplemente haz clic en él.

Establecer un producto vinculado predeterminado

Cuando estés satisfecho con las promociones de venta adicional y venta cruzada que has creado, no olvides hacer clic en ‘Guardar’ para almacenar tus cambios.

Ofrece envío gratis, descuentos y regalos

Dar a los clientes una razón para gastar más a menudo puede aumentar el valor promedio del pedido. FunnelKit te permite crear varias recompensas y luego promocionarlas como bonos desbloqueables en el carrito lateral deslizante.

Por ejemplo, podrías ofrecer envío gratis si el cliente supera un gasto mínimo. FunnelKit incluso mostrará a los clientes cuánto más necesitan gastar para desbloquear su premio.

Esta es una forma fácil de conseguir más ventas y fomentar la lealtad de clientes con gamificación.

FunnelKit te permite ofrecer tres recompensas diferentes: envío gratis, un descuento y un regalo gratis.

Para ofrecer envío gratis, deberás haber configurado previamente el envío en tu tienda WooCommerce. Para obtener instrucciones paso a paso, consulta nuestra guía WooCommerce simplificado.

Mientras tanto, la recompensa de 'descuento' aplica automáticamente un cupón cuando el cliente alcanza el gasto mínimo. Si deseas ofrecer esta recompensa, deberás crear un cupón de descuento porcentual utilizando la función de cupones integrada de WooCommerce o un plugin de cupones de WordPress.

Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo crear cupones inteligentes.

Después de eso, estarás listo para crear una recompensa seleccionando 'Recompensas' en la configuración de FunnelKit y luego haciendo clic en 'Crear Recompensa'.

Cómo obtener más ventas con recompensas

Ahora puedes abrir el menú desplegable 'Tipo' y elegir el tipo de recompensa que deseas crear.

Sin importar si eliges regalo gratis, envío gratis o descuento, puedes cambiar el texto que FunnelKit muestra a los clientes escribiendo en el campo 'Mensaje'.

Si realizas algún cambio, ten cuidado de no editar {{remaining_amount}}, ya que esto permite a FunnelKit mostrar cuánto más necesita gastar el cliente.

Agregar incentivos a tu tienda de WooCommerce

Si ofreces un descuento, asegúrate de cambiar el mensaje para mostrar cuánto ahorrará el cliente.

Con eso hecho, escribe un número en el campo 'Cantidad para obtener recompensa'. Esto es lo que los compradores deben gastar para desbloquear la recompensa.

Ofrecer recompensas e incentivos a tus clientes

Si ofreces un descuento porcentual, debes especificar qué cupón debe aplicar automáticamente FunnelKit.

En el campo 'Cupón', empieza a escribir el cupón que quieres usar. Cuando aparezca el código correcto, haz clic en él.

Agregar una oferta de descuento a tu sitio de comercio electrónico

Ahora, FunnelKit aplicará automáticamente el cupón cuando alguien cumpla con el gasto mínimo.

¿Ofreces un regalo gratis en su lugar? Entonces, puedes empezar a escribir el nombre del regalo en el campo 'Producto'.

Ofrecer a los compradores un regalo gratis

Cuando aparezca el producto correcto, haz clic en él.

Ahora, FunnelKit agregará este artículo al carrito de compras del cliente tan pronto como cumpla con el gasto mínimo.

Cómo ofrecer a los compradores un regalo gratis

Para agregar más recompensas, simplemente haz clic en 'Crear otra recompensa'.

Ahora puedes configurar la recompensa de descuento, regalo gratis o envío gratis siguiendo el mismo proceso descrito anteriormente.

Obtén más ventas ofreciendo una recompensa a los compradores

Por defecto, FunnelKit mostrará el siguiente mensaje una vez que un cliente califique para todos los premios: '¡Felicidades! Has desbloqueado todas las recompensas.'

Para mostrar un mensaje diferente en su lugar, simplemente escribe en el campo 'Cuando todas las recompensas se desbloqueen'. Incluso podrías ofrecer al cliente un bono especial por desbloquear todas tus recompensas, como un código de cupón exclusivo para usar en su próxima compra.

Ofrecer una recompensa a los visitantes

Cuando estés satisfecho con la configuración de tus recompensas, haz clic en el botón 'Guardar'.

Cómo publicar tu carrito lateral deslizante

Cuando estés listo para activar el carrito deslizante, simplemente haz clic en el interruptor 'Habilitar carrito'.

Publicar un carrito lateral deslizante en tu tienda en línea

Si deseas eliminar el carrito deslizante en cualquier momento, simplemente regresa a FunnelKit » Carrito en el panel de WordPress. Luego, procede a hacer clic para deshabilitar el interruptor 'Habilitar carrito'.

Tutorial en video

Antes de irte, quizás quieras consultar nuestro tutorial en video sobre cómo agregar un carrito deslizante a tu tienda de WooCommerce.

Suscríbete a WPBeginner

Esperamos que este artículo te haya ayudado a agregar un carrito lateral deslizante en WooCommerce. También puedes consultar nuestra guía sobre cómo crear un popup de WooCommerce para aumentar las ventas y nuestra selección experta de los mejores plugins de WooCommerce para tu tienda.

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

1 CommentLeave a Reply

  1. “Por qué no agregar ahí” jajaja.
    De hecho, esta es una publicación perspicaz que ayuda a optimizar todas las partes de WooCommerce para las ventas y a crear un carrito deslizante para cualquier tema.
    Gracias por esta guía. Necesito ese carrito deslizante.

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.