Agregar un favicon a tu tienda

Un favicon, o ícono de favoritos, es una pequeña imagen cuadrada o logo que aparece junto a una dirección web. Puedes encontrar favicons en las pestañas de tu navegador, así como en las páginas del navegador que enumeran las direcciones web, como la página de marcadores. Puedes agregar un favicon a tu tienda online para ayudar a reforzar tu marca y proporcionar una apariencia impecable a tu sitio web.

Crear un favicon

Puedes usar un generador de favicons gratuitos para crear un favicon personalizado, o puedes crear el tuyo propio. Para encontrar un generador de favicons, busca en internet free favicon generator.

El tamaño ideal para un favicon es 16x16 píxeles o 32x32 píxeles. Si tu archivo de favicon es demasiado grande, se reducirá a 32x32 píxeles cuando lo subas a Shopify.

Agrega un favicon a tu tienda online

La opción de agregar un favicon está disponible en el plan Basic Shopify o uno superior. Agregar un favicon no está disponible en el plan Shopify Starter.

Consejo

Algunos temas te permiten agregar texto alternativo a tu favicon. El texto alternativo aparece cuando una imagen no se puede cargar. Además, el software de lectura de pantalla lo utiliza para describir la imagen a los usuarios con discapacidad visual.

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.
3. Haz clic en el ícono de engranaje para acceder a Configuración del tema.
4. Según la versión del tema, haz clic en Logo o Favicon.

5. En el área Imagen de favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste al panel de control de Shopify, haz clic en la pestaña Biblioteca de la tienda.
   • Para seleccionar una imagen desde tu computadora, haz clic en Agregar imágenes.

6. Haz clic en Listo.

7. Agregar texto alternativo a tu imagen de favicon:

   1. Haz clic en Editar.
   2. En la ventana Vista previa y edición, introduce una breve descripción de la imagen en el campo Texto alternativo.
   3. Haz clic en Guardar.

8. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar todos los temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca el ícono de engranaje para acceder a la Configuración del tema.
6. Dependiendo de la versión del tema, haz clic en Logo o en Favicon.

7. En el área de la imagen de favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste al panel de control de Shopify, haz clic en la pestaña Biblioteca de la tienda.
   • Para seleccionar una imagen de tu computadora, toca Agregar imágenes.

8. Toca el botón Listo.

9. Agregar texto alternativo a tu imagen de favicon:

   1. Toca Editar.
   2. En la ventana Vista previa y edición, introduce una breve descripción de la imagen en el campo Texto alternativo.
   3. Toca Guardar.

10. Haz clic en Guardar.

Android

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar todos los temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca ... > Configuración del tema.
6. Dependiendo de la versión del tema, haz clic en Logo o en Favicon.

7. En el área de la imagen de favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste al panel de control de Shopify, haz clic en la pestaña Biblioteca de la tienda.
   • Para seleccionar una imagen de tu computadora, toca Agregar imágenes.

8. Toca el botón Listo.

9. Agregar texto alternativo a tu imagen de favicon:

   1. Toca Editar.
   2. En la ventana Vista previa y edición, introduce una breve descripción de la imagen en el campo Texto alternativo.
   3. Toca Guardar.

10. Toca ✓.