Table of Contents
Logo de tu marcaImagen para la vista previa al compartir tu tienda en redes socialesFavicon de tu tiendaUn 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
Info
Si todavía no tenés el logo de tu negocio, en este artículo de nuestro blog te damos 👉5 claves para tener un logo excelente.
Además, podés crear uno de forma gratuita en plataformas de diseño como 🌐Canva o contratar a un/a especialista en diseño para que cree un logo único para tu marca.
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.
Pasos para configurar tu logo
1. Ingresar a Mi Tiendanube > Diseño dentro del Administrador de tu tienda.
2. Hacer clic en "Subir logo".
3. Al abrirse la ventana emergente, hacer clic en "Elegir imagen".
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. 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 podés editarla. Mirá nuestro tutorial 👉¿Qué diseño elegir para mi tienda?.
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 podés 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, podés 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.
2. Tildar la opción de "Usar otra imagen cuando compartís el link de tu tienda".
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.
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 debugger, una 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".
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.
¡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.
DeleteRecomendaciones 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:
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.
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.
Para configurarlo en tu tienda seguí los pasos en el tutorial: