...
Al hacer clic en el "Carrito: XX productos" que aparece en la cabecera, el cliente ingresará a la página de resumen del carrito de compras, la cual es el primer paso en el proceso del pedido, before entering the checkout page. It sums up the cart and shows again the reassurance block. This is where the customer makes sure that the order only contains the wanted products, no more, no less.
When clicking the "Checkout" button, the user is redirected to the one-page checkout, divided into 4 sections:
- Personnal information. Where the non-logged customer is asked to log in or create an account. This step is skipped over if the customer is already logged in. However, it is still available if the customer wants to sign in with another account.
- Addresses. Where the customer is presented with his or her currently registered addresses in PrestaShop, and has to choose the one where the delivery is to be made.
- Shipping method. Where the customer chose the shipping options.
- Payment. Where the customer is presented with the final price of the order (now including the shipping price), and is asked to choose a payment method.
The customer can come back to any previous step by clicking on its title.
The checkout page has been voluntarily stripped of any distraction such as the left column, the footer and other links that can lead the customer away from the purchase. It is still possible to exit the checkout process by clicking on the shop logo in the header.
Creating a customer account
Because it is one of the main sources of lost customers for online shops, PrestaShop makes it simple and straightforward to create a customer account.
When clicking the "Sign in" link in the header, the visitor is taken to the authentication page, where he or she can sign in. If he or she needs to create a new account, the link "No account? Create one here" will redirect to the account creation form.
There are two parts to the account creation form:
- Personal information. There the customer should fill in everything that can uniquely identify the customer: first name, last name, e-mail, password, and date of birth.
- Subscriptions. The customer can choose to subscribe to your newsletter and to receive or not your partner offers. Make sure you only display these fields if you actually send this kind of content.
Once registered, the customer is redirected to the "Your account" page, where many options can be accessed: order history, credit slips, vouchers, and access to the previously entered information.
| Note |
|---|
Among the available links is "Add first address". This will be the default address for this customer - there can be many more. If the customer only has one registered address, it will be used both as the shipping and the billing address. During the order process, the customer can choose to use a different address for the billing address, and create that new address on the fly. |
Buying a product
The whole process of buying a product on a PrestaShop site can follow different paths, but they all reach the same conclusion, which in e-commerce lingo is called the "conversion funnel": from the moment the cart is filled and the customer starts to check out, he or she has to progress through various validation screens until the order is validated and can be processed.
| Info |
|---|
The purchase path is called a conversion funnel because this is where a lot of online shops lose clients due to overly long, complicated or numerous screens. Read more on Wikipedia: http://en.wikipedia.org/wiki/Conversion_funnel. |
This process starts when the customer clicks the cart summary's "Checkout" button, and always follows the same sequence of screens:
...
The delivery address page. If the user account has no registered address, the customer is directly taken to the address creation form.
...
Two addresses are necessary for an order:
- The delivery address, where the order should be sent.
- The billing address, which should be the one that is tied to the payment method.
If the customer needs to have the order billed to an address other than the delivery one, he or she can click the "Billing address differs from shipping address" link and either select an address from the currently registered ones,or create a new one.
...
antes de entrar a la página de pago. En esta página se resume el contenido del carrito, y se muestra nuevamente el bloque de seguridad y confianza al cliente. Aquí es donde el cliente se asegura de que el pedido sólo contiene los productos deseados, ni más ni menos.
Al hacer clic en el botón "Tramitar pedido", el usuario es redirigido a una sóla página para iniciar el proceso de pago, que está dividida en 4 secciones:
- Información personal. Donde se pide al cliente no registrado que inicie sesión o cree una cuenta. Este paso es omitido si el cliente ya ha iniciado sesión en la tienda. Sin embargo, todavía está disponible si el cliente desea iniciar sesión con otra cuenta.
- Direcciones. Donde se presenta al cliente sus direcciones registradas en PrestaShop, y en la que tiene que elegir el sitio donde se realizará la entrega de su pedido.
- Método de envío. Donde el cliente selecciona las opciones de envío.
- Pago. Donde se presenta al cliente el precio final del pedido (ahora incluido el precio de envío), y se le pide que seleccione un método de pago.
El cliente puede volver a cualquier paso anterior, haciendo clic sobre su título.
La página de pago ha sido voluntariamente despojada de cualquier distracción, como la columna izquierda, el pie de página y otros enlaces que pueden llevar al cliente a alejarse de este proceso final de compra. De cualquier forma, todavía es posible salir del proceso de pago haciendo clic en el logotipo de la cabecera de la tienda.
Creación de una cuenta de cliente
Ya que esta es una de las razones principales de la pérdida de clientes en una tienda virtual, PrestaShop hace muy fácil y clara la creación de cuentas a los clientes.
Al hacer clic en el enlace "Iniciar sesión" que aparece en la cabecera de la tienda, el visitante es dirigido a la página de autenticación, donde él o ella podrá iniciar sesión. Si él o ella necesitará crear una nueva cuenta, el enlace "¿No tiene una cuenta?. Cree una aquí", les redireccionará al formulario de creación de cuenta.
Hay dos partes en el formulario de creación de cuenta:
- Información personal. Donde el cliente debe rellenar todo lo que pueda identificarlo de una forma única: nombre, apellido, correo electrónico, contraseña y fecha de nacimiento.
- Suscripciones. El cliente puede optar por suscribirse a su boletín de noticias y recibir o no ofertas de asociados. Asegúrese de que sólo mostrará estos campos si realmente envía este tipo de contenido.
Una vez registrado, el cliente es redireccionado a la página "Mi cuenta", donde entre otras muchas opciones ya puede acceder a su: historial de pedidos, facturas por abono, cupones de descuento y a la información previamente ingresada por éste.
| Note |
|---|
Compra de un producto
El proceso completo para comprar un producto en un sitio de PrestaShop puede tomar diferentes caminos, pero todos ellos tienen la misma meta, también conocida en el argot de comercio electrónico como "embudo de conversión": desde el momento en que el carrito está lleno y el cliente inicia la finalización/confirmación de compra, tendrá que hacer clic en varias pantallas de validación hasta que el pedido sea validado para poder ser procesado.
| Info |
|---|
Este proceso de compra es denimonado un embudo de conversión porque aquí es donde una gran cantidad de tiendas en línea pierden clientes debido a las exageradamente largas, numerosas o enrevesadas pantallas. Obtenga más información aquí. |
Este proceso se inicia cuando el cliente hace clic en el botón "Tramitar pedido" del resumen del carrito y sigue siempre la misma secuencia de pantallas:
- (si el visitante no ha ingresado a su cuenta) Se mostrará la pantalla de autenticación, donde el visitante puede acceder a la página de creación de cuenta o ingresar a esta.
La página de la dirección de entrega. Si la cuenta del usuario no tiene registrada ninguna dirección de entrega, el cliente es dirigido directamente al formulario de creación de la dirección.
Note Dos direcciones son necesarias para un pedido:
- La dirección de entrega, donde se enviará el pedido.
- La dirección de facturación, la cual está ligada al método de pago.
Si el cliente necesita que el pedido se facture a una dirección distinta a la de entrega, puede hacer clic en el enlace "Información de facturación diferente de la dirección de envío", y seleccionar una dirección de las registradas previamente o crear una nueva.
Si la información de una dirección está incorrecta, el cliente puede utilizar el enlace "Modificar" para corregirla.
- The shipping page.
This is where the customer can choose from different shipping- and packaging-related options:- Depending on what the shop can offer, the customer may be able to choose recycled packaging and gift-wrapping (with an optional gift note)
- The customer MUST choose a carrier in order to reach the next step.
The payment page.
The customer can choose many payment options, depending on what the shop owner has set up. The customer clicks on the chosen method and depending on the method, is either sent over to the chosen third-party handler or continues to one of PrestaShop's pages where he or she can enter the needed details, such as a validation before displaying check or bank wire information.Note Check and bank wire are installed by default, but PrestaShop makes it easy to offer payment through PayPal, Hipay or any other 3rd party providers. See the modules available in PrestaShop's back office, or check the Addons marketplace for even more modules: http://addons.prestashop.com/.
The customer needs to agree with the shop's terms of service before completing the purchase and validation the order. Which is done by clicking on the "Order with an obligation to pay" button.
- Once the customer has validated everything, the summary page is displayed.
It begins with "Your order is confirmed". Depending on the chosen method of payment, some final information should be provided to the customer, along with a notification that a confirmation email has been sent and a link to the customer support page.