Los mejores complementos, fragmentos de código y extensiones gratuitas para Squarespace
Squarespace no cuenta con un mercado de plugins al estilo de WordPress.
Eso no significa que tengas que conformarte únicamente con los ajustes predeterminados.
Muchas de las mejores mejoras de Squarespace provienen de pequeños complementos, fragmentos de código, extensiones de navegador y herramientas integrables creadas específicamente para los usuarios de Squarespace. Algunas cambian el aspecto de tu sitio web. Otras mejoran la experiencia de compra. Otras ayudan con el SEO. Y otras facilitan la incorporación de funciones que Squarespace no ofrece de forma nativa.
La clave está en saber distinguir entre un plugin útil y un script cualquiera que hayas pegado en tu página web solo porque alguien te dijo que era gratis.
Que sea gratis está muy bien. Pero que no funcione, esté sobrecargado o esté desactualizado, no.
A continuación te presentamos algunos de los mejores complementos, fragmentos de código y extensiones gratuitos de Squarespace que vale la pena conocer.
Si quieres acceder a una selección más amplia de plugins de pago que solucionan las limitaciones habituales de Squarespace, también puedes echar un vistazo a nuestros plugins de Squarespace. Si buscas tutoriales y guías paso a paso sobre código, empieza por nuestros tutoriales de Squarespace.
¿Qué se considera un complemento de Squarespace?
En Squarespace, la palabra «plugin» suele referirse a una de estas cosas:
un fragmento de código para copiar y pegar
una pequeña mejora en CSS o JavaScript
un widget de terceros integrado mediante código
una extensión para el navegador que te ayuda a gestionar o mejorar tu sitio web
una extensión oficial de Squarespace que conecta Squarespace con otro servicio
Esto difiere de WordPress, donde los plugins se instalan dentro de un sistema específico para ellos.
Así que, en esta lista, utilizo el término «plugin» en el sentido práctico que se le da en Squarespace: herramientas que amplían las posibilidades de Squarespace.
1. Biblioteca gratuita de complementos de Ghost
Ghost Plugins cuenta con una de las bibliotecas de complementos gratuitos para Squarespace más útiles que existen. La biblioteca incluye componentes listos para copiar y pegar, así como soluciones de código para elementos como botones, navegación, barras de anuncios, menús para móviles, cursores, estilos de imagen, enlaces a blogs y pequeños detalles de diseño.
Este es un buen punto de partida si quieres que tu página de Squarespace tenga un aspecto más personalizado sin tener que comprar un plugin premium completo.
Ideal para:
pequeños cambios en el diseño
estilos de botones
Detalles del encabezado y la navegación
Estilo de la barra de anuncios
pequeños efectos visuales
mejoras en la función de copiar y pegar
Ten cuidado con:
No instales diez fragmentos de código a la vez. Añade uno, pruébalo y toma nota de dónde has añadido el código.
Una buena primera elección:
Prueba primero con una pequeña mejora visual, como el estilo de un botón, un pequeño ajuste en el menú para móviles o el resaltado de texto. Son cambios más fáciles de probar que los que afectan al comportamiento de toda la página web.
2. Complementos gratuitos de SF Digital para Squarespace
SF Digital cuenta con una amplia selección de plugins y herramientas gratuitas para Squarespace, especialmente para el comercio electrónico y para resolver problemas prácticos relacionados con la experiencia de usuario.
Algunos de los complementos gratuitos que aparecen en la lista son:
menú desplegable de la categoría de productos para móviles
Acordeón PDP
mensajes sobre plazos de entrega
Correcciones en la relación de aspecto de las imágenes de los productos
pie de página con llamada a la acción para móviles
iconos sociales, colores de la marca
Mensaje de la página de estado del pedido
cantidades fraccionarias
menús desplegables de navegación en los que se puede hacer clic
subrayado animado en el menú de navegación
saltos de línea en el título del producto
Texto de «Añadir al carrito»
elementos de la lista en los que se puede hacer clic
Aviso del navegador integrado en la aplicación
botón de salida rápida
Imágenes de productos apiladas en dispositivos móviles
Este es uno de los mejores recursos gratuitos, ya que los complementos resuelven problemas específicos de Squarespace en lugar de limitarse a añadir adornos visuales.
Ideal para:
tiendas de comercio electrónico
páginas de productos
mejoras en las compras a través del móvil
ajustes de navegación
pequeñas mejoras en la conversión
soluciones prácticas para la experiencia de usuario
Ten cuidado con:
Algunos complementos de comercio electrónico afectan a aspectos importantes de la experiencia de compra. Prueba el funcionamiento en ordenador y en móvil antes de dirigir tráfico a la página.
Una buena primera elección:
Si tienes una tienda, empieza por algo sencillo, como la relación de aspecto de las imágenes de los productos, las llamadas a la acción (CTA) para móviles, los saltos de línea en los títulos de los productos o el texto de «Añadir al carrito».
3. Plugins gratuitos de Squarespell para Squarespace
Squarespell ofrece una combinación de complementos de Squarespace de pago y gratuitos. Entre los gratuitos que he encontrado se incluyen:
Estos son más complementos relacionados con la experiencia de usuario. Resultan útiles cuando quieres que una página resulte más interactiva sin tener que crear tú mismo el efecto.
Ideal para:
páginas de destino
páginas de ventas
páginas de captación de clientes potenciales
páginas de inicio
páginas del portafolio
pequeños efectos interactivos
Ten cuidado con:
Los efectos animados deben reforzar el mensaje de la página. No añadas movimiento solo porque sea posible.
Una buena primera elección:
El complemento para copiar al portapapeles podría resultar útil para códigos promocionales, códigos de descuento, códigos de eventos, enlaces cortos o fragmentos de texto que se puedan compartir.
4. Plugins gratuitos / 0 $ de SquareWebsites
SquareWebsites es más conocido por sus plugins premium, como los de filtrado, tablas, mapas, carga diferida y herramientas para el carrito de la compra, pero en la biblioteca de plugins también hay opciones gratuitas.
Entre las opciones gratuitas que he encontrado se incluyen:
Complemento «Social Tabs»
Widget de comentarios recientes
Se trata de casos de uso más específicos, pero conviene conocerlos si se ajustan a una necesidad concreta.
Ideal para:
blogs
enlaces a redes sociales
sitios web basados en comentarios
sitios web que desean destacar debates o actividades recientes
Ten cuidado con:
Comprueba la compatibilidad y los requisitos de configuración antes de instalarlo. Algunas páginas de complementos están diseñadas para estructuras o versiones específicas de Squarespace.
Una buena primera elección:
Utiliza el widget «Comentarios recientes» si los comentarios forman parte de tu estrategia de contenido. Si tu blog no recibe comentarios, no lo utilices.
5. Complemento gratuito de SEO SEOSpace
SEOSpace es un complemento de SEO y una extensión de Chrome específicos para Squarespace. Te ayuda a analizar las páginas de Squarespace y te propone tareas prácticas de SEO que puedes llevar a cabo.
El plan gratuito incluye acceso a la extensión de Chrome y una auditoría limitada del sitio web, lo que lo hace útil para realizar comprobaciones rápidas antes de publicar o actualizar páginas importantes.
Ideal para:
Auditorías de SEO
títulos de las páginas
descripciones meta
texto alternativo
limpieza básica de SEO on-page
Comprobación de páginas de Squarespace en tiempo real
Ten cuidado con:
Las herramientas de SEO pueden indicarte qué hay que corregir, pero no pueden sustituir a un posicionamiento claro, a un contenido útil y a unas páginas sólidas.
Una buena primera elección:
Analiza tu página de inicio, la página principal de servicios y las mejores entradas del blog con SEOSpace antes de realizar cambios de SEO más complejos.
Enlace interno relacionado:
Si estás optimizando tu sitio web para los motores de búsqueda y la conversión, combina una revisión de SEO con tus páginas de funciones principales y las de los plugins, sobre todo si utilizas herramientas de la biblioteca de plugins de SQSPThemes.
6. Kwame / SquareSkills
Kwame, de SquareSkills, lleva tiempo desarrollando plugins y herramientas personalizadas para Squarespace. Una de las herramientas concretas que compartió fue un renovador automático de periodos de prueba de sitios web para Squarespace disponible en Gumroad.
Antes de publicar este como un «plugin gratuito», comprobaría bien cuál es el precio actual en Gumroad y si Kwame quiere que se presente públicamente como gratuito. Según el historial de correos electrónicos, tenías un código gratuito privado, pero eso no siempre significa que el producto sea gratuito públicamente para todo el mundo.
Ideal para:
Ventajas de Squarespace
diseñadores que gestionan varios centros de ensayo
agencias que elaboran borradores para los clientes
automatización de los flujos de trabajo en torno a los proyectos de Squarespace
Ten cuidado con:
Dado que esto afecta al flujo de trabajo de las cuentas o de las versiones de prueba, asegúrate de que la versión actual siga funcionando y de que el caso de uso se explique con claridad antes de recomendarla de forma generalizada.
Una buena primera elección:
Indícalo como un complemento «que vale la pena probar» o «gratis con código / pregúntale a Kwame», a menos que confirmes el precio de venta al público.
Formulación sugerida:
«Kwame, de SquareSkills, también ha compartido herramientas de flujo de trabajo de Squarespace a través de Gumroad, entre las que se incluye una herramienta de renovación automática de la versión de prueba. Consulta la página actual del producto para comprobar la disponibilidad y el precio antes de instalarlo».
7. Tutoriales gratuitos de Squarespace de SQSPThemes
No todas las mejoras útiles de Squarespace tienen por qué ser un complemento descargable.
La biblioteca de tutoriales de SQSPThemes para Squarespace incluye guías paso a paso gratuitas para resolver problemas habituales de Squarespace, como ventanas emergentes, lightboxes, galerías, comportamiento de las imágenes de productos, temporizadores de cuenta atrás, controles de vídeo de fondo, muestras de productos, megamenús, entradas relacionadas y mucho más.
Algunos tutoriales recomiendan plugins de pago, pero la biblioteca de tutoriales sigue siendo útil si quieres hacerte una idea de las posibilidades antes de comprar o instalar nada.
Ideal para:
aprender qué requisitos tiene una función
Decidir si necesitas un complemento
Comparación entre las opciones nativas de Squarespace y el código personalizado
Comprender las limitaciones habituales de Squarespace
Enlaces internos útiles:
Cómo reproducir un vídeo en una ventana emergente en Squarespace
Cómo hacer que un botón abra una ventana emergente en Squarespace
Ten cuidado con:
Algunas funciones son simples tutoriales. Otras se gestionan mejor con un complemento actualizado. Si la función afecta a tu tienda, a la navegación, a los formularios o a tus ingresos, opta por un complemento que haya sido probado.
Una buena primera elección:
Empieza por el tutorial que se ajuste al problema que ya tienes. No busques plugins solo por buscar algo que instalar.
8. Opción de reseñas de productos gratuitas de SQSPThemes / Wiremo
La página del plugin SQSPThemes incluye una opción de reseña de producto de 0 $ vinculada a Wiremo.
Si gestionas una tienda en Squarespace, las reseñas pueden ayudar a los clientes a sentirse más seguros antes de comprar. Esto resulta especialmente útil para tiendas con productos que necesitan pruebas sociales, fotos de los compradores, valoraciones con estrellas u opiniones de los clientes.
Ideal para:
tiendas de comercio electrónico
opiniones sobre productos
prueba social
mejorar la confianza en las páginas de productos
Ten cuidado con:
Las herramientas de reseñas suelen depender de un servicio de terceros. Comprueba los límites del plan gratuito actual, la imagen de marca y si el diseño de las reseñas se adapta al de tu tienda.
Una buena primera elección:
Pruébalo primero en una categoría de productos antes de implantarlo en toda la tienda.
9. Feed de Instagram de Elfsight
El widget «Instagram Feed» de Elfsight no es un complemento nativo de Squarespace, pero para muchos usuarios funciona como si lo fuera. Solo tienes que crear el feed en Elfsight, copiar el código de inserción y pegarlo en Squarespace.
Resulta útil si quieres tener más control sobre el diseño de tu feed de Instagram del que te ofrece Squarespace de forma predeterminada.
Ideal para:
Feeds de Instagram
portafolios visuales
prueba social
marcas activas con un contenido social sólido
creadores y proveedores de servicios
Ten cuidado con:
Los planes gratuitos de widgets suelen tener limitaciones o incluir publicidad de la marca. Además, los widgets de Instagram dependen de API de terceros, por lo que pueden sufrir cambios con el tiempo.
Una buena primera elección:
Úsalo en una sección de testimonios, en la página de prensa, en la página de portfolio o en la página «Acerca de». No incluyas un widget de redes sociales muy pesado en todas las páginas, a menos que sea importante.
10. Biblioteca de complementos POWR
POWR ofrece una biblioteca de complementos para sitios web sin código y cuenta con una opción de registro gratuito. Estas herramientas no están diseñadas específicamente para Squarespace, como sí lo están los complementos de Ghost o SF Digital, pero se pueden integrar en Squarespace.
Las herramientas de POWR más relevantes para los usuarios de Squarespace suelen ser los formularios, las galerías, las ventanas emergentes, las reseñas, las cuentas atrás, los banners y otros widgets integrados.
Ideal para:
formularios avanzados
ventanas emergentes
cuentas atrás
carteles
pequeños widgets sin código
captación de clientes potenciales
Ten cuidado con:
Los planes gratuitos suelen tener limitaciones. Es posible que también veas la marca POWR, dependiendo del widget y del plan.
Una buena primera elección:
Utiliza POWR cuando el bloque integrado de Squarespace no sea suficiente, sobre todo para formularios o pequeños widgets de conversión.
11. Ventana emergente de Mailchimp
Mailchimp aparece en la biblioteca oficial de extensiones de Squarespace. Si ya utilizas Mailchimp, puedes crear una ventana emergente para suscriptores o un formulario de registro y vincularlo a tu sitio web de Squarespace.
Esto resulta útil si quieres captar suscriptores al boletín informativo sin tener que pagar por una herramienta de ventanas emergentes independiente.
Ideal para:
suscripciones al boletín informativo
descargas gratuitas
listas de lanzamiento
recogida sencilla de direcciones de correo electrónico
captación de público
Ten cuidado con:
Las ventanas emergentes pueden perjudicar la experiencia del visitante si aparecen demasiado rápido o con demasiada frecuencia. Asegúrate de que la oferta sea clara y la frecuencia, razonable.
Una buena primera elección:
Utiliza una ventana emergente sencilla para el boletín con una promesa clara. Evita frases genéricas del tipo «suscríbete a mi boletín».
12. Plan gratuito de Weglot
Weglot es una herramienta de traducción que también figura en la biblioteca oficial de extensiones de Squarespace. Te permite añadir funcionalidad multilingüe a una página web de Squarespace sin tener que duplicar manualmente cada página.
El plan gratuito tiene algunas limitaciones, pero puede servir para una página web muy pequeña o para probar un idioma adicional.
Ideal para:
pequeños sitios web multilingües
evaluación de un segundo idioma
páginas de destino
público internacional
traducción de prueba de concepto
Ten cuidado con:
El plan gratuito tiene un límite de palabras. La traducción automática debe ser revisada por alguien que domine el idioma.
Una buena primera elección:
Empieza por traducir tu página de inicio y una página de destino clave. No intentes traducir todo el archivo del blog con un plan gratuito.
13. Extensión de Printful para Squarespace
Printful figura en la biblioteca oficial de extensiones de Squarespace para productos de impresión bajo demanda.
No se trata de un plugin de diseño, sino más bien de una extensión de comercio electrónico. No obstante, entra dentro del ámbito más amplio de los «complementos gratuitos», ya que permite conectar un flujo de trabajo de impresión bajo demanda a una tienda de Squarespace sin necesidad de disponer de stock por adelantado.
Ideal para:
merchandising
ropa
impresión bajo demanda
creadores que prueban ideas de productos
pequeñas tiendas que no quieren asumir el riesgo de tener existencias
Ten cuidado con:
Puede que la conexión a la plataforma sea gratuita, pero el suministro de los productos no lo es. Los márgenes, los plazos de envío y la calidad de los productos siguen siendo importantes.
Una buena primera elección:
Prueba uno o dos productos antes de montar una tienda completa basada en la impresión bajo demanda.
14. Reseñas de productos en Judge.me
La biblioteca oficial de extensiones de Squarespace incluye Judge.me como una opción para reseñas de productos.
En el caso de las páginas de comercio electrónico, las reseñas son uno de los complementos más útiles, ya que pueden reforzar la confianza precisamente en el momento en que los compradores toman sus decisiones.
Ideal para:
opiniones sobre productos
confianza en el comercio electrónico
fotos de clientes
valoraciones por estrellas
prueba social
Ten cuidado con:
Comprueba si la integración con Squarespace es compatible con las funciones específicas de reseñas que necesitas. No todas las funciones de reseñas disponibles en otras plataformas funcionarán necesariamente de la misma manera en Squarespace.
Una buena primera elección:
Utiliza primero las reseñas de tus productos más vendidos.
15. Fragmentos de código CSS personalizados y gratuitos
Algunos de los mejores complementos gratuitos de Squarespace ni siquiera son productos. Son fragmentos de CSS.
Con unas pocas líneas de CSS se puede ajustar el espaciado, ocultar elementos, modificar los estilos para dispositivos móviles, aplicar estilos a los botones, mejorar el diseño de los blogs o hacer que los bloques predeterminados de Squarespace tengan un aspecto más personalizado.
Ideal para:
estilo de los botones
correcciones de espaciado
ajustes para móviles
mejoras tipográficas
efectos de imagen
ocultar o modificar el estilo de los elementos
Ten cuidado con:
Un código CSS mal escrito puede dificultar el mantenimiento de una página web. Añade una nota encima de cada fragmento de código explicando para qué sirve.
Una buena primera elección:
Utiliza CSS para pequeños cambios visuales. No intentes rediseñar todo tu sitio web con CSS personalizado.
16. Fragmentos de código JavaScript gratuitos
Los fragmentos de código JavaScript pueden añadir una interacción sencilla a Squarespace.
Algunos ejemplos son los acordeones, las ventanas emergentes, el desplazamiento fluido, los botones personalizados, el comportamiento de los anuncios, las funciones para copiar al portapapeles o pequeñas mejoras en la interfaz.
Ideal para:
pequeñas interacciones
comportamiento de la interfaz
botones
cajas de luz
acordeones
momentos de interfaz de usuario personalizada
Ten cuidado con:
JavaScript puede entrar en conflicto con otros scripts. Si añades varios fragmentos de código JavaScript y algo deja de funcionar, la resolución de problemas puede volverse muy molesta en poco tiempo.
Una buena primera elección:
Utiliza JavaScript solo cuando la interacción sea importante. Si la función es meramente decorativa, puede que sea más seguro recurrir al CSS.
17. Funciones nativas de Squarespace para las que quizá no necesites un complemento
Antes de añadir cualquier plugin, comprueba si Squarespace ya ofrece lo que necesitas.
Muchos usuarios recurren a plugins de terceros antes de aprovechar al máximo los bloques, ajustes y extensiones nativos de Squarespace.
Squarespace ya incluye o es compatible con:
galerías
formularios
botones
barras de anuncios
bloques de productos
campañas de correo electrónico
vídeos incrustados
análisis básico
enlaces a redes sociales
programación
áreas de miembros
funcionalidades básicas de comercio electrónico
extensiones oficiales
Ideal para:
funcionalidades básicas del sitio web
construcciones que requieren poco mantenimiento
instalaciones de los clientes
sitios web que deben poder actualizarse fácilmente
Ten cuidado con:
Las funciones nativas suelen ser más fáciles de mantener, pero es posible que no te ofrezcan exactamente el diseño o el comportamiento que deseas.
Una buena primera elección:
Utiliza primero las funciones nativas de Squarespace cuando estas resuelvan el problema de forma suficientemente clara.
Cómo elegir el complemento gratuito adecuado para Squarespace
Los complementos gratuitos resultan tentadores porque no suponen ningún coste inicial.
Pero cada complemento sigue teniendo un coste.
Puede afectar al rendimiento. Puede suponer un mayor trabajo de mantenimiento. Puede generar conflictos. Puede dificultar que el cliente actualice la página web más adelante.
Antes de añadir cualquier complemento gratuito de Squarespace, pregúntate:
¿Esto resuelve un problema real?
¿Está pensado para Squarespace?
¿Funciona con Squarespace 7.1?
¿Es necesario inyectar código en todo el sitio web?
¿Podré quitarlo sin dejar restos más adelante?
¿Ralentizará el sitio web?
¿Entenderá mi cliente cómo utilizarlo?
¿Existe alguna función nativa de Squarespace que ya haga esto?
¿Se sigue manteniendo esto?
¿Afecta esto al proceso de pago, a los formularios, a la navegación o a cualquier aspecto relacionado con los ingresos?
El mejor complemento gratuito no es aquel que tiene el efecto más llamativo.
Es la que resuelve un problema concreto sin que por ello resulte más difícil gestionar el resto de la página web.
Que sea gratis no significa que esté exento de riesgos
Los complementos gratuitos de Squarespace pueden resultar realmente útiles.
Pueden ayudarte a dar un toque final, mejorar el SEO, recabar clientes potenciales, optimizar el comercio electrónico y resolver pequeños problemas de diseño sin tener que contratar a un desarrollador para cada cambio.
Pero la mejor estrategia es muy sencilla: ir añadiendo una cosa cada vez.
Instala el complemento. Prueba la página. Comprueba el funcionamiento en dispositivos móviles. Comprueba la velocidad. Comprueba los formularios, los botones, el comportamiento del carrito y cualquier elemento relacionado con los ingresos o los clientes potenciales. A continuación, documenta qué has añadido y dónde lo has añadido.
De esta forma, tu sitio web mejora sin convertirse en un lío de código incomprensible.
Empieza por el complemento más pequeño que resuelva el problema más claro. Ese suele ser el que vale la pena conservar.
Lista rápida de candidatos preseleccionados
Si solo quieres unos cuantos puntos de partida, sigue este orden:
Biblioteca gratuita de Ghost Plugins con fragmentos de diseño y componentes para copiar y pegar.
Plugins gratuitos de SF Digital para comercio electrónico y soluciones prácticas para la experiencia de usuario en Squarespace.
Squarespell ofrece complementos interactivos gratuitos, como palabras giratorias, la función de copiar al portapapeles y temporizadores de cuenta atrás.
SEOSpace para realizar comprobaciones de SEO en Squarespace de forma gratuita.
Plugins de SQSPThemes: cuando necesites un plugin premium con mantenimiento para solucionar una limitación habitual de Squarespace.
