En un reciente Hilo de Slack de Business Bloomer Clubun usuario de WooCommerce preguntó sobre la mejor manera de mostrar elementos de venta cruzada en la página del carrito para vistas móviles y de tabletas.
Si bien la pantalla de escritorio era satisfactoria, descubrieron que las opciones de colocación móvil, sobre o debajo del carrito, eran menos efectivas. Las sugerencias variaron desde un estilo compacto hasta la implementación de una ventana emergente de carrito lateral para mejorar la visibilidad de la venta cruzada sin interrumpir la experiencia del carrito.
Aquí hay un desglose de las mejores estrategias.
1. Use un carrito lateral con ventas cruzadas integradas
Un enfoque recomendado es implementar un «carrito lateral» que se deslice, que contiene tanto los elementos del carrito como los vientos cruzados, que aparecen debajo de los elementos relevantes. Esta configuración permite a los usuarios ver opciones de venta cruzada sin desplazarse demasiado o perder de vista el carrito.
Complementos populares como Embudo (anteriormente woofunnels) Soporte de la funcionalidad del carrito lateral, que ofrece una colocación flexible y una fácil personalización para las ventas cruzadas.
- Pros: Mantiene el carro y las vellas cruzadas visibles juntas; Proporciona una interfaz moderna y fácil de usar tanto en escritorio como en dispositivos móviles.
- Contras: Requiere una configuración adicional y potencialmente un complemento, que puede no ser adecuado para todos los temas.
2. Estilización compacta para venderlas cruzadas bajo artículos de carrito
Otro enfoque simple pero efectivo es colocar las vellas transversales debajo de los elementos del carrito y aplicar el estilo para mantener las líneas de pedido compactas. De esta manera, las ventas cruzadas todavía se pueden acceder en dispositivos móviles sin empujar el contenido del carrito demasiado hacia abajo.
Consejos para un estilo compacto:
- Reduzca el relleno y los márgenes entre los artículos del carrito.
- Use imágenes y texto más pequeños para venderlas cruzadas, creando una distinción visual a partir de elementos de carrito primario.
- Asegúrese de encabezados prominentes, como «también puede que le guste», para llamar la atención sobre las venderlas cruzadas.
Este enfoque se puede implementar sin complementos adicionales, aunque puede requerir CSS personalizado para lograr un aspecto pulido.
3. Pantalla emergente para ventas cruzadas
El uso de una ventana emergente para mostrar las ventas cruzadas en los dispositivos móviles asegura que no interfieran con la vista principal del carrito. Esta configuración desencadena una sugerencia de venta cruzada a medida que los usuarios navegan hasta el carrito o comienzan el proceso de pago, proporcionando una experiencia perfecta.
- Pros: Asegura que las ventas cruzadas sean notables sin afectar el flujo del carro.
- Contras: Las ventanas emergentes pueden ser intrusivas si no están diseñadas cuidadosamente y pueden descartarse rápidamente en los dispositivos móviles, lo que reduce el potencial de conversión.
Conclusión
Elegir la pantalla cruzada correcta en las páginas de carritos de WooCommerce depende de su tema, complementos y prioridades de experiencia del usuario. Un carrito lateral con ventas cruzadas integradas proporciona el enfoque más flexible y moderno, mientras que las opciones de diseño y ventana emergente compactas ofrecen alternativas viables. Al probar estos métodos, puede encontrar el mejor ajuste para fomentar el compromiso de venta cruzada sin sacrificar la usabilidad del carrito en los dispositivos móviles.