Agregar un favicon a tu tienda

Un favicon (o ícono de favoritos) es una pequeña imagen o un pequeño logo que se muestra junto al nombre de una página web. Puedes encontrar favicons en las pestañas de tu navegador y también en las páginas del navegador que incluyen listas de sitios web, como la página de favoritos. 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 de 16 x 16 píxeles o de 32 x 32 píxeles. Si el tamaño de tu imagen de favicon es demasiado grande, se reducirá a 32 x 32 píxeles cuando la subas a Shopify.

Agrega un favicon a tu tienda online

Puedes agregar un favicon a tu tienda online si tienes contratado el plan Basic Shopify o uno superior. Por el contrario, no puedes agregar un favicon a tu tienda online si tienes contratado el plan 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 al que desees agregar un favicon y 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 la sección Imagen de favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
   • Para seleccionar una imagen desde tu computadora, haz clic en Agregar imágenes, abre la imagen en la computadora y marca su casilla de verificación.

6. Haz clic en Listo.

7. Opcional: Sigue estos pasos si deseas agregar texto alternativo a tu imagen de favicon:

   1. En la sección Imagen de favicon, haz clic en Editar.
   2. En el cuadro de diálogo 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 en el que desees agregar un favicon 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 la sección Imagen de favicon, toca Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
   • Para seleccionar una imagen desde tu dispositivo local, toca Agregar imágenes, abre la imagen en el dispositivo local y marca su casilla de verificación.

8. Toca el botón Listo.

9. Sigue estos pasos para agregar texto alternativo a tu imagen de favicon:

   1. En la sección Imagen de favicon, toca Editar.
   2. En el cuadro de diálogo Vista previa y edición, introduce una breve descripción de la imagen en el campo Texto alternativo.
   3. Toca Guardar.

10. Toca 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 en el que desees agregar un favicon 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 la sección Imagen de favicon, toca Seleccionar imagen y luego realiza una de las siguientes acciones:

   • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
   • Para seleccionar una imagen desde tu dispositivo local, toca Agregar imágenes, abre la imagen en el dispositivo local y marca su casilla de verificación.

8. Toca el botón Listo.

9. Sigue estos pasos para agregar texto alternativo a tu imagen de favicon:

   1. En la sección Imagen de favicon, toca Editar.
   2. En el cuadro de diálogo Vista previa y edición, introduce una breve descripción de la imagen en el campo Texto alternativo.
   3. Toca Guardar.

10. Toca ✓.