Tipos de complementos de Squarespace: qué hacen y por qué son importantes

Squarespace es muy potente desde el primer momento.

Puedes crear una página web con un diseño limpio, publicar páginas, vender productos, crear formularios, escribir entradas de blog y gestionar gran parte de tu presencia en línea sin tener que tocar el código.

Pero, al final, la mayoría de los propietarios de sitios web se encuentran en la misma situación:

«Me gusta Squarespace… pero me gustaría que pudiera hacer esta cosa más».

Ahí es donde entran en juego los complementos.

Un complemento de Squarespace añade una característica, función, diseño o comportamiento que Squarespace no incluye de forma predeterminada. Algunos complementos son pequeñas mejoras visuales. Otros añaden funcionalidades importantes a las páginas de productos, los blogs, los portafolios, la navegación, las galerías y las tiendas de comercio electrónico.

Si ya sabes lo que buscas, puedes explorar nuestra biblioteca completa de complementos de Squarespace.

Pero si aún no tienes claro qué tipo de complemento necesitas, esta guía te explicará los principales tipos de complementos y las ventajas clave de cada uno de ellos.

<! data-preserve-html-node="true"-- Optional hero image: Upload the generated “10 Types of Squarespace Plugins” graphic to Squarespace and insert it here. -->

Complementos de Squarespace frente a extensiones de Squarespace

Antes de entrar en detalle sobre los tipos de complementos, conviene aclarar un punto que suele generar confusión.

Squarespace cuenta con extensiones oficiales de Squarespace. Se trata de herramientas de terceros que se integran con Squarespace y ayudan en aspectos como el impuesto sobre las ventas, los envíos, el dropshipping, el SEO, el marketing en redes sociales y otras operaciones empresariales.

Los complementos de Squarespace, tal y como los entienden la mayoría de los diseñadores y propietarios de sitios web, suelen ser algo distinto.

Los plugins suelen ser mejoras basadas en código que modifican las funciones de tu sitio web o la forma en que los visitantes lo experimentan. Un plugin puede añadir una ventana emergente, un acordeón, una barra lateral, muestras de productos, entradas relacionadas, un comportamiento personalizado de la galería, un temporizador de cuenta atrás o mejoras en la navegación.

Ambas pueden resultar útiles.

Las extensiones suelen facilitar las operaciones empresariales.

Los complementos suelen mejorar la experiencia de navegación en la web.

1. Complementos de diseño

Los complementos de diseño te ayudan a organizar el contenido de formas que Squarespace no siempre facilita de forma predeterminada.

Entre ellas se incluyen cosas como:

• Acordeones
• Pestañas
• Barras laterales
• Botones para mostrar u ocultar contenido
• Mejoras en las secciones
• Mejoras en el diseño del blog
• Tablas de precios

La principal ventaja es la claridad.

Una página puede contener la información adecuada y, aun así, resultar difícil de usar. Los complementos de maquetación te ayudan a convertir el contenido extenso, desordenado o repetitivo en algo más fácil de leer.

Por ejemplo, el plugin «Accordion-Tabs» de Squarespace te permite convertir contenidos extensos en menús tipo acordeón o secciones con pestañas. Esto puede resultar útil para preguntas frecuentes, detalles de productos, paquetes de servicios, módulos de cursos, explicaciones sobre precios y páginas de ventas extensas.

En lugar de obligar a los visitantes a desplazarse por todo el contenido de una sola vez, les permites abrir la parte que les interesa.

Esto es importante porque un visitante que no tiene las cosas claras no suele pasar a la acción.

Se van.

Ideal para: páginas de preguntas frecuentes, páginas de servicios, páginas de ventas, fichas de productos, páginas de cursos y contenidos extensos.

Ventaja principal: facilita la comprensión de la información compleja.

2. Complementos de navegación

Los complementos de navegación ayudan a los visitantes a desplazarse por tu página web con mayor facilidad.

Entre ellos se pueden incluir:

• Megamenús
• Navegación lateral
• Navegación fija
• Mejoras en el menú para móviles
• Mejoras en los enlaces de anclaje
• Mejoras en los menús desplegables

La principal ventaja es la orientación.

A medida que tu sitio web crezca, es posible que la navegación predeterminada se vuelva demasiado compleja. Es posible que tengas productos, servicios, categorías de blog, recursos, casos prácticos, tutoriales y páginas de contacto, todos ellos compitiendo por llamar la atención.

Un complemento de navegación ayuda a trazar una ruta mejor.

Por ejemplo, el complemento «Squarespace Sidebar» permite añadir una barra lateral personalizable a tu sitio web. Esto puede resultar útil para blogs, tutoriales, documentación, bibliotecas de recursos, artículos extensos y sitios web en los que los lectores necesitan una forma permanente de navegar por contenidos relacionados.

Los megamenús también pueden ayudar a los sitios web más grandes a agrupar enlaces relacionados, en lugar de ocultar todo dentro de un menú desplegable básico. Si necesitas ese tipo de navegación ampliada, Will Myers tiene un megamenú para Squarespace 7.1 que merece la pena conocer.

Ideal para: sitios web de gran tamaño, blogs, catálogos de productos, empresas de servicios, sitios web educativos y tiendas de comercio electrónico.

Ventaja principal: ayuda a los visitantes a encontrar la página adecuada más rápidamente.

3. Complementos de lightbox y ventanas emergentes

Los complementos de Lightbox te permiten abrir el contenido en una ventana superpuesta en lugar de redirigir al visitante a una nueva página.

Esto puede incluir:

• Galerías de imágenes
• Ventanas emergentes de vídeo
• Ventanas emergentes de formularios
• Tablas de tallas
• Detalles del producto
• Formularios del boletín informativo
• Vistas previas del portafolio
• Secciones personalizadas de la página
• Ofertas de ventas adicionales

La principal ventaja es que permite a los visitantes no perder el contexto.

En lugar de obligar al usuario a salir de la página para ver un vídeo, rellenar un formulario o consultar información adicional, una ventana emergente permite que ese contenido aparezca sobre la página actual.

El plugin «Squarespace Lightbox Anything» resulta útil porque te ofrece una forma flexible de abrir contenido personalizado desde botones, imágenes, enlaces de texto, galerías y otros elementos de la página.

Esto significa que puedes utilizarlo para formularios, vídeos, biografías del equipo, detalles de productos, elementos del portafolio, promociones, contenido restringido y mucho más.

Para casos de uso específicos relacionados con vídeos, el complemento «Squarespace Video Lightbox Button» te permite convertir un enlace de vídeo en una ventana emergente modal.

Ideal para: tiendas de comercio electrónico, portafolios, páginas de captación de clientes potenciales, contenido de vídeo, galerías de imágenes y páginas de detalles de productos.

Ventaja principal: muestra contenido adicional sin interrumpir el recorrido del visitante.

4. Complementos de comercio electrónico

Los complementos de comercio electrónico mejoran la experiencia de compra en las tiendas de Squarespace.

Entre ellos se pueden incluir:

• Muestras de productos
• Vídeos de productos
• Pestañas de productos
• Productos relacionados
• Mejoras en la vista rápida
• Mejoras en el carrito
• Temporizadores de cuenta atrás
• Secciones de ventas adicionales
• Tablas de tallas
• Diseños personalizados de productos
• Indicadores de existencias

La principal ventaja es la confianza de los compradores.

Una página de producto tiene una única función: ayudar al cliente a decidirse.

Si el cliente necesita conocer las opciones de color, las tallas, los detalles del producto, los casos de uso, los productos relacionados o cómo funciona el artículo, los complementos de comercio electrónico pueden facilitar la visualización de esa información y la toma de decisiones.

Por ejemplo, el complemento «Product Color/Image Swatch Variant» sustituye los menús desplegables de variantes de texto sin formato por muestras visuales. Esto ayuda a los clientes a ver de un vistazo las opciones de color, talla, estampado o estilo.

El plugin «Sync Product Variant Images» mejora la relación entre las opciones del producto y las imágenes del mismo, de modo que al seleccionar una variante se actualicen las imágenes del producto de una forma más intuitiva.

El complemento de vídeo para la galería de productos de Squarespace te permite añadir vídeos a una galería de productos, lo que puede ayudar a los clientes a hacerse una idea de cómo es un producto, cómo se mueve, cómo funciona o qué sensaciones transmite.

El complemento «Squarespace Show Inventory » también puede resultar útil cuando los clientes necesitan saber cuánto stock hay disponible antes de comprar.

Ideal para: tiendas de Squarespace, tiendas de productos digitales, tiendas de productos físicos, plantillas, cursos y modelos híbridos de servicios y productos.

Ventaja principal: Ayuda a los compradores a comprender el producto y a tomar decisiones con mayor confianza.

5. Complementos para galerías y portafolios

Los plugins de galería y portafolio te ayudan a presentar tu trabajo visual de una forma más limpia y cuidada.

Entre ellos se pueden incluir:

• Cajas de luz de la galería
• Planos de albañilería
• Exposiciones de «antes y después»
• Filtros de cartera
• Efectos al pasar el cursor
• Superposiciones de imágenes
• Cuadrículas personalizadas para galerías
• Galerías de vídeos
• Contadores de imágenes
• Galerías aleatorias

La principal ventaja es la presentación.

Squarespace ya te ofrece diversas formas de mostrar imágenes, pero los diseñadores, fotógrafos, artistas, arquitectos y empresas creativas suelen necesitar un mayor control sobre cómo se percibe su trabajo.

Un complemento de galería puede dar un aspecto más pulido a un portafolio. Una ventana emergente permite ver las imágenes sin tener que abrir una nueva página. Un complemento de filtrado puede ayudar a los visitantes a ordenar los proyectos por categoría, estilo, sector, ubicación o tipo de servicio.

Si necesitas mejoras específicas para galerías, echa un vistazo a nuestros complementos para galerías de Squarespace.

Ideal para: diseñadores, fotógrafos, artistas, agencias, estudios, el sector inmobiliario, la arquitectura, el diseño de interiores y los portafolios visuales.

Ventaja principal: hace que el material visual sea más fácil de consultar y más convincente.

6. Complementos de filtrado y búsqueda

Los complementos de filtrado ayudan a los visitantes a delimitar una selección de contenidos.

Son útiles para:

• Archivos del blog
• Bibliotecas de recursos
• Portafolios
• Directorios
• Colecciones de productos
• Casos prácticos
• Lista de eventos
• Páginas de los equipos

La principal ventaja es el control.

Cuando una página web tiene mucho contenido, los visitantes necesitan una forma de organizarlo. Sin filtros, una biblioteca de recursos o un portafolio pueden resultar difíciles de usar.

Un complemento de filtrado permite al usuario seleccionar una categoría, una etiqueta, un tema, un servicio, una ubicación o un tipo de producto. En lugar de tener que desplazarse por todo el contenido, puede acceder rápidamente a lo que busca.

Para un filtrado más avanzado, «Squarewebsites Universal Filter» es uno de los complementos de filtrado de Squarespace más conocidos. Está diseñado para filtrar y ordenar diferentes tipos de contenido de Squarespace, como blogs, productos, galerías, eventos, álbumes y otras colecciones.

Esto cobra mayor importancia a medida que tu sitio web se convierte en un activo.

Cuanto más contenido útil publiques, más importante será ayudar a la gente a encontrar lo que busca.

Ideal para: blogs, directorios, portafolios, catálogos de productos, centros de recursos y sitios web con gran cantidad de contenido.

Ventaja principal: ayuda a los visitantes a encontrar contenido relevante más rápidamente.

7. Complementos para mejorar el blog

Los complementos para blogs mejoran la forma en que se muestran, se encuentran y se relacionan tus entradas.

Entre ellos se pueden incluir:

• Artículos relacionados
• Diseños de la barra lateral
• Filtros por categoría
• Barras de progreso de lectura
• Diseños personalizados de bloques de resumen
• Secciones de entradas destacadas
• Mejoras en el índice
• Fichas de autor
• Mejor paginación

La principal ventaja es un mayor compromiso.

Un blog no debería ser un callejón sin salida.

Si alguien lee una entrada útil, la web debería guiarle de forma natural hacia la siguiente entrada, producto, servicio o recurso de interés.

El plugin «Related Posts and Products» de Squarespace muestra automáticamente entradas o productos relacionados en función de las categorías y las etiquetas. Esto crea enlaces internos entre los distintos contenidos y ayuda a los visitantes a seguir navegando por tu sitio web.

En el caso de los blogs con archivos más extensos, el plugin «Blog Pagination with Images» puede hacer que la navegación por las entradas resulte más visual al añadir vistas previas de imágenes, títulos personalizados y fechas de publicación a los enlaces de paginación.

Ideal para: blogs, sitios web de tutoriales, sitios web de marketing de contenidos, empresas del sector educativo, bibliotecas de recursos y editoriales especializadas.

Ventaja principal: convierte las publicaciones individuales en un sistema de contenidos interconectado.

8. Complementos de conversión

Los complementos de conversión ayudan a los visitantes a pasar a la acción.

Entre ellos se pueden incluir:

• Barras de anuncios
• Temporizadores de cuenta atrás
• Ventanas emergentes
• Botones que se quedan atascados
• Ofertas al intentar salir de la página
• Formularios de captación de clientes potenciales
• Secciones de llamada a la acción
• Mejoras en la tabla de precios
• Sliders de testimonios

La principal ventaja es el impulso.

Puede que un visitante esté interesado, pero el interés por sí solo no genera acción. Los complementos de conversión ayudan a que el siguiente paso resulte más visible, oportuno y atractivo.

Por ejemplo, el complemento «Countdown Timer» permite establecer plazos reales para lanzamientos, promociones, seminarios web, ofertas de temporada y rebajas por tiempo limitado.

El plugin «Testimonial Slider» para Squarespace te puede ayudar a mostrar testimonios de clientes de una forma más dinámica, lo cual resulta especialmente útil en páginas de ventas, de servicios, de productos y de destino.

Si se utilizan correctamente, los complementos de conversión no tienen por qué resultar agresivos. Simplemente hacen que el siguiente paso resulte más evidente.

Ideal para: páginas de ventas, páginas de destino, aumento de la lista de correo electrónico, lanzamientos de productos, promociones, seminarios web y consultas sobre servicios.

Ventaja principal: Aclara cuál es el siguiente paso.

9. Complementos para mejorar el diseño

Los complementos de mejora del diseño cambian el aspecto y la experiencia de usuario de tu sitio web de Squarespace.

Entre ellos se pueden incluir:

• Efectos de los botones
• Animaciones al pasar el cursor
• Cursores personalizados
• Efectos de texto
• Efectos de imagen
• Separadores de secciones
• Texto en marquesina
• Fuentes personalizadas
• Mejoras en los iconos
• Efectos de fondo
• Efectos de encabezado

La principal ventaja es la distinción.

Las páginas de Squarespace pueden acabar pareciéndose entre sí cuando todo el mundo utiliza los mismos bloques y plantillas integrados. Los complementos de diseño ayudan a crear momentos que parecen más personalizados.

Dicho esto, los complementos de diseño funcionan mejor cuando refuerzan el mensaje de la web.

Un efecto al pasar el cursor, una animación o un tratamiento visual deben ayudar al visitante a sentir algo, a fijarse en algo o a comprender algo. No deben ser meros elementos decorativos sin más.

Si buscas componentes centrados en el diseño y mejoras de tipo «copiar y pegar», Ghost Plugins es otro recurso útil de complementos para Squarespace. Su biblioteca incluye componentes de diseño gratuitos y premium, complementos, plantillas y sistemas de diseño flexibles para sitios web de Squarespace.

Ideal para: marcas personales, portafolios creativos, agencias, páginas web de eventos, páginas de destino y marcas que necesiten una presencia visual más personalizada.

Ventaja principal: Contribuye a que un sitio web resulte más distintivo y fácil de recordar.

10. Complementos de utilidad

Los complementos de utilidad resuelven problemas pequeños pero importantes.

Entre ellos se pueden incluir:

• Desplazamiento suave
• Botones para volver al inicio
• Barras de búsqueda personalizadas
• Avisos sobre cookies
• Reparaciones de móviles
• Mejoras en los formularios
• Ayudas de código
• Mejoras en la accesibilidad
• Mejoras en la integración
• Widgets de redes sociales
• Widgets de chat

La principal ventaja es la eliminación de la fricción.

No todos los complementos tienen por qué transformar toda la web. Algunos de los complementos más útiles resuelven un problema molesto que siempre acaba entorpeciendo el trabajo.

Un complemento de utilidad puede facilitar la navegación por una página, mejorar el funcionamiento en dispositivos móviles, añadir alguna pequeña función que falte o dar al sitio web un aspecto más pulido.

Algunas herramientas de tipo utilitario proceden de tiendas de plugins. Otras provienen de proveedores de widgets o de integraciones oficiales. Por ejemplo, Elfsight ofrece widgets de Squarespace para funciones como feeds de Instagram y chat «todo en uno», mientras que la propia biblioteca de extensiones de Squarespace conecta tu sitio web con herramientas externas para operaciones, marketing, comercio y gestión de pedidos.

Ideal para: prácticamente cualquier página web de Squarespace.

Ventaja principal: soluciona pequeños fallos en la experiencia que los visitantes podrían percibir.

Tiendas de plugins y herramientas del ecosistema

Más allá de los plugins individuales, también hay ecosistemas de plugins de Squarespace más amplios que merece la pena conocer.

SQSPThemes se centra en plugins prácticos que cubren las carencias más habituales de Squarespace: ventanas emergentes, acordeones, barras laterales, muestras de productos, vídeos de productos, entradas relacionadas, temporizadores de cuenta atrás, indicadores de stock, mejoras en las galerías y optimizaciones para el comercio electrónico.

Otros creadores del ecosistema resuelven problemas distintos.

Squarewebsites es conocido por sus herramientas avanzadas, como Universal Filter, que ayuda a los visitantes a ordenar y filtrar grandes colecciones de contenido.

Will Myers ofrece una amplia gama de complementos y minicursos de Squarespace para diseñadores que buscan herramientas de maquetación, navegación, componentes y personalización.

Ghost Plugins ofrece componentes, plantillas, plugins y sistemas centrados en el diseño para crear sitios web de Squarespace más personalizados.

Las extensiones de Squarespace conectan tu sitio web con herramientas externas para la gestión de envíos, impuestos, SEO, marketing, inventario, comercio y otras operaciones empresariales.

La cuestión no es instalarlo todo.

Lo importante es entender qué tipo de problema estás resolviendo.

Cómo elegir el complemento adecuado para Squarespace

El mejor plugin no siempre es el más llamativo.

El mejor complemento es aquel que resuelve el problema que tienes entre manos.

Antes de añadir un complemento, pregúntate:

• ¿Qué está intentando hacer el visitante aquí?
• ¿Qué es lo que ahora mismo no está claro, está oculto o resulta difícil de usar?
• ¿Este complemento mejora la señal o añade ruido?
• ¿Ayudará esto a alguien a entender, a confiar, a navegar, a comprar o a pasar a la acción?
• ¿Debería aparecer esta función en esta página?

Esa última pregunta es importante.

Un complemento debe mostrar la página. No debe convertirse en la página.

Si la página de tu producto necesita generar más confianza entre los compradores, utiliza un complemento que mejore la información del producto.

Si tu blog tiene entradas útiles ocultas en el archivo, utiliza plugins que faciliten su descubrimiento.

Si tu página de servicios te parece demasiado larga, utiliza pestañas o acordeones para organizar la información.

Si tu barra de navegación está sobrecargada, utiliza una barra lateral o un megamenú para crear una ruta más clara.

Empieza por el problema.

A continuación, elige el complemento.

La verdadera ventaja de los complementos de Squarespace

La verdadera ventaja de un complemento no es la función en sí misma.

La ventaja es lo que esa función permite hacer a tus visitantes.

Una ventana emergente les permite ver más contenido sin salir de la página.

Un filtro les ayuda a encontrar el contenido adecuado más rápido.

Una muestra del producto les ayuda a conocer las opciones disponibles.

Un acordeón les ayuda a recorrer la información sin sentirse abrumados.

Un complemento de entradas relacionadas les ayuda a seguir aprendiendo.

Un temporizador de cuenta atrás les ayuda a saber cuándo finaliza una oferta.

Un complemento resulta útil cuando mejora la relación entre tu sitio web y la persona que lo utiliza.

Esa es la cuestión.

No más código.

No más adornos.

Un camino mejor.

Explora los complementos de Squarespace

Si ya sabes qué problema quieres resolver, echa un vistazo a nuestra biblioteca completa de complementos de Squarespace.

Encontrarás plugins para acordeones, barras laterales, ventanas emergentes, muestras de productos, vídeos de productos, entradas relacionadas, galerías, temporizadores de cuenta atrás, mejoras para el comercio electrónico y mucho más.

Busca el complemento que solucione el problema de Squarespace que tienes delante.