10/06/2020

Guía de “Block sliding cart”: el módulo de carro de compras deslizante

¿Quieres cambiar el carrito predeterminado de PrestaShop por un icono de carrito fijo con un panel deslizante fuera de la pantalla?  ¡Con “Block sliding cart” sí podrás!

¡Ahora tus clientes pueden ver el resumen de tu carrito de compras en la barra de navegación!

Y esto lo podemos conseguir usando el módulo "Block sliding cart”, como verás durante este artículo. Aunque antes de nada, veamos de qué se trata exactamente este software

¿Qué es "Block sliding cart" y qué ventajas tiene?

Block sliding cart es un módulo que puedes descargar a través del Marketplace oficial de PrestaShop para tu tienda online, desde donde el cliente podrá ver su resumen de su carrito compras  en la barra lateral de tu tienda online.

De esta manera el cliente al hacer clic en el icono de carrito fijo desde tu  tienda, podrá ver el contenido del carrito de compras.

Block sliding cart

Pero, ¿qué ventajas tiene instalarlo en mi eCommerce?

  • Aumentará el valor promedio del carrito de compras.
  • Cambiará el aspecto de tu tienda para que sea más llamativo y funcional con un deslizamiento receptivo, un carrito de compras fuera de la pantalla.
  • Organizar mejor el espacio en el encabezado de tu tienda.

Todo esto le gustará a tus clientes porque podrán ver una manera más fácil, dinámica y receptiva lo que está comprando.

Block sliding cart es compatible con todos los temas y el resto de los módulos de tu tienda.

Puedes usar este módulo con cualquier plantilla que estés usando, y funcionará con los otros módulos que hayas instalado en tu tienda.

¿Cómo instalar y configurar Block sliding cart?

Deberás seguir un procedimiento tal y como el que te sugiero a continuación:

1) Cómpralo desde el Marketplace oficial

En primer lugar iremos a comprar el módulo Block sliding cart en el Marketplace oficial de PrestaShop en castellano, como te comentaba anteriormente en su definición.

2) Instalación

Una vez vez obtenido, iremos a nuestro backoffice para instalarlo como habitualmente hacemos con los demás addons que hayamos adquirido.

Cómpralo desde el Marketplace oficial

Cuando se haya instalado, iremos a configurarlo.

3) Configuración básica

Para ello, debemos ubicarnos en la sección "Módulos > Módulos servicios", donde aparecerá nuestro módulo y le daremos clic en configurar.

Configuración básica

4) Ponlo en español/castellano

Para utilizar el módulo, primero iremos a traducirlo en nuestro idioma, el castellano, para que podamos comprender mejor cada una de las explicaciones que el software nos va dando.

Para ello, una vez estemos dentro del módulo, daremos clic en la parte superior la opción de "traducir".

5) Traducción manual

Escogeremos el idioma español en esta ocasión, aquí haremos la traducción manual de nuestro módulo, no olvidar guardar los cambios.

Configuración avanzada y detallada de Block sliding cart

Una vez traducido, iremos a la configuración de cada sección:

  • Activa la opción de carro Ajax para el inicio del módulo.

Activa la opción de carro Ajax  para el inicio del módulo

  • El módulo tiene la opción de mostrar el monto total de la compra, solo tiene que activarla.

El módulo tiene la opción de mostrar el monto total de la compra, solo tiene que activarla

  • El módulo tiene la opción de mostrar el subtotal del monto de la compra.

El módulo tiene la opción de mostrar el subtotal del monto de la compra.

 

  • El módulo te proporciona  la opción de mostrar el impuesto del monto  de la compra, solo tienes que activarla.

El módulo te proporciona  la opción de mostrar el impuesto del monto  de la compra, solo tiene que activarla.

  • El módulo te proporciona  la opción de mostrar el costo de envío de  la compra, solo tienes que activarla.

El módulo te proporciona  la opción de mostrar el costo de envío de  la compra, solo tiene que activarla

  • El módulo te proporciona  la opción de ver el carro de  la compra, solo tienes que activarla.

El módulo te proporciona  la opción de ver el carro de  la compra, solo tienes que activarla

  • El módulo tiene la opción del botón de pago directo.

El módulo tiene la opción del botón de pago directo.

  • Activa la opción del botón de continuar comprando para que los clientes puedan seguir agregando productos al carrito de compras.

Activa la opción del botón de continuar comprando para que los clientes puedan seguir agregando productos al carrito de compras.

  • El módulo tiene la opción de mostrar el monto de descuento del producto agregado al carro de compras

El módulo tiene la opción de mostrar el monto de descuento del producto agregado al carro de compras

  • El módulo permite cambiar el color de fondo del panel del carro de compras entre blanco(ligero) y negro (dark).

El módulo permite cambiar el color de fondo del panel del carro de compras entre blanco(ligero) y negro(dark).

  • El módulo permite configurar en qué lado irá el panel de carro de compras a la izquierda o derecha de la ventana de tu tienda online.

El módulo permite configurar en qué lado irá el panel de carro de compras a la izquierda o derecha de la ventana de tu tienda online.

  • Activa la opción de mostrar el icono de carro fijo.

Activa la opción de mostrar el icono de carro fijo.

  • Podrás configurar en qué posición irá el icono de carro de compras en tu tienda online

Podrás configurar en qué posición irá el icono de carro de compras en tu tienda online

  • Configura los márgenes del icono del carro de compras.

Configura los márgenes del icono del carro de compras 

  • Activa la opción de mostrar las imágenes del producto a comprar.

Activa la opción de mostrar las imágenes del producto a comprar.

  • Activa la opción de mostrar los atributos de los productos.

Activa la opción de mostrar los atributos de los productos.

  • Activa esta opción permitirá al cliente aumentar y disminuir la cantidad de productos a comprar.

Activa esta opción permitirá al cliente aumentar y disminuir la cantidad de productos a comprar

  • Activa la opción de animar iconos para dar un ambiente dinámico a cada acción del panel  del carro de compras.

Activa la opción de animar iconos para dar un ambiente dinámico a cada acción del panel  del carro de compras.

  • Activa la opción de cargadores de puntos.

Activa la opción de cargadores de puntos.

  • El módulo permite cambiar los colores del icono del carro de compras

●	El módulo permite cambiar los colores del icono del carro de compras

  • Activa esta opción si desea ver la cantidad del monto del carro de compras en la barra superior de tu tienda online.

Activa esta opción si desea ver la cantidad del monto del carro de compras en la barra superior de tu tienda online

  • Active esta opción si desea ver el subtotal del monto del carro de compras en la barra superior de tu tienda online.

Active esta opción si desea ver el subtotal del monto del carro de compras en la barra superior de tu tienda online.

  • Activa si desea mostrar la información mínima de compra.

Activa si desea mostrar la información mínima de compra

  • Active si desea mostrar el botón del carro vacío.

Active si desea mostrar el botón del carro vacío.

  • Activar para mostrar el botón de actualizar carro.

Activar para mostrar el botón de actualizar carro.

  • El módulo permite configurar el comportamiento el icono del carro de compras.

El módulo permite configurar el comportamiento el icono  del carro de compras

  • Active la opción de venta cruzada y el número de productos a mostrar.

Active la opción de venta cruzada y el número de productos a mostrar

  • Opción de mostrar ventana emergente.

Opción de mostrar ventana emergente 

  • Configura el comportamiento del icono del carro de compras.

Configura el comportamiento del icono del carro de compras

  • Configura las notificaciones del carro de compras.

Configura las notificaciones del carro de compras 

  • Configure la ubicación y comportamiento de las notificaciones.

Configure la ubicación y comportamiento de las notificaciones

Conclusión

Tus clientes tendrán la  opción de ver un panel de carro de compras dinámico, informativo y claro para validar su pedido de compras.

Cambiará el aspecto de tu tienda para que sea más llamativo y funcional con un deslizamiento receptivo, un carrito de compras fuera de la pantalla.

Block sliding cart es más que conveniente para tus clientes, por tanto ¿a qué esperas para utilizarlo?

Imagen principal By Freepik.

Cada 2 semanas, nuestra newsletter e-commerce

Al enviar este formulario, acepto que PrestaShop S.A utilice los datos que he facilitado para el envío de boletines y ofertas promocionales. Puedes cancelar la suscripción en cualquier momento por medio del enlace que figura en los correos promocionales que recibes. Obtén más información sobre la gestión de tus datos y derechos.