¿Cómo agregar un mini carrito flotante en su tienda en línea?

¿Busca un viaje de compras más fluido y agradable? Descubra la comodidad de nuestro mini carrito flotante: el compañero de compras perfecto.

Agregue un mini carrito flotante ajax a su sitio de comercio electrónico que proporcione una forma fácil de usar, conveniente y atractiva para que los compradores interactúen con su carrito durante su recorrido de compras. Al abordar los problemas comunes y simplificar el proceso, se puede aumentar la probabilidad de que los usuarios completen sus compras.

¿Qué es un mini carro flotante?

Un mini carrito de compras flotante es una funcionalidad que se emplea con frecuencia en los sitios web de comercio electrónico y tiene como objetivo mejorar la experiencia del usuario. Ofrece accesibilidad sencilla para que los usuarios revisen los artículos que han elegido para comprar y les permite realizar modificaciones en sus selecciones mientras continúan comprando.

Ventajas de agregar un mini carrito flotante

Veamos algunas de las ventajas del mini carrito flotante que le permitirán saber cómo utilizar fácilmente este complemento después de instalarlo en su sitio.

• Permite a los usuarios ver sin esfuerzo los elementos seleccionados sin la necesidad de navegar a páginas separadas.
• Agregar códigos de descuento/promoción directamente en el carrito simplifica el proceso de compra, lo que ayuda a los usuarios a comprar y ahorrar sin esfuerzo.
• Modifique las cantidades de productos y elimine los artículos no deseados directamente desde el conveniente mini carrito flotante.
• Puede crear carritos ilimitados y mostrar cada uno de ellos en páginas selectivas.
• Cambie el tamaño de los botones e íconos, así como los colores de los botones y del texto para adaptarlos a la imagen de su marca.
• Elija entre muchos íconos de carrito para abrir/cerrar.

Agregue un mini carrito flotante en su tienda en línea

Ahora que ha reconocido la importancia de integrar un mini carrito flotante en su tienda de comercio electrónico para mejorar la experiencia del usuario, describamos un proceso sencillo para agregar el complemento a su sitio de WordPress.

Si ya está familiarizado con WooCommerce, puede continuar con la instalación del complemento del mini carrito flotante . Sin embargo, si eres nuevo en esto, te recomendamos una guía completa paso a paso para tu comprensión.

Paso 1: instale el complemento WooCommerce

WooCommerce es un complemento de comercio electrónico de código abierto que se integra perfectamente con WordPress y satisface las necesidades de los comerciantes en línea, desde pequeñas hasta grandes empresas. Este complemento ampliamente aclamado es conocido por sus diversas características, que mejoran los sitios web de comercio electrónico de varias maneras.

Si aún no ha integrado Woo Commerce en su sitio web, el primer paso es instalar esta herramienta.

Paso 2: elige un tema compatible

Seleccione un tema de WordPress compatible con WooCommerce. El Mini Ajax Cart es compatible con casi todos los temas.

Paso 3: instale un complemento de mini carrito flotante de WooCommerce

Para mejorar la funcionalidad de su carrito y la experiencia del usuario, considere instalar un complemento especializado para mini carrito de WooCommerce. Aquí, lo guiaremos a través de los pasos para instalar un complemento de mini carrito AJAX.

En este tutorial, utilizaremos el complemento Mini Ajax Cart WooCommerce como referencia del carrito.

Le guiaremos a través del proceso de instalación del complemento y realizar los ajustes necesarios para comenzar. Puede descargar el complemento directamente haciendo clic en este enlace.

• Vaya a su panel de WordPress.
• Vaya a "Complementos" > "Agregar nuevo".
• Busque “ Mini carrito AJAX” .
• Haga clic en "Instalar ahora " y luego active el complemento elegido.

Ahora que ha instalado y activado el complemento para que el mini carrito sea visible en su sitio web:

• Vaya a su panel de WordPress
• Navegue hasta Mini Ajax Cart > Configuración principal .
• Añadir título del carrito
• Active el botón "Habilitar mini carrito ".
• Asegúrese de “Publicar/Actualizar” todos los cambios necesarios que haya realizado.

¿Necesita mostrar el carrito solo en las páginas seleccionadas? No hay necesidad de preocuparse. Puede mostrar u ocultar selectivamente el carrito solo en páginas selectivas. Configure la opción "Mostrar/Ocultar en la página" según sea necesario. También muestre el carrito en todos los dispositivos o en una computadora de escritorio, tableta o dispositivo móvil de forma selectiva.

Dirígete a tu sitio de comercio electrónico y podrás ver que el mini carrito flotante está visible para facilitar la experiencia del usuario.

Ahora, los usuarios pueden ver y modificar fácilmente los artículos del carrito agregados al carrito desde cualquier página sin necesidad de navegar a la página de la Tienda.

Paso 4: configurar el mini carrito

El siguiente paso es configurar el complemento del mini carrito. Una vez que haya instalado y activado el complemento del mini carrito, puede configurar el comportamiento deseado del carrito. Hagamos un breve resumen de las modificaciones que puede realizar en cada una de las secciones.

i) Configuración de botones/cesta del carrito

Esta sección le permite personalizar la apariencia del botón del carrito de compras en su sitio web de comercio electrónico. Entre las diversas opciones de íconos de carrito proporcionadas, seleccione el que mejor se adapte a sus preferencias. Además, tiene la flexibilidad de modificar la forma del botón para que coincida con sus preferencias de diseño y determinar su ubicación en la página.

Nota: Si desea opciones de personalización más avanzadas, considere actualizar a la versión pro para obtener configuraciones mejoradas.

ii) Panel del carrito

Dentro de esta sección de configuración, tiene la posibilidad de ajustar las animaciones y ver cambios visibles en su sitio web de comercio electrónico. Elija una animación que resuene con la identidad de su marca.

iii) Contenido del carrito

Ya sea que prefiera mostrar el contenido de su carrito en una lista o en un formato de cuadrícula, tiene la flexibilidad de ajustar el diseño del producto a su gusto.

Preste atención a los campos de los cupones de descuento, ya que desempeñan un papel crucial cuando desea ofrecer ofertas atractivas a sus valiosos clientes. Los clientes pueden ingresar fácilmente un código de promoción para recibir artículos a un precio reducido. Si no necesita esta función, simplemente puede desactivar el campo del cupón.

En la sección de configuración de botones de los ajustes, tienes la libertad de incluir los botones que son esenciales para la presentación. Puede habilitar/deshabilitar fácilmente los botones que desea mostrar activándolos/apagándolos.

En el vídeo tutorial anterior, puedes ver qué cambios puedes realizar en la sección de contenido del carrito.

Paso 5: personaliza la apariencia

La mayoría de los complementos de mini carrito flotante permiten cierto grado de personalización en términos de colores, estilos y diseño. Veamos con más detalle qué personalizaciones puedes realizar.

Diseño

Esta sección le permite modificar los colores de la cesta del carrito. Elegir los colores y estilos que resuenan con su marca y los productos de su empresa ayuda a crear su propia imagen de marca.

Tienes la opción de modificar la tipografía de varias maneras. Puede seleccionar entre una amplia gama de tipos de letra y también elegir colores que se alineen con su diseño. Además, puede modificar el espaciado entre letras, el tamaño de fuente y la altura de la línea.

Además, tiene la flexibilidad de seleccionar combinaciones de colores para varios elementos, como tipografía de botones, botón de cupón, botón de continuar comprando, botón de carrito/pagar y botón de eliminar producto en el diseño de cuadrícula.

Paso 6: Pruebe el minicarro

Antes de lanzar su mini carrito flotante en su sitio web activo, es fundamental realizar un control de calidad exhaustivo. Verifique que todo funcione perfectamente como se esperaba: agregue y elimine productos, ajuste las cantidades y confirme que el botón Agregar al carrito responde y está completamente operativo.

Si sigue estos pasos y utiliza la combinación correcta de WooCommerce, un tema compatible y un complemento de mini carrito, puede agregar fácilmente un mini carrito AJAX a su sitio web de comercio electrónico de WordPress sin necesidad de codificar.

Desbloquear funciones premium

La versión gratuita tiene las funciones básicas necesarias para implementar el mini carrito flotante en su sitio. Pero siempre es una mejor decisión actualizar a la versión Pro para aprovechar al máximo el complemento.

Veamos algunas de las características de la versión Pro:

• Más de 15 plantillas listas para usar para importar fácilmente
• Opción de pago de Ajax en el panel del carrito
• 3 diseños diferentes de paneles de carrito: deslizable, flotante, emergente
• Elementos adicionales para la personalización del carrito: encabezado, productos del carrito, cupón, barra de envío, botones, artículos sugeridos
• Iconos personalizables para la cesta/botón del carrito.
• 11 formas diferentes de botones de carrito
• Varias animaciones de botones del carrito, incluidas animaciones de estado inactivo y de desplazamiento
• Animaciones del panel del carrito y animaciones de entrada/salida.
• Posiciones de botones de carrito personalizables
• Compatibilidad de Elementor con más de 15 elementos de Ajax Cart
• Importar/exportar configuraciones entre carritos
• Active el panel del carrito desde diferentes elementos del sitio web usando nombres de clases
• Opción para ocultar la cesta del carrito cuando el carrito está vacío.
• Abrir el panel del carrito cuando se agrega un producto al carrito
• Mostrar/ocultar y personalizar una elegante barra de desplazamiento
• Mostrar códigos de cupón activos y formulario de cupón
• Configurar columnas de diseño de cuadrícula para artículos del carrito
• Elimina todos los artículos del carrito con un solo botón
• Personaliza iconos y texto cuando el carrito esté vacío
• Fondo de morfismo de vidrio para botón de carrito y panel de carrito
• Opción CSS personalizada para mayor estilo

El carro flotante Mini Ajax tiene características mínimas y puedes seguir usándolo si estás satisfecho con él. Sin embargo, si necesita más funciones, puede actualizar a la versión premium para aprovechar al máximo este complemento.

Entonces, ¿por qué no actualizarlo para llevar tu carrito de compras al siguiente nivel? Haga clic en el botón a continuación para ver las demostraciones y actualizar a la versión premium.