Agregar un ícono de sitio en dispositivos iOS

Crea un ícono Apple Touch para que los usuarios de iOS puedan agregar tu sitio a favoritos en la pantalla de inicio de su dispositivo.

Última actualización: 17 de enero de 2025

Cuando creas un icono de Apple Touch, quienes visitan el sitio pueden marcarlo en sus dispositivos iOS (iPhone, iPad o iPod). La marca será un icono incorporado con otras aplicaciones o marcas en la pantalla de inicio.

Para revisar las pautas de imágenes de Apple de estos íconos, visita su página de pautas de imágenes.

Cómo acceder a esta función

La solución de esta guía incluye la inserción de código, que está disponible en los planes Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace adecuado.

Paso 1: Subir la imagen del ícono

Crea el ícono del sitio. Debe ser un archivo .png y no puede ser transparente. Recomendamos utilizar el mismo diseño que el ícono de favoritos o el logotipo del sitio para obtener un aspecto uniforme.

Después de crear la imagen, abre el editor de páginas en cualquier página de diseño de tu sitio e ingresa el texto que funcionará como enlace. Destaca el texto y haz clic en el icono de Enlace, en la barra de herramientas de texto.

text-link.png

Se abrirá el editor de enlaces. Haz clic en la pestaña Archivos y, luego, en Agregar archivo para cargar el archivo de imagen con el ícono táctil. Haz clic en Agregar enlace para insertarlo.

file-link.png

Paso 2: Obtener la URL de la imagen del ícono

Haz clic de nuevo en el texto vinculado y copia la URL del archivo, la cual se ve así:

/s/file-name.extension
file_URL.png

Paso 3: Agregar inserción de código

Abre el Panel de inserción de código.

Copia y pega el código siguiente en el campo inserción de código del Encabezado:

<link rel="apple-touch-icon" href="/s/file-name.extension">

Reemplaza /s/file-name.extension.extension con la URL que copiaste para el archivo de íconos.

code_injection_panel.png

Haz clic en Guardar.

Paso 4: Ver el ícono Touch

Visita el sitio web con tu dispositivo iOS. Utiliza la opción Compartir para agregar el sitio a la pantalla de inicio. Se verá algo similar a esto:

KB Guide Image

Nota

esta personalización basada en código queda fuera del alcance del servicio de atención al cliente de Squarespace. Te recomendamos que tengas conocimientos de codificación antes de insertar código. Aunque no podemos ofrecer más ayuda sobre este tema, hay muchos recursos disponibles que pueden orientarte en la dirección correcta:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.