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.
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:
- Suba su favicon a un alojamiento de imágenes, por ejemplo a https://imgbb.com/
- 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.
- Desde su administrador de Ecwid, vaya a Sitio web.
- 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.
- 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:
- 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:
Puede ocultar el logotipo si lo desea y el favicon permanecerá.
En primer lugar, le explicamos cómo cargar un logotipo:
- Desde su administrador de Ecwid, vaya a Sitio web.
- Haga clic en Editar:
- Vaya a Imagen del titular y de la portada → Logotipo de la tienda → haga clic en Subir logotipo:
- Suba una foto de su ordenador que desee utilizar para el favicon.
- Guarde los cambios.
Si desea utilizar el favicon y ocultar el logotipo, puede hacerlo con un código CSS:
- Desde su panel de administración de Ecwid, vaya a Diseño.
- 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 tema → Añadir un nuevo tema CSS.
- Pegue el siguiente código en su Tema CSS:
div.cover__logo { display: none;}
- 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