Centro de Atención Nube Configura tu tienda Diseño Personalizar tu diseño Logo de tu tienda

¿Qué es un logo y cómo agregarlo a mi tienda?

Pasos para subir el logo de tu marca, una imagen para la vista previa al compartir el link de tu tienda, y un favicon para el navegador

Última actualización: 25/07/2022

Un logo es un ícono que identifica una marca y comunica los valores que la representan. La presencia de un logo en tu tienda online puede ayudarte a cambiar la percepción que la audiencia tiene acerca tu marca y a identificar mejor tu negocio.

En este tutorial te mostramos cómo subir tu logo en 3 formatos diferentes que se van a mostrar en distintos contextos:

  • Logo de tu marca que se muestra en tu tienda
  • Imagen para la vista previa al compartir tu tienda en redes sociales
  • Favicon que se muestra en la ventana del navegador

Logo de tu marca

El logo de tu marca se muestra en la parte superior de tu tienda y, según el diseño que elijas, vas a poder configurarlo a la izquierda o en el centro. El mismo siempre va a estar presente en todas las secciones que los usuarios naveguen, y al hacer clic sobre este se dirigirá a la página principal de tu tienda.

Tienda de ejemplo con el logo del lado izquierdo resaltado

Conoce cómo configurar tu logo, haciendo clic acá:

Pasos para configurar tu logo

1. Ingresar a Mi Tiendanube > Diseño dentro del Administrador de tu tienda.

2. Hacer clic en "Subir logo".

Botón subir logo dentro de la sección Mi Tiendanube > Diseño
3. Al abrirse la ventana emergente, hacer clic en "Elegir imagen".

Botón Elegir imagen para el logo resaltado

Info

Te recomendamos prestar atención a las medidas recomendadas para tu logo. Estas te aseguran una buena visibilidad en todos los dispositivos.


4. Al abrirse el buscador de archivos de tu computadora, seleccionar la imagen que quieras utilizar y hacer clic en "Abrir".

5. Si preferís que el fondo del logo sea transparente, puedes tildar la opción "Aplicar transparencia al fondo del logo para que se vea mejor en tu tienda".

Casilla para aplicar transparencia al fondo del logo marcado y resaltado
6. Hacer clic en el botón de "Publicar cambios".

¡Listo! 🙌

Ya vas a tener tu logo cargado en tu tienda.

Warning

La alineación de tu logo (centro o izquierda) va a depender de tu plantilla o diseño, y en algunos casos puedes editarla. Mira nuestro tutorial 👉¿Qué diseño elegir para mi tienda?.

Delete

Imagen para la vista previa al compartir tu tienda en redes sociales

Al subir un logo, si cumple con el tamaño recomendado, esta imagen se usará por defecto al compartir el link de tu tienda en redes sociales como Instagram, Facebook y WhatsApp.

Sin embargo, también puedes subir una imagen adicional para reemplazarlo, en caso de que quieras que en la vista previa se muestre una imagen diferente.

Pasos para configurar una imagen adicional

Para configurar una imagen diferente al logo al compartir el enlace de tu tienda en redes sociales, puedes seguir estos pasos:

1. Ingresar a Mi Tiendanube > Diseño en tu Administrador. Luego, hacer clic en "Subir logo" si todavía no cargaste uno en tu tienda o en "Modificar o eliminar logo" si ya habías subido uno.

Botón Modificar o eliminar logo en la sección Mi Tiendanube - Diseño


2. Marcar la opción de "Usar otra imagen cuando compartís el link de tu tienda"

Casilla para usar otra imagen al compartir el link de la tienda marcada y resaltada


3. Automáticamente, va a aparecer una nueva sección en donde vas a poder subir la imagen para la vista previa. Hacer clic en "Elegir imagen" para seleccionarla en tu computadora.

Botón Elegir imagen resaltado

Warning

Ten en cuenta que la imagen debe medir 600px de ancho por 600px de alto. En caso de ser más pequeña, no se mostrará en la vista previa al compartir el link por redes sociales.

4. Una vez cargada la imagen, hacer clic en "Guardar cambios".

5. Después, en una nueva ventana de tu navegador, ingresar al 🌐depurador de Facebook o debuggeruna herramienta de Facebook que te permite resetear la imagen asociada al dominio de tu tienda. Así, se tomará como imagen de vista previa la que subiste en el paso anterior.

6. Dentro del depurador de Facebook, ingresar la URL o dominio de tu tienda y luego hacer clic en el botón de "Depurar".

Página de depurador de Facebook, con el link de la tienda y el botón Depurar resaltado


7. Finalmente, en la primera sección hacer clic en el botón de "Volver a extraer" para que Facebook busque la información más reciente de la imagen asociada al dominio de tu tienda.

Botón Volver a extraer resaltado

¡Listo! 🙌

En la sección "Vista previa del enlace" va a aparecer la imagen que cargaste en tu tienda, el nombre, tu dominio, y la descripción.

Delete

Recomendaciones para la imagen de la vista previa en redes sociales

Al crear tu imagen o diseño para la vista previa, deberás centrar el contenido relevante para que la información no se corte o se vea incompleta, según la plataforma donde compartas tu link.

Si bien el tamaño que te sugerimos es de 600px de alto por 600px de ancho, la imagen se verá cuadrada en WhatsApp, rectangular en Facebook, y rectangular pero un poco más alta en Instagram.

Ejemplo: 

Imagen mostrando el link al compartir en Instagram, Facebook, WhatsApp

Además, te aconsejamos tener en cuenta:

  • Que tu imagen tenga un formato cuadrado de 600px x 600px de área total.
  • Si tu logo es horizontal, deberás dejar un margen de 60px a la derecha e izquierda, y un margen de 186px arriba y abajo.
  • Si tu logo es cuadrado o circular, deberás dejar un margen de 150px a la derecha e izquierda, y un margen de 186px arriba y abajo.

De esta forma, tu logo o imagen principal se verá completa si el contenido fue centrado como te explicamos arriba. 

Ejemplos de un logo horizontal y uno circular y cómo se recorta al centrarlo

Delete

Favicon de tu tienda

Un favicon es un pequeño icono asociado a una página web. Los navegadores muestran este icono en la parte superior, junto a los títulos de las páginas y en la lista de favoritos o marcadores.

Parte superior del navegador, mostrando tres páginas, con su favicon resaltado

Para configurarlo en tu tienda sigue los pasos en el tutorial: