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 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. From the Shopify app, tap .

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. From the Shopify app, tap .

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 ✓.