Child pages
  • Exploración del front-office

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

A pesar que el propietario de tienda puede cambiar el front-office en cualquier momento, gracias a la riqueza de temas disponibles en el sitio de Agregados Addons de PrestaShop, nos basaremos sólo en el tema por defecto en este capítulo.

Note que estamos describiendo el tema predeterminado con sus opciones y módulos por defecto. Activar otros módulos y utilizar otro tema, puede cambiar en gran medida la experiencia de comprascompra.

Navegación de la tienda

Ya sea que porque el cliente llega llegue a la página de inicio al escribir la dirección electrónica de la tienda o llega mediante una alguna sub-página de algún buscador, el cliente este siempre tendrá muchas diversas opciones para navegar en el catálogo.

...

  • El logo de tienda. Un clic en el logo traslada al cliente de regreso a la página de inicio, desde cualquier lugar de la tienda.
  • El bloque de moneda. El cliente puede elegir la moneda en la cual la tienda debe mostrar las aplicacioneslos artículos. Esto es muy importante para comparar precios con otras tiendas internacionales.
  • Contacto y Mapa del sitio. Estos dos enlaces llevan al cliente a páginas específicas, fuera del contexto de compras: contactar al con el administrador de la tienda, o ver una lista completa de las páginas accesibles al público.
  • Favoritos. Este no es un enlace per se, pero de por sí, sino una acción de JavaScript: al hacer clic el enlace provocará que el navegador del cliente marque a su tienda como un favoritofavorita. Luego el cliente decidirá si completa la acción o no.
  • El motor de búsqueda. Muchos clientes prefieren buscar por un artículo específico a través del buscador que explorando categoría tras categoría. En algunas tiendas virtuales, esta es la única manera de explorar el contenido para muchos clientes.
  • "Bienvenido, XXXX". Invite al cliente a conectar con su tienda al ingresar sus credenciales. Una vez que se conecta, se podrá visualizar “Bienvenido, (nombre)”.
  • "Su cuenta*. Un enlace a la cuenta del usuario, o si no está conectado, a la página de autenticación/ registración.
  • "Carrito o Cesta: (vacío)*. Un recordatorio breve del estado actual del carrito del cliente. A veces los clientes seleccionan artículos mientras exploran y los olvidan después de cambiar de página. Por lo tanto es fundamental ofrecerles una manera de recordar los productos.

...

  • Tres enlaces a listas de productos:
    • Descuentos: todas las promociones actuales.
    • Nuevos Productos: artículos agregados recientemente.
    • Mejores ventas: artículos más populares
  • Cuatro enlaces a las páginas informativas:
    • Nuestras Tiendas
    • Contacto
    • Términos y Condiciones
    • Sobre la Tienda

Note Tome en cuenta que estos enlaces pueden ser cambiados por el propietario de la tienda.

...

En general, este bloque es una réplica del contenido de la página de “Mi cuenta”, la cual puede ser accedida desde el enlace del mismo nombre a la derecha del encabezado.

...

Una tienda PrestaShop puede contar con tantas sub-categorías como necesite, además de un número de categorías y productos infinitos en un nivel de categoría determinado. De hecho, todas las categorías son sub-categorías de la categoría raíz, “Inicio”.

Este Esta es también la única lista de productos donde los clientes puede comparar productos, al marcar su casillero y validar su elección utilizando el botón de “Comparar”.

Etiquetas

Image Modified

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 denominada como “meta datos”: se muestra en la página de producto ya que no ofrece ninguna información de utilidad, pero puede ser muy útil cuando se construyen listas temáticas – como una nube de etiquetaetiquetas, donde las etiquetas más comunes son escritas en un tipo de letra más grande que lo normal.

...

El tema predeterminado de la columna derecha casi nunca cambia en el transcurso de la experiencia de compras. Su bloque principal es el de “Carrito”, donde los compradores pueden echar un vistazo a lo que han elegido y el monto la cantidad que esperan pagar, además de eliminar productos no deseados.

Image Modified

También ofrece acceso rápido a las promociones actuales (si existen) a través del bloque “Promociones”. Finalmente, el cliente puede localizar la tienda más cercana al hacer clic en el bloque “Nuestras tiendas”.

Estos tres bloques están se encuentran siempre disponibles, desde cualquier página, en el tema por defecto.

...

La mayoría de internautas entrarán directamente a la tienda a través de un buscador, directamente a una página de categoría de un producto. Muy pocos tropiezan con la pagina página de inicio, y ese es le motivo por el cual esta tiene que ser 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 a fin de cuentas los clientes son beneficiados con una lista familiar de productos, con el contexto escogidoelegido.

Pese a la diferencia de contenido, estos diseños de listas son muy similares para mantener la familiaridad del contenido con nuevos usuarios:

  • Miniatura de imagen a la izquierda
  • Nombre y descripción en la sección media
  • Precio, disponibilidad. Botón “Añadir "Añadir a la cesta” cesta" y enlace de la página del producto a 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.

Un clic en “Añadir al carrito” "Añadir a la cesta" provoca una animación rápida, moviendo la imagen del producto sobre el bloque de Carrito.

...

Algunas categorías pueden ofrecer una imagen de encabezado, donde al menos dos productos son mostrados con enlace directo a estos productos. Una categoría puede ofrecer un número ilimitado de mapas-imagen, los cuales puede podrá desplazar mediante con la herramienta localizada debajo.

Un símbolo “+” es colocado "+" se coloca en los productos, los cuales son enlazados desde esa imagen. La imagen puede mostrar cuantos enlaces sean necesarios: en el contenido la tienda demo por defecto, el mapa-imagen de iPod Nanos despliega 9 enlaces.

...

Productos en una categoría pueden ser comparados con otros, gracias a la casilla “Comparar” "Comparar" en cada articulo. Esta es la única manera de comparar un producto, la cual es lógica ya que no tiene sentido comparar un producto que no contiene las mismas características/funciones.

...

Aquí es donde toda la información ingresada añadida por el propietario de la tienda esta está disponible al usuario. Dependiendo del diseño del tema, una página de producto puede ser minuciosa, con información extendida , o simplemente presenta los datos más esenciales. El tema predeterminado es básico por ser su característica más prominente las imágenes de producto, con una herramienta de desplazamiento en la parte inferior.

...

  • Un bloque de “Descripción Corta” que presenta los datos principales del producto de una forma libre.
  • El bloque de “Añadir al Carrito” "Añadir a la cesta" con la posibilidad de elegir entre las variaciones disponibles (definidas por el propietario) y la cantidad que se solicita.

...

  • Más información. Donde los clientes encontrarán la descripción completa del producto, ingresada introducida por el propietario. El contenido de esta página se encuentra de una forma detallada.
  • Ficha técnica. Donde PrestaShop lista las características detalladas que fueron ingresadas añadidas en su base de datos. Estos datos también son los que se utilizan para comparar dos productos. Por lo tanto, el contenido de esta pestaña es escasamente rellenado: estos son datos sin refinar, lejos de la descripción detallada de la pestaña de “Más información”.

...

Página de

...

Resumen

Al hacer clic al botón “Carrito” "Cesta" del bloque “Carrito” "Añadir a la cesta" en la columna derecha, o al símbolo en el encabezado, el cliente es será transferido a la página de resumen del carrito de la cesta de compras, el la cual es el primer paso en el proceso de compras, como se encuentra indicado por el gráfico tipo “hilo de Ariadna” en la parte superior, indicando los próximos pasos del proceso.

...

Una suma detallada de precios se muestra debajo, que consta del costo coste total del pedido con impuestos y envío , y si fuera el caso, un indicador de que el vale de descuento fue utilizado. Más abajo, las direcciones disponibles se pueden mostrar.

...

Ya que 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 los enlaces de “Su cuenta” o “Entrar”"Su cuenta" o "Entrar", el visitante es será trasladado a la página de autenticación, donde tendrán tendrá que completar uno de dos formularios.

...

El primer paso para crear una cuenta se trata de ingresar la dirección de correo electrónico y validarla. Esto Esta acción lo llevará dirigirá a la página de creación de cuenta. Completar dos bloques de información es necesario para obtener una cuenta:

...

Una vez registrado, el cliente es enviado a la página de “Mi cuenta”"Mi cuenta", donde ya puede observar que tiene acceso a: historial de pedidos, vales de crédito, vales de descuento y acceso a la información previamente ingresada.

...

Casi todas las páginas de una tienda virtual muestran un botón de “Añadir al carrito” "Añadir a la cesta" para cualquier producto , y muestran un breve resumen del contenido de la del carrito. Esto facilita a los clientes a tomar el primer paso hacia un pedido.

El proceso completo para comprar un producto en un sitio de PrestaShop puede seguir diferentes caminos, pero todos ofrecen la misma conclusión, también conocida en el argot de comercio electrónico como “embudo "embudo de conversión”conversión": desde el momento en que el carrito está completado y el cliente inicia la finalización/confirmación de compra, tiene tendrá que hacer clic en varias pantallas de validación hasta que el pedido es sea validado y puede para poder ser procesado.

Info

A esto se le llama embudo de conversión porque aquí es donde muchas tiendas virtuales pierden clientes debido a las exageradamente largas, numerosas o complicadas pantallas. Lea más aquí.

Este proceso comienza cuando el cliente realiza clics ya sea en el botón de bloque “Confirmar” "Confirmar" (en cualquier página) o el botón de “Siguiente” "Siguiente" en el resumen del carrito de la cesta en la página de CarritoResumen), y prosigue la misma secuencia de pantallas:

  • (si el visitante no ha ingresado a su cuenta) 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 elección de dirección. Dos direcciones son necesarias para un pedido:
    • La dirección de facturación, la que está ligada al método de pago.
    • La dirección de entrega, donde el pedido debe ser enviado. Si necesita que lo envíen a otra dirección, desmarque la casilla “Usar la misma dirección para la facturación” y

...

    • elija una dirección entre las disponibles o añada una nueva.

  • La página de envío. Aquí es donde el cliente puede elegir entre

...

  • algunas opciones - de envío y embalaje. Aceptar los términos y condiciones de la tienda es

...

  • obligatorio y dependiendo de las opciones que la tienda puede ofrecer, el cliente puede

...

  • elegir embalaje reciclado, envolver en papel de regalo (con un mensaje especial como opción) o seleccionar el transportista que más le agrade.

  • La página de pago. El cliente puede escoger muchas opciones de pago, dependiendo

...

  • de las configuraciones del propietario de la tienda. Cheque y tarjeta de crédito son los más comunes, pero PrestaShop facilita el ofrecer pagos a través de

...

  • PayPal,

...

  • PayPalt u otros terceros. El cliente hace clic al método elegido y dependiendo del método, es enviado al controlador de pago seleccionado o continúa hacia una de las páginas de PrestaShop donde puede ingresar los detalles necesarios como validación, antes de mostrar un cheque, o información de transferencia

...

  • bancaria.

  • Una vez que el cliente ha validado el proceso, será trasladado a la página de confirmación, la cual comienza con “Su pedido en nombre de la tienda está completo”. Dependiendo del modo de pago seleccionado, debe proporcionar información final al cliente, junto con una notificación de que el correo electrónico de confirmación ha sido enviado y un enlace a la página de atención al cliente. El cliente debe hacer clic en el botón

...

  • "Confirmo mi pedido" para enviarlo.

Localización de una tienda

Una de las grandes funcionalidades de PrestaShop es la capacidad de obtener una lista de ubicación de todas las tiendas físicas que están unidas a la tienda virtual. Si se encuentran disponibles (como en la tienda del de demo), un clic en el bloque “Nuestras Tiendas” "Nuestras Tiendas" abrirá un mapa con formato de búsqueda y selector de radio.

...

En este mapa, las tiendas están marcadas indicando el logo logotipo de la tiendamisma. Un clic en el logo abre una ventana que ofrece la dirección completa, el número telefónico y el horario de atención de la tienda, indicadas proporcionadas por el propietario de la tienda.