Base de conocimientos
Guías
Academia
Tutoriales en vídeo
Intenta buscar:
Artículos vistos recientemente:

Tabla de contenidos

Favicon del Instant Site

Un favicon es un pequeño icono que se muestra en una pestaña del navegador antes del nombre del sitio web, en los marcadores, en el historial del navegador, etc. Ayuda a los usuarios a identificar su sitio cuando tienen varias pestañas abiertas en un navegador.

Hay dos maneras de cargar un favicon para su Instant Site de Ecwid : utilizando metaetiquetas o utilizando el logotipo. Tenga en cuenta que si utiliza el Instant Site de nueva generación solo podrá cargar el favicon a través de la metaetiqueta.

Favicon del Instant Site

Cargar favicon mediante metaetiquetas

Si desea tener un favicon, puede encontrar o crear una imagen para el favicon, cárguela en un alojamiento de imágenes y luego añádala a la sección <head> de la tienda.

Puede crear un favicon desde cero o utilizando otra imagen mediante generadores de favicon online como este: https://favicon.io/

Para cargar un favicon para la tienda utilizando metaetiquetas:

  1. Suba su favicon a un alojamiento de imágenes, por ejemplo a https://imgbb.com/
  2. Obtenga un enlace directo a la imagen, es decir, que al hacer clic en el enlace se abra la imagen:
    • Si utiliza https://imgbb.com/ después de cargar la imagen, haga clic en ella.
    • En la pestaña abierta, pulse sobre la imagen con el botón derecho del ratón → Copiar URL de la imagen.
  3. Desde su administrador de Ecwid, vaya a Sitio web.
  4. Desplácese hasta la sección «Configuraciones de SEO» y haga clic en Añadir código en Metaetiquetas de encabezado y verificación del sitio web.
    Para utilizar Metaetiquetas de encabezado y verificación del sitio web, necesita tener una cuenta de Ecwid de pago.
  5. En el campo que aparece, introduzca este código:
    
      <link rel="shortcut icon" href="Direct_image_link">
      

    Y sustituya Direct_image_link por el enlace real a su favicon que copió en el alojamiento de imágenes:

    insertar el enlace al favicon en las etiquetas meta

  6. Guarde los cambios.

Actualice la página de la tienda para ver el favicon añadido.

Cargar un favicon mediante el logotipo

Si carga un logotipo para su Instant Site de Ecwid, se utilizará automáticamente como favicon:

cargar favicon de Instant Site

Esta instrucción funciona para la versión original de Ecwid Instant Site solamente.

Puede ocultar el logotipo si lo desea y el favicon permanecerá.

En primer lugar, le explicamos cómo cargar un logotipo:

  1. Desde su administrador de Ecwid, vaya a Sitio web.
  2. Haga clic en Editar:

    editar Instant Site

  3. Vaya a Imagen del titular y de la portada → Logotipo de la tienda → haga clic en Subir logotipo:

    cargar logotipo de Instant Site

  4. Suba una foto de su ordenador que desee utilizar para el favicon.
  5. Guarde los cambios.

Si desea utilizar el favicon y ocultar el logotipo, puede hacerlo con un código CSS:

  1. Desde su panel de administración de Ecwid, vaya a Diseño.
  2. Haga clic en Editar tema si tiene un tema CSS personalizado activo o desplácese hasta la parte inferior de la página y haga clic en Crear temaAñadir un nuevo tema CSS.
  3. Pegue el siguiente código en su Tema CSS:
    div.cover__logo { display: none;}
  4. Guarde los cambios.

Actualice la página de su tienda para ver los cambios.

Artículos relacionados:

Cómo crear un logotipo impresionante para su marca
Añadir códigos CSS a su tienda

¿Fue útil este artículo?

¡Increíble! ¡Gracias por sus comentarios!

¡Gracias por sus comentarios!

¡Lo sentimos! ¿Qué ha ocurrido?
Usuarios a los que les pareció útil: 6 de 11
10
Usamos cookies y tecnologías similares para recordar sus preferencias, medir la efectividad de nuestras campañas y analizar datos despersonalizados con el fin de mejorar el rendimiento del sitio. Al elegir «Aceptar», da su consentimiento para el uso de cookies.
Aceptar cookies Rechazar