Child pages
  • Navegando por el front-office

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of contentTabla de contenidos

Table of Contents

Navegando por el front-office

El front-office es lo que los clientes constantemente están viendo mientras navegan por su tu tienda. Es la interfaz, los productos, las imágenes, las descripciones, todo el proceso de compra, etc .

Como cliente, es todo lo que verá verás de una tienda durante la experiencia de navegación y compra, desde el inicio hasta la finalización de su tu visita.

Como propietario de una tienda, debe debes conocer su el front-office como la palma de su tu mano, no sólo porque se te lo debedebes a mismo para conocersu tu tienda por dentro y por fuera, sino porque necesita necesitas entender lo que experimentan sus tus clientes, el número de páginas y clics que necesitan realizar durante una típica sesión de compra, donde podrían tener algún tipo de problema y ser capaz de proporcionarleproporcionarles soluciones, etc.

Tip

Aunque piense pienses que conoce te conoces de memoria el front-office de su tu tienda, es importante que lo visite visites de vez en cuando, como si fuera fueras un visitante que llega por primera vez. Explorar su tu tienda navegando por su tu catálogo, comprar un producto, contactar con el servicio de atención al cliente: ¡puede puedes descubrir algo nuevo y ver algunas cosas que debería deberías mejorar!

PrestaShop viene con un tema predeterminado, el cual utiliza distintos tonos de grises bajo un fondo de color blanco. Este diseño simple es intencional, con el fin de poder adaptarse a casi cualquier tipo de negocio: coches, fotografías, antigüedades, ¡y cualquier otro que sea necesario!. Fue diseñado para ser fácilmente navegableergonómico, compatible con estándares, y adaptado a todos los tamaños de pantalla y dispositivos.

Si instaló instalaste PrestaShop con sus datos de ejemplo, verá verás productos de prendas de vestir.

Aunque el propietario de la tienda puede cambiar el tema del front-office en cualquier momento, gracias a la gran cantidad de temas disponibles en el sitio web de complementos de PrestaShop, (http://addons.prestashop.com/), en este capítulo nos basaremos tan sólo en el tema por defecto.

Tenga Ten en cuenta que aquí estamos describiendo el tema con su configuración y módulos por defecto. La activación de otros módulos, o evidentemente el uso de otro tema, puede producir un cambio radicalmente distinto en la experiencia de compra.

Ya sea porque su tu cliente haya llegado a su tu página principal, escribiendo la dirección web de la tienda o aterrizando en una sub-página desde un motor de búsqueda, este siempre tendrá diversas opciones para navegar por el catálogo.

...

La cabecera es una barra fina de contenido, accesible desde cualquiera de las páginas del front-office.

It contains several essential tools and links, which apply to the whole shop and is seperated into two parts.

A thin container with:

    • A link to the contact page.
    • The language (if more than one language is available). The customer can choose the language in which the shop should display texts.
    • The currency selectors (if more than one currency is available). The customer can choose the currency in which the shop should display prices. This is great in order to compare prices with other international shops.
    • A link to the sign-up page. When the customer is logged in, it displays his first name and last name as a link to the customer's account.

      Once connected, the customers is taken to the "Your account" page, and a "Sign out" link appears.

    • Cart (0). A quick reminder of the current status of the customer's cart (by default it is "(0)" for empty). Sometimes customers select items while browsing and forget about them after a few pages. It is therefore essential to give them a way to keep these products in mind.

A larger container with:

  • The shop logo. A click on the logo brings the customer back to the homepage, from anywhere in the shop. The default logo reads "Classic" (after the default theme's name): this is an incentive for you to use your own logo rather than keeping the default one.
  • The menu. By default, it displays the "Women" category, and its subcategories when you mouse hover it. To update the menu with your own categories, you should configure the "Main menu" module.
  • The search engine. Many customers prefer to look for a specific item through the search engine rather than browsing through categories after categories of products. On some online shop, this is even the only way to browser the site's content for most customers. This is the module "Search bar".

The header hardly ever changes throughout the whole buying experience.

The header's essential part is the cart. By default, it is folded in order to only show the number of products it currently contains (if any). The customer can click on the text to access the shopping cart summary, from which the checkout process can be started.

The footer begins with a short container which presents two things:

  • A "Get our latest news and special sales" form, in order for the customer to subscribe to your newsletter. Customers can register to your shop's newsletter directly using this form. Afterwards, the newsletter itself is entirely managed by you; PrestaShop does not handle the transmission of emails to the customers. The "Newsletter" module enables you to generate a .CSV file of all the registered customers and their e-mails, and you should be able to import that CSV file in any emailing system. The form is handled by the "Newsletter subscription" module.

The footer gives access to pages that could be useful to your users.

  • The "Products" block contains:
    • Three links to products lists:
      • Specials. All the current promotions.
      • New products. Recently added items.
      • Top sellers. Most popular items.
  • The "Our company" block links to informational pages:
      • Delivery
      • Legal notice
      • Terms and Conditions of use
      • About us
      • Secure payment
      • Contact us
      • Sitemap, which lists all the pages on your store.
      • Stores
  • The "Your account" block contains links to the main pages of the user's profile (or the authentication page). The title "Your account" is also a link to the customer account.
    • Addresses. A customer can add multiple addresses for different delivery options.
    • Credit slips. Received when an order has been canceled. Credit slips can be used for any future order.
    • Orders. All past and currently processing orders.
    • Personal info. First name, last name, e-mail address, home address, phone number, date of birth: all the necessary information about a customer.
    • Vouchers. All coupons code that have not yet been used (if there are any).
  • The "Store information" block contains the address, phone number and e-mail address of your business.

Note that all this content can be changed by the shop owner from within the back office, either through preference settings or through module configuration.

The default theme's left column only appears on a category page, when activated from the back office. It mainly serves as a handy placeholder for navigation and tools.

A category is a hierarchical way of sorting items: it can contain any number of sub-categories, making it possible to easily browse from the more general category listings to the more specific products by following a logical path.

A PrestaShop shop can have as many categories and sub-categories as needed, with an infinite number of products in a given category level. All categories are actually sub-categories of the root category, "Home."

The faceted navigation displays a block with different criteria available to filter the products, mostly attributes, features, and price ranges. It is very handy to help the customers easily find a product.

This is where the magic happens. The central section changes constantly in response to the customer's choices.

The default front page gives the customer a broad overview of the shop and its possibilities. An image slider serves as an introduction to the shop, with three alterning images.

The slider is followed by a list of "Popular products" that highlights products depending on their popularity.

Tip

Most seasoned web surfers will visit a shop via a search engine, landing directly on a product or category. Few stumble upon the home page, and this is why it should be tailored to new users.

Categories, tags, brands, suppliers, search, specials page, best sellers page or new products page: PrestaShop has many paths to a product, but in the end, the customers are given a familiar listing of products, within the chosen context.

Despite the differing content, these listing designs are very similar, in order to keep it familiar even for the newcomers. They all display a list of concerned products organized in a grid, with:

  • A thumbnail,
  • Discount or state flags on the top-left hand side,
  • Product name
  • Product price

This list view enables the customer to see at a glance the products' main information when they already know everything they need about a product, allowing for a quicker decision process.

Hovering over the product triggers a quick animation, displaying the different combinations and a "Quick view" link. By clicking the "Quick view" link, a pop-up window opens with the main product information and an "Add to cart" button.

Categories can feature a header image with an introductory message, as set by the shop owner.

Product listing by category or brand can be further sorted by price (low to high or high to low), name (A to Z or Z to A) or relevancy.

This is where all the information entered by the shop owner is available to the user. Depending on the theme design, a product page can be very thorough, with extensive information, or simply present the most essential facts. The default theme is typical in that its most prominent feature is the product images, with a tool below it enabling customers to view the various available images.

Next to the images are two blocks:

  • A "summary" block, presenting the main facts for the current product.
  • The "Add to cart" block, with the option to choose among the available combinations (as defined by the shop owner) and the quantity to be ordered.

Below the cart block you will find a reassurance block, to let your customers know about the various benefits of buying on your shop, or to be more transparent on your payment and delivery policies.

At the bottom of the product page is a tab section. The most usual ones are:

  • Description. This gives the full description for the product, as entered by the shop owner.
  • Product detailsThis tab only appears if the shop owner has entered data in the product's "Features" sheet. This gives all the detailed features that were entered into database. The content of this tab is very sparsely written: these are just raw facts, far from the product description.

Clicking on the "Cart: XX products" link in the header brings the customer to the shopping cart summary page, which is the first step in the order process, 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:

  1. 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.
  2. 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.
  3. Shipping method. Where the customer chose the shipping options.
  4. 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.

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.

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.

Note

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.

If an address turns out to be wrong, the customer can use the "Edit" link to correct it.

...

  • 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.

...

Ésta contiene varias herramientas y enlaces esenciales, que se aplican a toda la tienda y se separa en dos partes.

Un fino contenedor con:

    • Un enlace a la página de contacto.
    • El idioma (si hay más de un idioma disponible). El cliente puede elegir el idioma en el que la tienda debe mostrar los textos.
    • El selector de monedas (si hay más de una moneda disponible). El cliente podrá elegir la moneda en la cual la tienda debe mostrarle los precios. Esto es muy importante para comparar precios con otras tiendas internacionales.
    • Un enlace a la página de registro. Cuando el cliente inicia sesión, se muestra su nombre y apellido como un enlace hacía su cuenta de cliente.

      Una vez conectado, los clientes son dirigidos a la página "Tu cuenta" y se muestra un enlace para "Cerrar sesión".

    • Carrito (0)Un recordatorio rápido del estado actual del carrito de compra del cliente (de manera predeterminada se muestra "(0)", lo que significa que el carrito está vacío). A veces los clientes seleccionan artículos mientras navegan por la tienda, y se olvidan de ellos tras navegar por algunas páginas de la tienda. Por lo tanto, es fundamental ofrecerles una manera de hacerles recordar que estos productos continúan estando en el carrito.

Un contenedor más grande con:

  • El logotipo de la tienda. Un clic en el logotipo traslada al cliente a la página de inicio, desde cualquier lugar de la tienda. De manera predeterminada, el logotipo reza "Classic" (o el nombre del tema predeterminado)esto es un estimulante para que establezcas tu propio logotipo en lugar de mantener el de PrestaShop.
  • El menúDe forma predeterminada, muestra la categoría "Mujeres (Women)", y las subcategorías pertenecientes a este menú al posicionar el ratón sobre esta categoría. Para actualizar el menú con tus propias categorías, debes configurar el módulo "Menú principal".
  • El motor de búsqueda. Muchos clientes prefieren buscar un artículo específico a través del propio motor de búsqueda de la tienda, en lugar de navegar a través de todas las categorías de productos. En algunas tiendas en línea, esta es incluso la única forma de navegar por el contenido del sitio para la mayoría de los clientes. Este motor de búsqueda, es el módulo "Barra de búsqueda".  

La cabecera raramente cambia durante el proceso de una compra.

La parte importante y esencial de la cabecera es el carrito. De manera predeterminada, éste se muestra plegado con el fin de mostrar tan sólo el número de productos que actualmente contiene. El cliente puede hacer clic sobre el texto para acceder al resumen del carrito de compras, desde el que puede iniciar el proceso de pago.

El pie de página comienza con un pequeño contenedor que presenta dos cosas:

  • Un formulario "Obtén nuestras últimas noticias y ofertas especiales", para que el cliente se suscriba al boletín de noticias. Los clientes pueden registrarse directamente en el boletín de noticias de tu tienda utilizando este formulario. Luego, el boletín debe ser gestionado por ti; PrestaShop no gestiona la transmisión de correos electrónicos a los clientes. El módulo "Suscripción a nuestro boletín de noticias", te permite generar un archivo .CSV que contenga todos los clientes registrados al boletín, junto con las direcciones de correo electrónico de estos clientes, y de esta forma, poder importar ese archivo .CSV en cualquier sistema de correo electrónico. El formulario es gestionado por el módulo "Suscripción a nuestro boletín de noticias".

El pie de página da acceso a páginas que podrían ser útiles para tus usuarios.

  • El bloque "Productos" contiene:
    • Tres enlaces a listas de productos:
      • Ofertas. Todas las promociones actuales.
      • Novedades. Artículos añadidos recientemente.
      • Los más vendidos. Los artículos más populares.
  • El bloque "Nuestra empresa" enlaza a páginas informativas:

      • Entrega
      • Aviso Legal
      • Términos y Condiciones de uso
      • Acerca de nosotros (sobre nosotros)
      • Pago seguro
      • Contáctenos
      • Mapa del sitio web, que ofrece un listado de todas las páginas existentes en tu tienda.
      • Tiendas
  • El bloque "Tu cuenta", contiene enlaces a las páginas principales del perfil del usuario (o la página de autenticación). El título "Tu cuenta" también es un enlace a la cuenta del cliente.
    • Direcciones. Un cliente puede añadir varias direcciones para diferentes opciones de entrega.
    • Facturas por abono. Se reciben cuando un pedido es cancelado o devuelto por el cliente. Al crear una factura por abono, se puede crear un cupón de descuento para que el cliente lo utilice en su próxima compra.
    • Pedidos. Todos los pedidos realizados en el pasado y actualmente en proceso.
    • Información personal. Nombre, apellido, dirección de correo electrónico, domicilio, número de teléfono, fecha de nacimiento: toda la información necesaria sobre un cliente.
    • Cupones de descuento. Todos los códigos de los cupones que todavía no se han utilizado (si los hay).
  • El bloque "Información de la tienda", contiene la dirección, número de teléfono y dirección de correo electrónico de tu empresa.

Ten en cuenta que todo el contenido puede ser modificado por el propietario de la tienda desde el propio panel de administración (back-office), ya sea a través de la configuración de preferencias o mediante la configuración del módulo.

La columna izquierda del tema predeterminado sólo aparece en páginas de categoría, cuando se activa desde el panel de administración. Ésta tiene como objetivo ser un práctico marcador de navegación y de herramientas.

Una categoría es una manera jerárquica de organizar artículos: éste puede contener un número cualquiera de sub-categorías, por lo que esta facilita  navegar partiendo desde las categorías más generales a los productos más específicos, siguiendo un camino lógico.

Una tienda PrestaShop puede tener tantas categorías y subcategorías como sea necesariocon un número infinito de productos en cada categoría determinada. Todas las categorías son en realidad subcategorías de la categoría raíz "Inicio".

La navegación por facetas muestra un bloque con diferentes criterios disponibles para filtrar los productos, en su mayoría atributos, características y rangos de precios. Es muy útil para ayudar a los clientes a encontrar fácilmente un producto.

Aquí es donde ocurre la magia. La sección central cambia constantemente en respuesta a las elecciones del cliente.

La página de inicio predeterminada ofrece al cliente una amplia visión general de la tienda y sus posibilidades. Un carrusel de imágenes, sirve como una introducción a la tienda, con tres imágenes que se alternan una tras otra.

El carrusel de imágenes viene seguido del bloque de “Productos Destacados”, presentando productos que el propietario de la tienda desea resaltar, ya sean por ser novedosos o por tener descuentos en sus precios.

Tip

La mayoría de los navegantes llegarán a la tienda a través de un buscador, entrando directamente en un producto o categoría. Algunos lo harán a través de la página de inicio, y este es el motivo por el cual ésta tiene que estar confeccionada para nuevos usuarios, con una presentación adecuada.

Categorías, etiquetas, marcas, búsquedas, promociones, mejores ventas o nuevos productos: PrestaShop tiene muchos caminos hacia un producto, pero al final se les daa los clientes una lista conocida de los productos, en el contexto elegido.

Pese a la diferencia de contenido, estos diseños de listas son muy similares para mantener la familiaridad del contenido incluso para los usuarios recién llegados. Todos ellos muestran un listado de productos relacionados entre sí, organizados en una cuadrícula, con:

  • Miniatura de imagen,
  • Descuento o indicaciones del estado del producto en el lado superior izquierdo,
  • Nombre del producto
  • Precio del producto

Esta presentación de la lista permite a los clientes observar de forma resumida la información principal del producto cuando ya conocen lo necesario sobre el producto, permitiendo un proceso de decisión acelerado.

Posicionar el ratón sobre el producto desencadena una animación rápida, mostrando las diferentes combinaciones y un enlace "Vista rápida". Al hacer clic en el enlace "Vista rápida", se abrirá una ventana emergente con la información principal del producto y el botón "Añadir al carrito".

Algunas categorías pueden ofrecer una imagen de encabezado, con un mensaje de presentación, según lo establecido por el propietario de la tienda.

El listado de productos por categoría o marca puede ser ordenado por precio (de más bajo a más caro, o de más caro a más bajo), nombre (de A a Z, o de Z a A) o disponibilidad.

Aquí es donde toda la información introducida por el propietario de la tienda está disponible para el usuario. Dependiendo del diseño del tema, una página de producto puede ser muy minuciosa, con amplia información, o simplemente presentar los datos más esenciales. El tema predeterminado es el típico en el que lo que más llama la atención son las imágenes de los productos, con una herramienta en la parte inferior que permite a los clientes desplazarse entre las imágenes disponibles.

Junto a las imágenes hay dos bloques:

  • Un bloque "Breve descripción (resumen)", que presenta los datos principales del producto actual.
  • El bloque "Añadir al carrito", con la posibilidad de elegir entre las distintas combinaciones disponibles (definidas por el propietario) y la cantidad solicitada.

Debajo del bloque del carrito encontrarás un bloque de seguridad y para ofrecer confianza al cliente, donde podrás informar sobre las ventajas que tiene comprar en tu tienda, o para ser más transparente en tus políticas de pago y entrega.

En la parte inferior de la página del producto hay una sección que presenta varias pestañas. Los más habituales son:

  • Descripción. Esta pestaña ofrece la descripción completa del producto, tal como fue introducida por el propietario de la tienda.
  • Detalles del productoEsta pestaña sólo aparece si el propietario de la tienda ha introducido datos en la página "Características" del producto. Ésta muestra las características detalladas que fueron introducidas en la base de datos. El contenido de texto de esta pestaña es escaso: son datos sin refinar, lejos de la descripción detallada de la pestaña de “Descripción”.

Al hacer clic en el "Carrito: XX productos" que aparece en la cabecerael cliente ingresará a la página de resumen del carrito de compras, la cual es el primer paso en el proceso del pedido, 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 sola página para iniciar el proceso de pago, que está dividida en 4 secciones:

  1. Información personalDonde 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.
  2. 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.
  3. Método de envío. Donde el cliente selecciona las opciones de envío.
  4. 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.

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í", le 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 tu boletín de noticias y recibir o no ofertas de tus asociados. Asegúrate de que sólo mostrará estos campos si realmente envías 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

Entre las opciones disponibles se encuentra "Añadir mi primera dirección". Esta será la dirección por defecto para este cliente - puede haber algunas más.

Si el cliente sólo tiene una dirección registrada, ésta será utilizada para el envío y la dirección de facturación. Durante el proceso de pedido, el cliente puede optar por utilizar una dirección diferente para la dirección de facturación, y crear esta nueva dirección sobre la marcha. 

El proceso completo para comprar un producto en un sitio 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 denominado 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. Obtén 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:

  1. (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.
  2. 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.

  3. La página de envío.
    Aquí es donde el cliente puede elegir entre diferentes opciones de envíos y embalajes:
    • Dependiendo de las opciones que la tienda pueda ofrecer, el cliente puede elegir un embalaje reciclado y envolver en papel de regalo (con una nota especial opcional)
    • El cliente DEBE elegir un transportista con el fin de alcanzar el siguiente paso.
  4. La página de pago.
    El cliente puede escoger entre muchas opciones de pago, dependiendo de las que el propietario de la tienda haya establecido. El cliente hará clic en el método elegido, y en función del métodoserá enviado hacia el controlador de terceros seleccionado o continuará en una de las páginas de PrestaShop donde puede introducir los detalles necesarios como validación, antes de que se le muestre la información para el cheque, o la transferencia bancaria.

    Note

    Cheque y transferencia bancaria son instalados por defecto, pero PrestaShop facilita ofrecer pagos a través de eBay, Hipay u otros métodos de pago de terceros. Consulta los módulos instalados por defecto en el back-office de PrestaShop, o visita el marketplace PrestaShop Addons para obtener más módulos: 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

    El cliente debe estar de acuerdo con los términos de servicio de la tienda antes de completar la compra y validar el pedido. Lo que se realiza haciendo clic en el botón "Pedido con obligación de pago".

  5. Una vez que el cliente ha validado la información introducida, se muestra la página de resumen de la compra.
    Ésta se titula "Tu pedido está confirmado". Dependiendo del método de pago elegido, se debe proporcionar alguna información final al cliente, junto con una notificación de que se le ha enviado un correo electrónico de confirmación junto con un enlace a la página de soporte al cliente.