Child pages
  • Exploración del front-office

Versions Compared

Key

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

 

Section
Column

<< Página previa

Column

Página siguiente >>


Tabla
de contenidos

Table of Contents

Exploración del front-office

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

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

Como propietario de una tienda, debe conocer su front-office como la palma de su mano, no sólo porque se lo debe a sí mismo para conocer su tienda por dentro y por fuera, sino porque necesita entender lo que experimentan sus 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 proporcionarle soluciones, etc.

El tema por defecto 

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 y conforme a las normas. Además es completo, ha sido en gran medida testeado por miles de tiendas y ha demostrado su validez.

Si ha instalado PrestaShop con sus datos de prueba, podrá ver los productos de Apple.

Image RemovedImage Added

Aunque el propietario de la tienda puede cambiar el tema de 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 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.

Navegación por la tienda

Ya sea porque su cliente haya llegado a su 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

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

Image RemovedImage Added

Contiene algunas herramientas y enlaces esenciales, que se aplican a la totalidad de la tienda:

  • El logo de la tienda. Un clic en el logo traslada al cliente a la página de inicio, desde cualquier lugar de la tienda. El logo por defecto reza "YourLogoHere": esto es un estimulante para que establezca su propio logotipo en lugar de mantener el de Prestashop PrestaShop.
  • El motor de búsquedaMuchos clientes prefieren buscar un artículo específico a través del motor de búsqueda en lugar de navegar a través de todas las categorías de productos. En algunas tiendas en línea, esta es la única manera de navegar por el contenido del sitio para la mayoría de los clientes.
  • Contacto y Mapa del sitio. Estos dos enlaces llevan al cliente a páginas específicas, fuera del contexto de compras: contactar con el administrador de la tienda, o ver una lista completa de todas las páginas que están accesibles al público.
  • Favoritos. Este no es un enlace per se, sino una acción JavaScript: al hacer clic, esta desencadena que el navegador del cliente trate de añadir la tienda a Favoritos o Marcadores. El cliente eligirá  si desea realizar dicha acción o no.
  • El selector de monedaEl 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.
  • Carrito: (vacío). Breve recordatorio del estado actual de la compra del cliente. A veces los clientes seleccionan artículos mientras navegan por la tienda y se olvidan de ellos tras algunas páginas. Por lo tanto es fundamental ofrecerles una manera de recordar estos productos.
  • BienvenidoUn mensaje simple de bienvenida. Una vez que un cliente se conecta, se podrá visualizar “Bienvenido, nombre”, siendo el nombre del cliente un enlace hacía su cuenta de cliente.
  • EntrarUna invitación al cliente para que se conecte a la tienda mediante la introducción de sus credenciales, o cree una cuenta. Una vez conectado, el cliente es dirigido a la página "Mi cuenta".
    Si está conectado, esto mostrará "Salir".

La cabecera raramente cambia durante el proceso de una compra.

El carrito

La parte importante de la cabecera es el carrito. Por defecto, este 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 la que puede iniciar el proceso de compra.

La interfaz del bloque cambia cuando el cliente pone el cursor del ratón sobre el carrito : este se despliega para mostrar exactamente el nombre de cada producto añadido. Incluyendo las características del producto como la cantidad, la combinación (si existen), y el precio. El cliente también puede eliminar directamente el producto deseado con un clic del ratón.

La parte inferior del bloque suma los gastos de transporte y el precio total del pedidojunto con un botón de "Confirmar" que redirecciona al Resumen de Productos en Carrito, desde el cual se puede iniciar el proceso de compra.

El pie de página

El pie de página da un acceso rápido a páginas que pueden ser útiles para sus usuarios.

Image RemovedImage Added

  • El bloque "Mi Cuenta", contiene enlaces a las páginas principales de perfil del usuario (o la página de autenticación):
    • Mis pedidos. Todos los pedidos realizados en el pasado y en la actualidad.
    • Mis vales descuentos. Recibidos cuando un pedido ha sido cancelado. Los vales descuentos pueden ser usados para cualquier pedido futuro.
    • Mis direcciones. Un cliente puede añadir múltiples direcciones para diferentes opciones de entrega.
    • Mis datos personales. Nombre, apellidos, dirección de correo electrónico, dirección postal, número de teléfono, fecha de nacimiento: toda la información necesaria acerca de un cliente.
    • Mis cupones. Todos los códigos de los cupones que no se han utilizado todavía.
    • Mis productos favoritos. Los clientes pueden marcar productos como favoritos, para su posterior compra. Se almacenan aquí.
  • El bloque "Información", contiene:
    • Tres enlaces a listados de productos:
      • Promociones especiales. Todas las promociones actuales.
      • Novedades. Artículos añadidos recientemente.
      • Los más vendidos. Artículos más populares.
    • Cuatro enlaces a páginas de información:
      • Nuestras tiendas
      • Contacte con nosotros
      • Términos y Condiciones de uso
      • Acerca de
  • El bloque "Síganos", contiene enlaces a las cuentas de Facebook y Twitter de su tienda, y un enlace a su feed RSS.
  • El bloque "Contacte con nosotros", contiene la dirección, número de teléfono y dirección de correo electrónico de su empresa.

Tenga en cuenta que todo este contenido puede ser modificado por el dueño de la tienda.

La columna izquierda  

La columna izquierda del tema por defecto permanece principalmente estática, ya que tiene como objetivo ser  un práctico marcador  de navegación y enlaces secundarios.

Bloque Etiquetas

Image RemovedImage Added

El propietario de la tienda puede indicar un conjunto de etiquetas para cada producto. Una etiqueta es una palabra clave no jerárquica, también definida como metadato: esta no aparece en la página del producto, ya que no aporta ninguna información de interés, pero puede resultar muy útil en la construcción de listas temáticas – como las nube de palabras, donde las etiquetas más comunes se escriben en una fuente más grande que las más inusuales.

Bloque Categorías

Image RemovedImage Added

Una categoría es una manera jerárquica de organizar artículos: esta 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 sub-categorías de la categoría raíz "Inicio".

Esta es también la única lista de productos donde los clientes puede pueden comparar productos, marcando la casilla de verificación y seleccionando el botón "Comparar".

Bloque Productos más vistos

Image RemovedImage Added

Sólo se muestra cuando el cliente ha visto al menos un producto durante la sesión actual.

Este bloque sirve como un recordatorio de los productos en el que previamente el cliente tuvo interés , proporcionando un acceso directo de nuevo a estos por si él quiere seleccionarlos finalmente.

Bloque Proveedores

Image RemovedImage Added

 Los clientes pueden optar por mostrar todos los productos de un solo proveedor, independientemente del tipo o precio.

Bloque Marcas (Fabricantes)
 

Image RemovedImage Added

Los clientes pueden optar por mostrar todos los productos de un solo fabricante, independientemente del tipo o precio.

Bloque CMS

Image RemovedImage Added

Aquí es donde PrestaShop lista las páginas estáticas por defecto, determinadas por el propietario de la tienda: información de entrega, avisos legales, términos y condiciones, etc. No son argumentos de venta, pero sus contenidos son lo suficientemente importantes como para justificar su presencia.

Bloque Publicidad

De forma predeterminada, este bloque presenta una simple imagen con un enlace a la web oficial de PrestaShop. Puede cambiar la configuración de este bloque convirtiendolo convirtiéndolo en un anuncio para el sitio web de un amigo u otra tienda.

Bloque Newsletter

Image RemovedImage Added

Los clientes pueden registrarse al boletín de noticias de su tienda directamente utilizando este formulario. Posteriormente, este boletín es administrado por el propietario de la tienda; PrestaShop no se encarga del envío de correos electrónicos a los clientes.
El módulo "Newsletter" le permite generar un archivo .CSV de todos los clientes registrados y sus direcciones de correo electrónico, y el propietario de la tienda debería ser capaz de importar ese archivo CSV en cualquier sistema de envíos de mailing.

La columna derecha

La columna derecha del tema por defecto casi nunca cambia en el transcurso de la experiencia de compra.
Estos bloques están siempre disponibles, desde cualquier página, en el tema por defecto.

Bloque Novedades

Image RemovedImage Added

Este bloque presenta los nuevos productos introducidos en la tienda , con enlaces a sus respectivas páginas.

Bloque Promociones Especiales

Image RemovedImage Added

Este bloque ofrece a sus clientes una visión rápida y general de las promociones actuales (si existen), con el precio original y el precio con descuento.

Bloque Nuestras Tiendas

Image RemovedImage Added

Este bloque contiene una imagen-enlace a la herramienta Localizador de Tiendas, que permite a sus clientes localizar la tienda física más cercana. Es ideal si su negocio dispone de tienda física, y se puede desactivar fácilmente si no tiene ninguna.

Bloque Contacte con nosotros

Image RemovedImage Added

Tener visible el número de teléfono de línea directa disponible en cada página de su tienda es esencial.

La sección central

Aquí es donde se produce la magia. La sección media cambia constantemente para adaptarse a las elecciones de los clientes.

La Portada

La portada ofrece una amplia visión de la tienda y sus posibilidades. Un carrusel de imágenes  sirve como una presentación de la tienda.

Image RemovedImage Added

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 descuentos en sus precio.

Image RemovedImage Added

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 esta tiene que estar confeccionada para nuevos usuarios, con una presentación adecuada.

Páginas del listado de productos

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.

Image RemovedImage Added

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:

  • Miniatura de imagen a la izquierda.
  • Nombre y descripción en la sección central.
  • Precio, disponibilidad, botón "Añadir al carrito" y un enlace a la página del producto en la derecha.

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.

Al hacer clic en "Añadir al carrito" se desencadena una rápida animación, que envía en vuelo a la miniatura de la imagen hacía la sección "Carrito".

Encabezado de la Categoría: imagen y mapa de imagen

Image RemovedImage Added

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.

Si bien este no es el caso por defecto, se puede optar por sustituir la imagen de la categoría por un mapa de imagen. Una categoría puede ofrecer un número ilimitado de mapas de imágenes, que el visitante puede recorrer con la herramienta existente bajo ella.

Un mapa de imagen es simplemente una imagen que tiene enlaces disponibles en algunas de sus áreas. Un símbolo "+" es colocado sobre las áreas que tienen vínculos. La imagen puede mostrar cuantos enlaces sean necesarios.

Clasificación de Productos

Image RemovedImage Added

El listado de productos por categoría o marca puede ser ordenado por precio, nombre o disponibilidad.

Tenga en cuenta que el listado por etiquetas no permite tal clasificación.

Comparación de productos

Image RemovedImage Added

Los productos dentro de una categoría pueden ser comparados entre sí, gracias a la casilla "Comparar" perteniente a cada articulo artículo (a la izquierda de la imagen en miniatura). Este es el único listado de productos donde el cliente puede comparar productos, lo cual es lógico ya que no tiene sentido comparar productos que no comparten las mismas características/funciones. Obviamente, esto significa que estas categorías sólo deben presentar los productos que se puedan comparar entre sí.

Tras proveer la información del producto completa y consistentemente, la página comparativa mostrarámostrará una  una hilera de cada característica/función comparable. Esto es extremadamente útil, sobre todo para productos con diferencias técnicas.

De forma predeterminada, los clientes pueden comparar hasta 3 productos al mismo tiempopero esto puede ser modificado en la página Preferencias de "Productos" del back-office.

Página del producto

Image RemovedImage Added

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. En el tema por defecto  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.

Al lado de las imágenes se encuentran dos bloques:

  • Un bloque "Breve descripción", 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.

En la parte baja de la página del producto se encuentran las pestañas predeterminadas que son:

  • Más información. Esta ofrece la descripción completa del producto, tal como fue introducida por el propietario de la tienda.
  • Ficha técnica. Esta ficha sólo aparece si el propietario de la tienda introdujo los datos del producto en la hoja "Características". Esta muestra las características detalladas que fueron añadidas a la base de datos. Estos datos también son los que se utilizan cuando se comparan dos productos.  Por lo tanto, el contenido de esta pestaña es rellenado escasamente: estos son datos sin refinar, lejos de la descripción detallada de la pestaña de “Más información”.

Image Added

La página de compra

Image Removed

Al hacer clic en el "Carrito: XX productos" que aparece en la cabecera, o en el botón "Confirmar" de la interfaz del carrito también en la cabecera, el cliente será transferido a la página "Resumen de su carrito", la cual es el primer paso en el proceso del pedido. La ruta de navegación en la parte superior de la página indica los pasos en el proceso del pedido:

  1. Resumen. Donde el cliente se asegura de que el pedido sólo contiene los productos solicitados, ni más, ni menos.
  2. Login. Donde se le pide al cliente no logueado iniciar sesión o crear una cuenta. Este paso se omite si el cliente ya ha iniciado una sesión
  3. Dirección. Donde al cliente se le muestra sud direcciones actuales registradas en PrestaShop, y tiene que elegir aquella en la que la entrega ha de hacerse.
  4. Envío. Donde el cliente selecciona las opciones de envío.
  5. Pago. Donde al cliente se le presenta el precio final del pedido (que ahora incluye el precio de envío), y se le pide que elija un método de pago.

El cliente puede volver a cualquier paso anterior, haciendo clic sobre su título.

Icon

The standard order process takes 5 steps, and as many pages. You can choose to have all these steps on one page by going in the back-office, and in the "Orders" preference page, change the "Order process type" option from "Standard (5 steps)" to "One page check out".

The cart page gives a succinct but complete view of the items that are in the cart: thumbnail, name, features, unit price and ability to change the quantity of each product.

Detailed pricing is then displayed below, including the order's total cost with tax and shipping, and if applicable, a description of the voucher that was used. Further below, the available addresses are displayed.

Clicking "Next" starts the check-out process.

Creating a client 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 "Log in" link in the header, the visitor is taken to the authentication page, where he or she has to fill one of two forms:

  • Create a new account.
  • Log in to an existing account.

Image Removed

The first step for a new customer to create an account is to enter his or her e-mail address in the form and validate. This will bring up the account creation page itself. Two blocks of information are necessary to fill in order to get an account:

  • Your personal information. Everything that can uniquely identify the customer: first name, last name, e-mail (already entered), date of birth.
  • Customer data privacy. When registering to PrestaShop, the visitor has to agree to your data privacy. It is up to you write it, as it will legally bind you and your customers' data.

    Icon

    You can change the content of the customer data privacy warning section by changing the configuration of the "Customer data privacy block" module (from the "Modules" page). Make sure to change it for all the available languages.

Image Removed

Once registered, the customer is redirected to the "My account" page, where many options can be accessed: order history, credit slips, vouchers, and access to the previously entered information.

Icon

Among the available links is "Add my 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 addess, and create that new address on the fly.

Buying a product

Almost every page of your shop features an "Add to cart" button for the given product, and displays a quick summary of the cart's content. This makes it easy for customers to take the first step towards an order.

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.

Icon

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 "Next" button, and always follows the same sequence of screens:

  • (if the visitor is not logged in) The authentication screen, where the visitor can either go to the account creation page, or log in.
  • The delivery address page. If the user account has no registered address, the customer is directly taken to the address creation form.

    Icon

    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.
    Image Removed

    If the customer needs to have the order billed to an address other than the delivery one, he or she can deselect the "Use the delivery address as the billing address" box 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 "Update" link to correct it.

  • The shipping page.
    Image Removed
    This is where the customer can choose from different shipping- and packaging-related options:
    • Agreeing to the shop's terms of service is a requirement.
    • 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.
    Image Removed
    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.

    IconCheck and bank wire are installed by default, but PrestaShop makes it easy to offer payment through PayPal, Google Checkout or other 3rd party providers. See the modules installed by default in PrestaShop's back-office, or check the Addons marketplace for even more modules

    El proceso de un pedido estándar consta de  5 pasos, e igual número de páginas. Puede optar por tener todos estos pasos en una sola página, para ello diríjase al back-office, y en la página de Preferencias de "Pedidos", cambie la opción "Proceso de pedido" de "Estándar (5 pasos)" a "Una página".

    La página de compra da una visión sucinta pero completa de los artículos que están en el carrito: imagen en miniatura, nombre, características, precio unitario y la capacidad de cambiar la cantidad de cada producto.

    A continuación se muestra los precios detalladamente, incluido el coste del total del pedido con impuestos y envío, y si la hubiera, una descripción del vale de descuento que se utilizó. Más abajo, se muestran las direcciones disponibles.

    Al hacer clic en "Siguiente" se inicia el proceso final de la compra.

    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 "Entrar" que aparece en la cabecera, el visitante es dirigido a la página de autenticación, donde tendrá que completar uno de dos formularios.

    • Crear una nueva cuenta.
    •  Ingresar a una cuenta ya existente.

    Image Added

    El primer paso para que un cliente pueda crear una cuenta es introducir su dirección de correo electrónico en el formulario y validarla. Al realizar estas acciones se abrirá la página de creación de la cuenta en sí. Dos bloques de información son necesarios de rellenar con  el fin de obtener una cuenta:

    • Datos personales. Todo lo que puede identificar de forma única el cliente: nombre, apellidos, dirección de correo (ya introducida), fecha de nacimiento.
    • Privacidad de los datos de los clientes. Al registrarse en PrestaShopel visitante tiene que estar de acuerdo con la privacidad de sus datos. Esta depende de lo que el propietario de la tienda haya escrito, ya que esto une legalmente a los datos de sus clientes con su tienda.

      Icon

      Puede cambiar el contenido de la sección de advertencia de privacidad de los datos del cliente modificando la configuración del módulo "Bloque de privacidad de datos de los clientes" (desde la página "Módulos"). Asegúrese de cambiar esto para todos los idiomas disponibles.

    Image Added

    Una vez registrado, el cliente es redireccionado a la página "Mi cuenta", donde entre otras muchas opciones ya puede acceder a: historial de pedidos, cupones, vales de descuento y acceso a la información previamente ingresada.

    Icon

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

    Compra de un producto

    Casi todas las páginas de su tienda muestran un botón de "Añadir al carrito" para cualquier producto, y muestran un breve resumen del contenido del carrito. Esto facilita a los clientes a tomar el primer paso para que realicen un pedido.

    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.

     

    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 "Siguiente" en el resumen del carrito, y prosigue 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.
    Image Added

    Si el cliente necesita que la dirección de facturación se envíe a  una dirección distinta de la de entrega, deberá desmarcar la casilla “Usar la misma dirección para la facturación” y elegir una dirección entre las registradas o añadir una nueva.

    Si una dirección resulta ser errónea, el cliente puede utilizar el enlace "Actualizar" para corregirla.

    3. La página de envío

    Image Added

    Aquí es donde el cliente puede elegir entre diferentes opciones de envío y embalaje relacionados:

      • Aceptar los términos y condiciones de la tienda es obligatorio.
      • Dependiendo de las opciones que la tienda pueda ofrecer, el cliente puede elegir un embalaje reciclado y envolver en papel de regalo (con un mensaje especial opcional)

    El cliente DEBE elegir un transportista con el fin de alcanzar el siguiente paso.

    4. La página de pago.

    Image Added

    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. Consulte los módulos instalados por defecto en el back-office de PrestaShop, o visite el mercado de Complementos para obtener más módulos: http://addons.prestashop.com/.

  • Once the customer has validated everything, the summary page is displayed.
    Image Removed
    It begins with "Your order on (name of the shop) is complete". Depending on the chosen method of payment, some final information should be provided to the customer, along with a notification that a confirmation e-mail has been sent and a link to the customer support page. The customer must click on the "I confirm my order" button in order to have it validated
  • Instant checkout

    Icon

    When a non-logged visitor fills the cart with product and clicks the "Check out" button, the authentication page also features two additional sections: "Instant checkout" and "Delivery address".

    The idea of instant checkout (or guest checkout) is to allow visitors to buy products even if they do not wish to create an account. PrestaShop still needs essential information for delivery or payment purpose, but no password is ever requested.

    You can disable the guest checkout feature by going in the back-office, in the "Orders" preference page, "Enable guest checkout" option.

    Finding a store

    One of the great features of PrestaShop is the ability to get a geolocalized list of all the physical stores to which the online shop is tied. If available (as it is in the demo shop), a click on the "Our stores" block will bring up a map with a search form and radius selector.

    Image Removed
    On this map, stores are indicated using the shop's logo. A click on that logo brings up a small pop-up, revealing the full address and phone number, as well as the business hours for the store, as indicated by the shop owner.

    At the bottom of the page, a table lists the stores closest to the user's search.

    Mis productos favoritos

    Una vez que el cliente ha validado todo, se muestra la página de resumen.

    5. Una vez el cliente ha validado todo, la página "Resumen del Pedido" será mostrada.

    Image Added

    Esta comienza con "Su pedido en (nombre de la tienda) ha sido completado". Dependiendo del método de pago seleccionado, se le proporcionará alguna información final al cliente, junto con una notificación de que un correo electrónico de confirmación se le ha enviado, se le indica un enlace a la página de atención al cliente. El cliente debe hacer clic en el botón "Confirmo mi pedido" con el fin de validarlo.

    Info
    titlePedido instantáneo

    Cuando un visitante no registrado llena el carrito  con productos y hace clic en el botón "Confirmar", la página de autenticación también cuenta con dos secciones adicionales: "Pedido instantáneo" y "Dirección de entrega".

    La idea de pedido instantáneo (pedido express para invitados) es permitir a los visitantes comprar productos, incluso si ellos no desean crear una cuenta. PrestaShop todavía necesitará información esencial para la entrega y el método de pago, pero no se le solicitará ninguna contraseña.

    Puede desactivar la funcionalidad pedido express para cuentas de invitado desde el back-office, en la página de preferencias "Pedidos", con la opción "Activar el pedido express para cuentas de invitado".

    Localización de una tienda

    Una de las grandes características de PrestaShop es la posibilidad de obtener una lista geolocalizada de todas las tiendas físicas a las que está vinculada la tienda en línea. Si está disponible (como es el caso de la tienda de demostración), un clic en el bloque "Nuestras tiendas" abrirá un mapa con un formulario de búsqueda y un selector de radio.

    Image Added
    En este mapa, las tiendas son indicadas mediante el logotipo de la tienda. Un clic sobre el logotipo abre una pequeña ventana emergente, revelando la dirección completa y número de teléfono, así como las horas de oficina de la tienda, proporcionados por el propietario de la tienda.

    En la parte inferior de la página, una tabla enumera las tiendas más cercanas a la búsqueda del usuario.

    Section
    Column

    << Página previa

    Column

    Página siguiente >>