Personaliza la apariencia de tu tienda

Personaliza manualmente el diseño de tu tienda subiendo las imágenes más características de tu marca y eligiendo la tipografía que desees.

Soporte Wisboo avatar
Escrito por Soporte Wisboo
Actualizado hace más de una semana

Sabemos que el diseño de la tienda es tu carta de presentación, y por eso queremos contarte cómo puedes personalizarla para que exprese de la mejor forma todo lo que quieres comunicar.
Cuando te creas una tienda en Wisboo se genera automáticamente un diseño predeterminado en color gris.


Lo ideal es que seas tú quien le de vida y llene de colores, imágenes y tipografías llamativas la misma.

Para ello, puedes escoger dos caminos dependiendo de la instancia en la que te encuentres con tu proyecto. Por un lado, podrás hacerlo de forma manual seleccionando por tu propia cuenta los colores y las tipografías y por el otro, podrás optar por elegir uno de los tantos temas prediseñados que Wisboo ofrece. Esta opción es ideal ya que contamos con una amplía gama de plantillas que se pueden adaptar perfectamente a tu negocio, ya que para diseñarlos nos basamos en las principales categorías de nuestros clientes y seguramente tengamos una para el tuyo.

Diseño de tu tienda utilizando los temas que Wisboo ofrece

En esta ocasión optarás por escoger tipografías, imágenes y colores predeterminados por Wisboo. Lo que hará que ahorres tiempo diseñando por tu propia cuenta tu tienda y te enfoques en los productos que estás por vender. Es importante además que consideres esta opción ya que contamos con diversas categorías que pueden adaptarse perfectamente a tu negocio. Algunas de ellas son Salud y Bienestar, Negocios y Finanzas, Viajes, Astrología y mucho más.

Nota: Las imágenes, si bien están precargadas en el template pueden modificarlas dirgiéndose al apartado "Sitio web" y luego a la sección "Páginas". Una vez allí solo deberán seleccionar la página cuya imagen deseen modificar.

Elige temas para tu tienda

Selecciona en el menú lateral de tu tienda la opción "Temas". Allí podrás escoger plantillas prediseñadas que creamos especialmente para ti para darle un diseño a tu tienda. Las mismas incluyen colores, imágenes y tipografías que responden a una temática en común.

Si estás interesado en conocer más información sobre esta funcionalidad ingresa aquí

Una vez aplicado el tema de tu tienda, deberás otorgarle un logo y un favicon a la misma.

Nota: Este paso es obligatorio e independiente para cualquiera de los caminos que elijas. Ya sea aplicando uno de los temas o configurando la apariencia de tu tienda de forma manual, como veremos mas adelante.

Para ello, debemos seguir los pasos que se mostrarán a continuación:

Imágenes de la tienda (Logos)

En esta sección podrás agregar dos imágenes diferentes; el logotipo y el favicon.

Logotipo - Puedes agregar un logotipo arrastrándolo directamente al cuadro de imagen, o bien, cargarlo directamente desde tu ordenador.

Una vez cargado, el logotipo aparecerá en la esquina superior izquierda en la cabecera de tu tienda.

Nota: La medida recomendada de la imagen es de 500px de altura y un máximo de 1100px de ancho.

Favicon - El favicon es el ícono que se muestra en la pestaña del navegador, justo al lado del nombre de tu sitio, y cumple dos funciones importantes:

  1. La primera tiene que ver con el SEO y la optimización de las búsquedas orgánicas, por más información al respecto te invitamos a visitar el siguiente artículo

  2. La segunda, como referencia para tus estudiantes con la intención de que puedan diferenciar la pestaña de tu tienda entre todas las demás.

El favicon debe ser una imagen cuadrada con una medida recomendada de 32px. por 32px. y el formato recomendado es JPEG o PNG.

Tip: Por lo general se utiliza el mismo logotipo como favicon, pero puede ser otra imagen si así lo deseas.

IMPORTANTE: Los formatos recomendados para las imágenes son JPEG y PNG.


Diseño manual de la apariencia de tu tienda

En caso de que decidas diseñar la tienda por tu propia cuenta, deberás optar por este camino que te permitirá escoger los colores y la tipografía de tu tienda tú mismo.

Veamos como realizar esto:

Colores de la tienda

En esta sección podrás elegir la gama de colores que deseas para tu tienda. Para cambiar el color principal, secundario y de fondo, entre otras opciones, debes hacer clic sobre el círculo de color que deseas personalizar y elegir el tono deseado en la ventana emergente.

Tip: Puedes elegir el color que desees directamente en la barra de colores, o bien, ingresar un código RGB, HSL o HEX específico. Por ejemplo “#387D2B”


Tipografía de la tienda

En esta sección podrás elegir el tipo de letra que tendrán los títulos, subtítulos, menús y textos de tu tienda, seleccionando la opción de tu preferencia dentro de cada menú desplegable. La plataforma trabaja con Google Fonts, por lo que podrás utilizar cualquier tipografía que Google tenga disponible.

Tip: Para conocer y comparar todas las opciones de tipografía disponibles puedes visitar fonts.google.com y una vez hayas definido la opción de tu elección, puedes seleccionarla dentro de los menús desplegables de tu tienda.


Tanto una vez finalizado el proceso como durante el mismo, podrás previsualizar tu tienda para ponerte en el lugar del usuario y percibir como verá tu tienda en el momento en que ingrese a conocer tus productos.

Para ello:

Previsualiza tu tienda

Selecciona el botón “Ir a mi tienda” en la esquina superior derecha o selecciona el ícono que se encuentra al lado derecho de “Sitio web”, en la barra lateral izquierda, para observar los cambios que realizaste en tu tienda.

Una vez que hayas finalizado con el diseño de tu tienda lo único que resta es ir a "Sitio web" y luego "Páginas" y comenzar a cargar la información acerca de tu tienda como imágenes, videos, etc. Para más información acerca de cómo configurar tu página de inicio haz clic en este artículo.

¿Ha quedado contestada tu pregunta?