Page History

...

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 sí tí 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.

El tema predeterminado

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 navegable, ergonó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.

Navegación por la tienda

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.

...

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

...

• 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 establezcasu 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 sus tus propias categorías, debe 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".  

...

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

• Un formulario "Obtenga 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 su de tu tienda utilizando este formulario. Luego, el boletín debe ser administrado gestionado por usted mismoti; PrestaShop no gestiona la transmisión de correos electrónicos a los clientes. El módulo "Suscripción a nuestro boletín de noticias", le 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 sus 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 su tu tienda.
    • Tiendas
• El bloque "Su Tu cuenta", contiene enlaces a las páginas principales del perfil del usuario (o la página de autenticación). El título "Su 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 su tu empresa.

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

...

Una categoría es una manera jerárquica de organizar artículos: esta é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.

...

...

Debajo del bloque del carrito encontrará encontrarás un bloque de seguridad y para ofrecer confianza al cliente, para donde podrás informar sobre las ventajas que tiene comprar en su tu tienda, o para ser más transparente en sus 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 producto. Esta 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 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”.

...

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

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.

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étodo, será 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 Consulta los módulos instalados por defecto en el back-office de PrestaShop, o visite visita el marketplace PrestaShop Addons para obtener más módulos: http://addons.prestashop.com/.

   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 "Su 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.