Respuesta corta
Una calculadora de envío en el carrito lateral debe responder a la pregunta del destino y el coste sin convertir el carrito lateral en un segundo pago. Colócala cerca del subtotal o del botón de pago, mantén compacto el estado plegado, conserva los controles de cierre y pago, recalcula tras cambios en el carrito y prueba el teclado, la pantalla táctil, el móvil y el comportamiento tras actualizar el tema. Como los carritos laterales dependen del tema, la compatibilidad debe comprobarse en el tema exacto de producción.
Mantén intacta la función principal del carrito lateral
El carrito lateral sirve para revisar el carrito y seguir comprando o pagar. Una calculadora de envío debe apoyar esa decisión, no dominarla. Usa un aviso breve, información que se despliega poco a poco y resultados compactos que sigan siendo legibles junto al subtotal y los controles de pago.
Actualiza cuando cambie el carrito
Una consulta desactualizada es peor que ninguna. Añadir, quitar o cambiar la cantidad puede alterar el peso, el subtotal, las combinaciones de perfiles y el derecho a envío gratis. La calculadora debe actualizar su contexto o pedir claramente un nuevo cálculo.
Diseña para un espacio estrecho y dinámico
Los carritos laterales suelen ser estrechos y desplazables. Evita el desbordamiento horizontal, mantén zonas táctiles cómodas, no tapes el botón de pago y anuncia los cambios de resultado a las tecnologías de asistencia. Un estado de carga debe reservar espacio para que el carrito lateral no salte.
Vuelve a probar tras cambios en el tema
Los temas pueden cambiar en una actualización el marcado del carrito lateral, los nombres de clase o la forma de mostrarlo. Anota la versión y el selector usados e incluye la calculadora en cada prueba de regresión tras actualizar el tema.
Lista de comprobación
- Visible cerca del subtotal o del pago
- Estado plegado compacto
- Sin desbordamiento horizontal
- El botón de pago sigue siendo accesible
- Recalcula tras actualizar el carrito
- Los estados de carga y «sin tarifas» caben bien
- El foco del teclado sigue un orden lógico
- Los cambios de resultado se anuncian
- Probado en móvil
- Las actualizaciones del tema activan nuevas pruebas
Preguntas
¿Todos los temas de Shopify usan el mismo carrito lateral?
No. El marcado y el comportamiento del carrito lateral varían según el tema y la versión, así que hay que probar la compatibilidad.
¿La calculadora debe abrirse automáticamente?
Normalmente conviene mantenerla compacta hasta que el cliente pida una consulta, salvo que el envío sea la decisión principal en tu catálogo.
¿Dónde deben aparecer los resultados?
Mantén los resultados cerca del campo y del subtotal, con el botón de pago visible y utilizable.
Fuentes
Las páginas del Centro de ayuda de Shopify pueden abrirse en inglés.