Cómo añadir complementos a tu página web de Squarespace

Si quieres ampliar la funcionalidad de tu página web de Squarespace, los «plugins» pueden ser una excelente opción. Aunque Squarespace no cuenta con un mercado oficial de plugins como otras plataformas, ofrece múltiples formas de integrar código personalizado y herramientas de terceros para mejorar tu sitio web. En esta guía, te guiaremos paso a paso por el proceso de uso de los complementos —empezando por nuestras propias soluciones en sqspthemes.com—y, a continuación, exploraremos otras formas de añadir funcionalidades externas a tu sitio de Squarespace.

Primeros pasos con nuestros complementos

Elige tu complemento

1. Visita nuestra página web: Explora nuestra selección de complementos de Squarespace diseñados para diversos fines: galerías de imágenes, formularios, animaciones, mejoras para el comercio electrónico y mucho más.

2. Características de la reseña: Cada complemento incluye una lista de características y una demostración, para que puedas ver exactamente qué hace antes de instalarlo.

3. Compra y descarga: Una vez que hayas encontrado el plugin adecuado, realiza la compra. Recibirás un archivo .zip o un fragmento de código que contiene el código necesario y las instrucciones de instalación.

Instalar el código del complemento

1. Descomprimir/extraer archivos: Descomprime el archivo que has recibido para localizar los archivos CSS, JavaScript o HTML.

2. Añadir código a la inyección de código:

   • En tu panel de control de Squarespace, ve a Configuración → Avanzado → Inyección de código.

   • Según las instrucciones, coloca el código del plugin en la sección de cabecera o en la de pie de página. Si el plugin requiere una carga inmediata, añádelo a la cabecera; si es mejor que se cargue después del resto de tu sitio web, colócalo en el pie de página.

3. Sube los archivos que sean necesarios:

   • En el editor de enlaces, selecciona«Archivo» en el menú desplegable.

   • Haz clic en el iconode carga para seleccionar un archivo de tu ordenador.

4. Guardar cambios: Squarespace aplicará automáticamente cualquier código personalizado que hayas añadido.

Configurar los ajustes del complemento

1. Personalizar CSS: Algunos de nuestros plugins incluyen reglas CSS recomendadas u opcionales. Puedes adaptarlas en la sección Diseño → CSS personalizado si deseas modificar el aspecto y el estilo.

2. Añadir bloques de código: Si el plugin utiliza bloques de código en páginas o secciones concretas, ve a la página correspondiente, añade un «bloque de código» y pega el fragmento de código del plugin.

3. Sigue nuestra documentación: cada complemento incluye instrucciones claras y detalladas, paso a paso, para realizar configuraciones adicionales y ajustes.

Incorporación de otros complementos de terceros o código personalizado

Además de nuestra gama de complementos, es posible que encuentres otros «complementos» de terceros para Squarespace. Por lo general, su método de instalación es similar:

Bloques de código o inyección de código

• Bloques de código: Crea o edita una página, haz clic en «Añadir bloque», selecciona «Código» y pega el código de inserción o el script del complemento.

• Inyección de código: Para los scripts que deban aplicarse en todo el sitio web (como herramientas de análisis o funciones personalizadas), ve a Configuración → Avanzado → Inyección de código e introduce el código en el encabezado o en el pie de página.

Extensiones de Squarespace

Squarespace ha presentado las «Extensiones» para integrarse con servicios populares (por ejemplo, herramientas de envíos, finanzas e inventario). Aunque no se trata de plugins en el sentido tradicional, son integraciones oficiales que puedes activar en la configuración de tu sitio web:

1. Ve a «Configuración» → «Extensiones» en tu panel de control de Squarespace.

2. Explora las extensiones disponibles: conéctate con proveedores de envíos, soluciones de contabilidad o herramientas de marketing.

3. Instalar y autorizar: Sigue las instrucciones que aparecen en pantalla para vincular la extensión a tu cuenta y completar la configuración.

Ten en cuenta las integraciones oficiales

También puedes mejorar tu sitio web mediante las integraciones incluidas en la configuración de Squarespace. Algunos ejemplos populares son:

• Google Analytics para el seguimiento.

• Mailchimp para boletines informativos.

• Zapier para automatizar los flujos de trabajo.

Consejos para una integración satisfactoria de los complementos

1. Comprueba la compatibilidad: Asegúrate siempre de que el fragmento de código sea compatible con tu versión de Squarespace (7.0 o 7.1), ya que algunas funcionalidades varían.

2. Sigue la documentación: los desarrolladores externos suelen ofrecer instrucciones detalladas para la instalación y la resolución de problemas.

3. Prueba en una página de demostración: Antes de aplicar cambios en todo el sitio web, prueba tu nuevo complemento en una página no enlazada o protegida con contraseña para asegurarte de que no entre en conflicto con las funciones existentes.

4. No te compliques: un exceso de scripts externos puede ralentizar tu sitio web. Instala únicamente aquellos plugins que realmente aporten valor.

5. Mantente al día: estate al tanto de las actualizaciones del plugin y de cualquier nueva función o cambio de Squarespace que pueda afectar a su funcionamiento. Solución de problemas comunes

• El complemento no se muestra: Asegúrate de haber colocado el código en la ubicación correcta (encabezado o pie de página), tal y como indica el proveedor del complemento.

• Problemas de maquetación: pueden surgir conflictos debido a la superposición de CSS. Revisa el CSS de tu sitio web o cambia la ubicación del código del plugin a otra sección (por ejemplo, del encabezado al pie de página).

• Conflictos de JavaScript: Es posible que varios scripts entren en conflicto si utilizan las mismas variables o bibliotecas. Consulta la consola de las herramientas de desarrollo de tu navegador para identificar y resolver los errores.

Reflexiones finales

Añadir plugins a tu sitio web de Squarespace puede mejorar la experiencia del usuario y resaltar el estilo único de tu marca. Ya se trate de un plugin programado a medida de sqspthemes.com o de una solución de terceros, merece la pena dedicar tiempo a implementarlos correctamente. Aprovechando las posibilidades que ofrecen los bloques de código, la inyección de código, las extensiones y las integraciones oficiales, puedes crear un sitio web de Squarespace que destaque entre los demás.