# 2.8.1.4.1 Carrito vista del cliente

Recordar que el carrito en versiones anteriores se presentaba al cliente en una sola página. En versiones actuales se presenta en varias páginas o también llamados pasos.

<p class="callout info">  
Para avanzar de página del carrito hacer clic en botón "Realizar pedido"  
  
A partir de la página 2 del carrito todas disponen de un botón para volver a la página anterior.  
  
</p>

####  **0 - Página Carrito**

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/fJDimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/fJDimage.png)

<table border="1" id="bkmrk-ajuste-utilidad-filt" style="border-collapse: collapse; width: 100%; height: 371.771px; border-width: 1px;"><colgroup><col style="width: 31.1461%;"></col><col style="width: 68.8427%;"></col></colgroup><tbody><tr style="height: 52.8646px; background-color: rgb(236, 240, 241);"><td style="height: 52.8646px; border-width: 1px;"> **Elemento** </td><td style="height: 52.8646px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Artículos en su carrito</td><td style="height: 50px; border-width: 1px;">Productos añadidos al carrito de compra</td></tr><tr style="height: 50px;"><td style="height: 29.8785px; border-width: 1px;">Botón "Detalles"</td><td style="height: 29.8785px; border-width: 1px;">Despliega el producto para mostrar los detalles ampliados del producto</td></tr><tr style="height: 50px;"><td style="border-width: 1px;">Icono cubo de basura</td><td style="border-width: 1px;">Para eliminar producto del carrito</td></tr><tr style="height: 50px;"><td style="height: 29.8785px; border-width: 1px;">Resumen</td><td style="height: 29.8785px; border-width: 1px;">Desglose de importes. Los gastos de envío se muestran en 0 €. En la página 3 es dónde se seleccionan y contabilizan.</td></tr><tr style="height: 50px;"><td style="height: 29.8785px; border-width: 1px;">Botón "Realizar pedido"</td><td style="height: 29.8785px; border-width: 1px;">Botón para avanzar a la siguiente página del carrito</td></tr><tr style="height: 50px;"><td style="height: 29.8785px; border-width: 1px;">Texto enlace "¿Tienes un cupón?"</td><td style="height: 29.8785px; border-width: 1px;">Para abrir el campo de escribir cupón de descuento y acceder al botón validar cupón.</td></tr><tr style="height: 50px;"><td style="height: 29.8785px; border-width: 1px;">"Vaciar carrito" botón tipo texto </td><td style="height: 29.8785px; border-width: 1px;">Quita todos los productos del carrito. Muestra antes alerta y pide confirmación.</td></tr></tbody></table>

####   
  


#### **1 - Información personal** 

#####   


[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/zU3image.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/zU3image.png)

<table border="1" id="bkmrk-elemento-descripci%C3%B3n-0" style="border-collapse: collapse; width: 100%; height: 589.162px; border-width: 1px;"><colgroup><col style="width: 29.1708%;"></col><col style="width: 70.818%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Campo para Email</td><td style="height: 50px; border-width: 1px;">Se usará esta dirección de correo electrónico para enviarle actualizaciones del pedido</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Texto enlace "¿Tiene una cuenta? Haga clic aquí para iniciar sesión"</td><td style="height: 50px; border-width: 1px;">Para acceder a la página de inicio de sesión entre otras opciones. Página "Inicio de sesión"</td></tr><tr style="height: 50px;"><td style="border-width: 1px; height: 50px;">Icono cubo de basura</td><td style="border-width: 1px; height: 50px;">Para eliminar producto del carrito</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "Añadir notas al pedido"</td><td style="height: 50px; border-width: 1px;">Abre un editor de texto para que el cliente pueda poner observaciones en su pedido y se tramite con la observación.</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "Términos y Condiciones"</td><td style="height: 50px; border-width: 1px;">Para que el cliente acceda a la página de términos y condiciones de compra</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Casilla para marcar 1 (Requerida)</td><td style="height: 50px; border-width: 1px;">Para tramitar el pedido el cliente ha de marcar la casilla para reconocer que ha leído y acepta los términos y condiciones.</td></tr><tr style="height: 47.6847px;"><td style="border-width: 1px; height: 47.6847px;">Casilla para marcar 2 (Opcional)</td><td style="border-width: 1px; height: 47.6847px;">Si el cliente quiere darse de alta en el boletín de noticias</td></tr><tr style="height: 58.9915px;"><td style="height: 58.9915px; border-width: 1px;">Casilla para marcar 3 (Requerida)</td><td style="height: 58.9915px; border-width: 1px;">Para tramitar el pedido el cliente ha de marcar la casilla para reconocer su consentimiento para el procesamiento de sus datos personales.</td></tr><tr style="height: 58.6932px;"><td style="height: 58.6932px; border-width: 1px;">"Enlace" tipo texto </td><td style="height: 58.6932px; border-width: 1px;">Para que el cliente pueda acceder a ver la política de privacidad</td></tr><tr style="height: 43.6932px;"><td style="border-width: 1px; height: 43.6932px;">Resumen</td><td style="border-width: 1px; height: 43.6932px;">Se mantiene como en la página 0</td></tr></tbody></table>

##### **1.1 Inicio de sesión**

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/wLIimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/wLIimage.png)

<table border="1" id="bkmrk-p%C3%A1gina-1---a%C2%A0-inicio" style="border-collapse: collapse; width: 100%; height: 589.162px; border-width: 1px;"><colgroup><col style="width: 30.7735%;"></col><col style="width: 69.2153%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Usuario</td><td style="height: 50px; border-width: 1px;">Con el que se creo la cuenta de cliente registrado</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Contraseña</td><td style="height: 50px; border-width: 1px;">La que el cliente registrado ha definido</td></tr><tr style="height: 50px;"><td style="border-width: 1px; height: 50px;">Botón "Recordarme la próxima vez"</td><td style="border-width: 1px; height: 50px;">Para que el navegador guarde los credenciales y el cliente no tenga que ponerlos cada vez que inicia sesión</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "Iniciar Sesión"</td><td style="height: 50px; border-width: 1px;">Validar la autentificación para iniciar sesión</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "Problemas con el Inicio de Sesión"</td><td style="height: 50px; border-width: 1px;">Para que el cliente acceda a los botones de acceso a las páginas ¿No ha recibido el mensaje de confirmación? y No recuerdo mi contraseña</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Enlace tipo texto "¿No tienes cuenta? Crear una cuenta aquí</td><td style="height: 50px; border-width: 1px; padding-left: 40px;">Para que el cliente acceda a la página de crear cuenta de usuario registrado</td></tr></tbody></table>

##### **1.2 ¿Problemas con el inicio de Sesión?**

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/QwBimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/QwBimage.png)

<table border="1" id="bkmrk-p%C3%A1gina-%C2%BFproblemas-co" style="border-collapse: collapse; width: 100%; height: 194.099px; border-width: 1px;"><colgroup><col style="width: 41.8864%;"></col><col style="width: 58.1024%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 64px;"><td style="height: 64px; border-width: 1px;">Botón "¿No ha recibido el mensaje de confirmación?"</td><td style="height: 64px; border-width: 1px;">Acceso a página "Verifica tu dirección de correo electrónico"</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "No recuerdo la contraseña"</td><td style="height: 50px; border-width: 1px;">Página para modificar contraseña de usuario registrado</td></tr></tbody></table>

#####   


##### **1.3 Verifica tu correo electrónico** 

![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/nYtimage.png)

<table border="1" id="bkmrk-p%C3%A1gina-%22verifica-tu-" style="border-collapse: collapse; width: 100%; height: 230.758px; border-width: 1px;"><colgroup><col style="width: 41.8864%;"></col><col style="width: 58.1024%;"></col></colgroup><tbody><tr style="height: 80.071px; background-color: rgb(236, 240, 241);"><td style="height: 80.071px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.071px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 49.9915px;"><td style="height: 49.9915px; border-width: 1px;">Campo para escribir cuenta de correo </td><td style="height: 49.9915px; border-width: 1px;">Para verificar la cuenta de correo</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Botón "Continuar"</td><td style="height: 50px; border-width: 1px;">Para iniciar la acción de envío de correo de verificación de cuenta de usuario</td></tr><tr style="height: 50.696px;"><td style="border-width: 1px; height: 50.696px;">Botón "¿Ya está registrado? Iniciar sesión"</td><td style="border-width: 1px; height: 50.696px;">Para volver a la página de inicio de sesión</td></tr></tbody></table>

#####   


##### **1.4 Recuperar la contraseña** 

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/Qgjimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/Qgjimage.png)

<table border="1" id="bkmrk-p%C3%A1gina-%22recuperar-la" style="border-collapse: collapse; width: 100%; height: 233.469px; border-width: 1px;"><colgroup><col style="width: 41.8989%;"></col><col style="width: 58.0899%;"></col></colgroup><tbody><tr style="height: 80.071px; background-color: rgb(236, 240, 241);"><td style="height: 80.071px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.071px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 50px;"><td style="height: 50px; border-width: 1px;">Campo para escribir cuenta de correo   
  
  
</td><td style="height: 50px; border-width: 1px;">Si anteriormente realizó un pedido como invitado y utiliza este formulario, se creará una cuenta que incluirá esos pedidos.</td></tr><tr style="height: 50.696px;"><td style="border-width: 1px; height: 50.696px;">Verificación reCaptcha  
  
  
</td><td style="border-width: 1px; height: 50.696px;">A ajustar por el administrador este servicio en Ajustes-&gt; Ajustes Generales-&gt; Usuarios.   
</td></tr><tr style="height: 52.7017px;"><td style="height: 50px; border-width: 1px;">Botón "Continuar"  
  
</td><td style="height: 50px; border-width: 1px;">Para iniciar la acción de cambiar contraseña</td></tr></tbody></table>

<p class="callout warning"> **⚠ Importante:**  
Activar **reCAPTCHA** en el registro de cuentas evita registros falsos y protege la tienda contra bots. Esta medida mejora la seguridad y mantiene la base de datos de clientes libre de cuentas no válidas.  
En preguntas frecuentes de este manual se informa de cómo configurarlo.  
  
</p>

#### **2 - Direcciones** 

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/KyCimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/KyCimage.png)

<table border="1" id="bkmrk-p%C3%A1gina-2--%C2%A0-direccio" style="border-collapse: collapse; width: 100%; height: 682.969px; border-width: 1px;"><colgroup><col style="width: 29.1685%;"></col><col style="width: 70.8202%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Casilla para marcar "Es una empresa"</td><td style="height: 65.9517px; border-width: 1px;">Para que la factura sea emitida a nombre de una empresa. Abre un campo para escribir nombre de la empresa. El nombre y el apellido se entenderán como la persona responsable del pedido. En el campo llamado DNI/NIF se escribirá el que corresponda si es empresa o particular.  
  
  
</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Información de ayuda</td><td style="height: 65.9517px; border-width: 1px;">La factura se emitirá a nombre de la empresa indicada en el campo superior. El nombre y el apellido se entenderán como la persona responsable del pedido.  
  
  
</td></tr><tr style="height: 60px;"><td style="border-width: 1px; height: 60px;">Formulario de misma dirección para envío y facturación</td><td style="border-width: 1px; height: 60px;">Dispone de selectos de país. Al seleccionar el país, se muestra un selector de provincias. El cliente ha de cumplimentar este formulario para poder operar en la página 3 del carrito.  
  
  
</td></tr><tr style="height: 65px;"><td style="height: 65px; border-width: 1px;">Formulario para cuando la dirección de envío sea diferente de la de facturación  
  
  
</td><td style="height: 65px; border-width: 1px;">Desactivar casilla marcada "Envío a la misma dirección que la factura" para acceder al formulario de dirección de envío diferente a la de facturación. El formulario es como el primero.</td></tr><tr style="height: 61.9602px;"><td style="height: 61.9602px; border-width: 1px;">Información de privacidad</td><td style="height: 61.9602px; border-width: 1px;">\*La información de la dirección puede almacenarse de manera segura en nuestros sistemas durante 5 minutos para usarla al confirmar el pedido. En lace a Política de privacidad.</td></tr><tr style="height: 61.6335px;"><td style="border-width: 1px; height: 43.6932px;">Resumen</td><td style="border-width: 1px; height: 43.6932px;">Se mantiene como en la página 0</td></tr></tbody></table>

#### **3 - Métodos de envío**

  
  
[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/7qnimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/7qnimage.png)

<table border="1" id="bkmrk-elemento-descripci%C3%B3n-1" style="border-collapse: collapse; width: 100%; height: 682.969px; border-width: 1px;"><colgroup><col style="width: 29.1685%;"></col><col style="width: 70.8202%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Casillas para marcar</td><td style="height: 65.9517px; border-width: 1px;">Selector de método de envío  
  
  
</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Resumen</td><td style="height: 65.9517px; border-width: 1px;">Se actualiza el importe de "Costos de envío", en función de la selección del cliente y la configuración de los transportistas.   
  
  
</td></tr></tbody></table>

Los métodos de envío disponibles para elegir por el cliente dependerán de que se cumplan las siguientes tres variables:

- Que están creados y activos
- Que están disponibles para la localización de destino
- Que están disponibles en el producto

#####  **3.1 Configuración personalizada**

  
[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/OYtimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/OYtimage.png)

<p class="callout info">  
Mediante la opción de envío llamada "Configuración personalizada" el cliente puede hasta seleccionar un método de envío para cada producto del carrito, siempre y cuando se cumplan las tres variables descritas anteriormente.  
  
</p>

##### **4 - Formas de pago** 

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-08/scaled-1680-/Epzimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-08/Epzimage.png)

#####   


<table border="1" id="bkmrk-p%C3%A1gina-3--%C2%A0-direccio" style="border-collapse: collapse; width: 100%; height: 682.969px; border-width: 1px;"><colgroup><col style="width: 29.1685%;"></col><col style="width: 70.8202%;"></col></colgroup><tbody><tr style="height: 80.0994px; background-color: rgb(236, 240, 241);"><td style="height: 80.0994px; border-width: 1px;"> **Elemento**

</td><td style="height: 80.0994px; border-width: 1px;"> **Descripción**</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Casillas para marcar</td><td style="height: 65.9517px; border-width: 1px;">Selector de método de pago. Ver página de métodos de pago de este capítulo del manual.  
  
  
</td></tr><tr style="height: 65.9517px;"><td style="height: 65.9517px; border-width: 1px;">Botón "Volver a la sección de Transportista"</td><td style="height: 65.9517px; border-width: 1px;">La factura se emitirá a nombre de la empresa indicada en el campo superior. El nombre y el apellido se entenderán como la persona responsable del pedido.  
  
  
</td></tr></tbody></table>