Tipos de navegación en una tienda online Shopify

Tipos de navegación en una tienda online Shopify

Este post te puede interesar si tienes una tienda online Shopify y quieres optimizar la navegación.

Comencemos si os parece bien definiendo qué es navegación o, al menos, cómo lo vemos en OHDigital. ;)

Cuando un potencial cliente aterriza en tu tienda online, independientemente de dónde lo haga, tu misión es conseguir que comience lo antes posible la andadura por el camino que le llevará a finalizar la compra. En el mejor de los casos, este camino será corto, como por ejemplo puede ocurrir cuando le mostramos al cliente directamente un producto que sabemos le interesa. En otros casos, este camino será más largo, como cuando un cliente se interesa primero por uno o varios artículos de tu blog. Aterricen donde aterricen y tomen el camino que tomen, hay que saber guiar a tus clientes por la tienda online con el fin mencionado de que la visita acabe en o por lo menos pase por una transacción.

La navegación en una tienda online son las luces que ponemos en el camino, para guiar a nuestros potenciales clientes hacia la compra. Desde el punto de vista del usuario o cliente de tu tienda online, las posibilidades de navegación que una tienda Shopify ofrece son comparables a las que en teoría puede ofrecer cualquier otra plataforma de comercio electrónico, que esté claro está a la altura. ;)

  1. Árbol de categorías y subcategorías de producto
  2. Filtrado de productos
  3. Secciones de categorías y/o productos destacados/recomendados
  4. Páginas de contenido estático: Quiénes somos, Condiciones, Contacto, …etc.
  5. Blog
  6. Last but not least y muy importante, el buscador

En este post nos vamos sobre todo a centrar en los puntos 1. y 2.

Desde la posición de quien gestiona una tienda online, el administrador de una tienda Shopify se encuentra con uno de los muchos puntos fuertes de esta plataforma de eCommerce. Este es, las muchas y variadas posibilidades que uno tiene a la hora de poder definir la navegación.

No todas las tiendas online necesitan el mismo nivel de simplicidad o complejidad en la navegación. La tipología de la tienda y sobre todo del producto tendrán mucho peso a la hora de definir la navegación de la tienda. Hay tiendas como hawkersco.com, donde la página de inicio está formada por todos los productos de la tienda y uno no tiene más que hacer scroll en la búsqueda del modelo deseado.

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-hawkers

Un ejemplo del siguiente nivel de complejidad en la navegación podría ser smsaudio.com, en donde tengo tres categorías principales de producto, además de diferentes secciones de contenido y producto destacado.

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-smsaudio

Definas como definas la navegación de tu tienda online, asegúrate que todos tus usuarios están a máximo dos clics de comenzar a comprar el producto que desean cuando aterrizan en la tienda. Esto implica cosas como construir árboles de navegación por categorías de máximo dos niveles, así evitaremos que el usuario se pierda en un árbol de caminos infinitos, que lo más seguro provoquen el que se aleje del producto que está busando. En Shopify, las posibilidades de categorización y filtrado dependen mucho del tema elegido y/o diseñado. Aun así, hay cosas que son comunes a todas las tiendas Shopify:

1. Link lists o listas de enlace

Desde estas listas de enlaces se define qué ocurre cuando un usuario hace clic en un sitio determinado de la página:
  • Navegación principal
  • Navegación del pie de página
  • Navegación por marcas
  • Navegación por colecciones
  • …etc.

Una vez has creado una lista de enlaces, tienes que añadir los diferentes componentes de dicha lista y poner los destinos de cada uno de ellos, es decir, a dónde va el usuario cuando hace clic en cada uno de los elementos de dicha lista. Para crear subcategorías, por regla general solo tienes que crear una nueva lista de enlaces con exactamente el mismo nombre que algún elemento que ya está en otra lista de enlaces.

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-navegacion-admin

2. Navegación a través de los settings del tema

Aquí defino qué link lists o listas de enlace aparecen en qué secciones de la tienda: la navegación principal, la navegación del pie, en las fichas de producto, en las páginas de categoría, … etc. Como decíamos antes, los settings del tema serán inicialmente nuestro terreno de juego y a su vez nuestra limitación a la hora de poder definir un grado más o menos complejo de navegación.

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-navegacion-settings-tema

3. Filtrado a través de los tags del producto

Pongamos que vendes moda y que un cliente tuyo ha hecho clic en Ropa de hombre y luego en pantalones. Si vendes muchos tipos de pantalones, igual te merece la pena aplicar filtros por color, si son cortos o largos, tipo de tela, por tipo de uso (vestir, sport,…), por disponibilidad, rangos de precio …etc. En este caso, te aconsejamos utilizar las etiquetas o tags que le puedes poner a cada producto desde la ficha de producto en el administrador de Shopify. Es muy importante que siempre los llames de la misma manera, es decir rojo es roja y no color rojo o rojos.

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-navegacion-tags-producto

Adicionalmente, Shopify por defecto te da la posibilidad de filtrar por marca, por precio, por nombre, novedad y, en algunos temas, por los más vendidos. Sistema de filtrado simple Llamamos sistema de filtrado simple cuando las posibilidades de filtrado que se tienen son:

  1. El filtrado estándar de Shopify: precio, nombre, novedad y más vendidos.
  2. Un único nivel o grupo de tags donde aparecen todas aquellas etiquetas que contienen los productos de la categoría en la que estoy.
Sistema de filtrado avanzado Llamamos sistema de filtrado avanzado cuando:
  1. Además de tener el filtrado estándar de Shopify.
  2. Tengo la posibilidad de crear grupos de filtros personalizados. A diferencia de cuando tengo un único nivel de tags donde todos aparecen juntos y entremezclados, aquí puedo crear diferentes grupos que ayuden al cliente a guiarse como por ejemplo por color o por tipo.

 

tipos-de-navegacion-tienda-shopify-ohdigital-madrid-navegacion-filtro-avanzado-por-grupos

Amazon son los reyes del filtrado por grupos y en general del filtrado. Ellos tienen infinidad de productos, que pueden ser encontrados a través de otra infinidad de caminos.

Con esto queremos decir, que hay que ser precavido a la hora de definir un sistema complejo de filtros y utilizarlo solo cuando de verdad hace falta. Volviendo al ejemplo de hawkersco.com, no me hacen falta ningunos filtros si lo que tengo que hacer es elegir un modelo de gafas de entre 39 diferentes. No perdamos de vista el asunto de la máxima distancia a dos clics. ;) Ah! Y no desestimes el poder del scroll! Aquí os dejamos un par de URLs que te pueden resultar interesantes si no las conoces todavía y que funcionan en todas las tiendas Shopify:

  1. tudominio.com/collections o /products -> Listado de categorías o colecciones
  2. tudomino.com/collections/all -> Listado de todos los productos de la tienda

Y para terminar, se consciente de que es muy probable que la mayoría de tu tráfico no aterrice en tu tienda online por la página de inicio sino en un post del blog, en una categoría o en un producto.

Tal y como hemos dicho al principio, asegúrate de enseñarle el camino a tu cliente, aterrice donde aterrice. Si por ejemplo tu cliente llega a tu tienda tras hacer clic en un email que le has enviado recordándole que ha dejado un carrito abandonado con uno o varios productos, es importante que el cliente aterrice directamente en el carrito ya relleno con los producto y sin otros elementos de distracción que no sean aquellos que le guíen a la página de gracias por su pedido.