Vista Previa del Carrito
La función de Vista Previa del Carrito crea una mejor experiencia de compra para sus clientes al mostrar un práctico panel deslizante cada vez que añaden artículos a su carrito. En lugar de redirigir a la página de pago o forzar a los clientes a abandonar lo que están viendo, un elegante panel se desliza desde un lado, mostrando el contenido actual de su carrito.
¿Por qué usar la Vista Previa del Carrito?
La Vista Previa del Carrito reduce la fricción en el proceso de compra al permitir a los clientes:
- Ver rápidamente lo que hay en su carrito sin salir de la página actual.
- Ver miniaturas de productos, nombres y precios de un vistazo.
- Ajustar las cantidades de los artículos o eliminar los no deseados al instante.
- Proceder al pago con un solo clic.
- Continuar comprando sin interrupción.
Esta experiencia optimizada ayuda a reducir el abandono del carrito y facilita que los clientes completen sus compras.
Habilitar la Vista Previa del Carrito
Para habilitar la función de Vista Previa del Carrito en su tienda:
- En su administrador de WordPress, navegue a Descargas » Ajustes » Pagos.
- Haz clic en la pestaña Carrito.
- Encuentre el interruptor Habilitar Vista Previa del Carrito y actívelo.
- Haga clic en Guardar Cambios en la parte inferior de la página.
Una vez habilitado, la vista previa del carrito aparecerá automáticamente cuando los clientes añadan productos a su carrito.
Configuración de los Ajustes de la Vista Previa del Carrito
Botón Flotante del Carrito
El botón flotante del carrito ofrece a los clientes una forma de abrir su vista previa del carrito en cualquier momento, incluso después de haberla cerrado. El botón se muestra cuando los clientes tienen artículos en el carrito y "flota" en una esquina de la pantalla mientras los clientes navegan por su sitio.
Para habilitar y configurar:
- Navega a Descargas » Ajustes » Pagos » Carrito.
- Encuentre la sección Ajustes del Botón de Vista Previa del Carrito.
Tamaño del Botón
Elija qué tan grande desea que aparezca el botón flotante:
- Ninguno: No se muestra ningún botón (los clientes solo pueden ver la vista previa del carrito al añadir artículos).
- Pequeño: Un botón compacto que ocupa un espacio mínimo en la pantalla.
- Grande: Un botón más grande y prominente que es más fácil de detectar (recomendado para la mayoría de las tiendas)
Recomendado: Usa Grande para la mejor visibilidad, especialmente en dispositivos móviles. Elige Pequeño si tienes espacio limitado en la pantalla o deseas una apariencia más sutil. Selecciona Ninguno si solo deseas que la vista previa del carrito aparezca cuando los clientes añaden artículos.
Posición del botón
Elige dónde aparece el botón flotante en la pantalla:
- Esquina inferior izquierda: El botón aparece en la parte inferior izquierda.
- Esquina inferior derecha: El botón aparece en la parte inferior derecha.
Consejo: Considera el diseño de tu sitio al elegir la posición. Si tienes otros elementos flotantes (como un widget de chat) en una esquina, coloca el botón del carrito en la esquina opuesta para evitar superposiciones.
Cómo los clientes usan la Vista Previa del Carrito
Una vez activada, así es como funciona la Vista previa del carrito para tus clientes:
- Añadir al carrito: Cuando un cliente hace clic en un botón "Añadir al carrito" en cualquier lugar de tu sitio, el panel de vista previa del carrito se desliza automáticamente desde un lado (o desde abajo en dispositivos móviles).
- Viewing Cart Contents: The panel displays:
- Miniaturas de productos (si están disponibles)
- Nombres de productos
- Precios individuales
- Cantidades (si las cantidades de artículos están habilitadas en tu tienda)
- Subtotal del carrito
- Managing Items – Customers can:
- Ajustar cantidades: Usa los botones más (+) y menos (-) para cambiar cuántos de cada artículo desean (si las cantidades están habilitadas).
- Eliminar artículos: Haz clic en el botón de eliminar (X) para borrar artículos de su carrito.
- Continuar comprando: Selecciona "Continuar comprando" para cerrar el panel y seguir navegando.
- Finalizar compra: Haz clic en el botón "Finalizar compra" para proceder directamente a la página de pago.
- Reabrir el carrito: Si has habilitado el botón flotante del carrito, los clientes pueden hacer clic en él en cualquier momento para reabrir la vista previa del carrito y revisar sus artículos.
Compatibilidad
La Vista previa del carrito funciona perfectamente con:
- Todos los botones y códigos cortos de compra de EDD
- Bloques EDD (si estás usando el editor de bloques)
- Dispositivos móviles y tabletas
- Todos los navegadores web modernos
- Lectores de pantalla y navegación por teclado (totalmente accesible)
Nota: La Vista previa del carrito no aparece en la página de pago, ya que los clientes ya pueden ver su carrito completo en esa página.
Relación con otras configuraciones
Redirigir a la página de pago
La Vista previa del carrito funciona en conjunto con la configuración Redirigir al añadir que se encuentra en Descargas » Ajustes » Pagos » Carrito.
- Cuando Redirigir a la página de pago está DESACTIVADO (recomendado con Vista previa del carrito): La vista previa del carrito se abre automáticamente cuando los clientes añaden artículos, manteniéndolos en la página actual.
- Cuando Redirigir a la página de pago está ACTIVADO: Los clientes son redirigidos a la página de pago en lugar de ver la vista previa del carrito.
Recomendación: Deshabilita Redirigir al pago cuando uses la Vista previa del carrito para ofrecer la mejor experiencia de compra.
Cantidades de artículos
Si tienes Cantidades de artículos habilitadas en la configuración de tu tienda (Descargas » Configuración » Pagos » Carrito), los clientes verán controles de ajuste de cantidad (botones + y –) en la vista previa del carrito para cada artículo.
Si las cantidades están deshabilitadas, los clientes aún pueden agregar copias del mismo artículo, pero aparecerán como artículos de línea separados en la vista previa del carrito.
Recomendaciones de carrito (Solo Pro)
Si usas Easy Digital Downloads Pro, puedes habilitar Recomendaciones de carrito para mostrar sugerencias de productos impulsadas por IA dentro del panel de Vista previa del carrito. Consulta la documentación de Recomendaciones de carrito para más detalles.
Preguntas frecuentes
¿Funcionará la Vista previa del carrito con mi tema?
¡Sí! La Vista previa del carrito utiliza estilos avanzados que evitan que los estilos de tu tema interfieran con la apariencia de la vista previa del carrito. Funcionará correctamente con cualquier tema de WordPress.
¿Puedo personalizar la apariencia de la Vista previa del carrito?
La Vista previa del carrito está diseñada para funcionar bien con todos los temas sin necesidad de configuración adicional. Si necesitas personalización avanzada, tu desarrollador puede usar propiedades personalizadas de CSS y selectores de partes.
¿Qué sucede si un cliente tiene JavaScript deshabilitado?
R: La Vista previa del carrito requiere JavaScript para funcionar. Si JavaScript está deshabilitado, los clientes usarán el proceso de carrito y pago estándar en su lugar.
¿Funciona la Vista previa del carrito en dispositivos móviles?
¡Sí! La Vista previa del carrito es totalmente adaptable y funciona perfectamente en teléfonos, tabletas y ordenadores de escritorio.
P: ¿Puedo deshabilitar la Vista previa del carrito en páginas específicas?
La Vista previa del carrito solo aparece en páginas que tienen botones de compra o contenido de descarga de EDD. Excluye automáticamente la página de pago. Si necesitas más control, contacta a tu desarrollador sobre el uso de filtros para personalizar dónde aparece.
¿Afectará esto el rendimiento de mi sitio?
No. La Vista previa del carrito está diseñada para el rendimiento y solo carga sus recursos en las páginas donde se necesita. Los archivos JavaScript y CSS son pequeños y están optimizados para una carga rápida.
