Amplia lista de trucos y ajustes para Squarespace (con enlaces y ejemplos)
Squarespace es una pequeña pero potente plataforma. Sin embargo, gran parte de su potencia radica en que está prácticamente preconfigurada y lista para usar. Una persona sin experiencia en diseño web puede tener una página web en funcionamiento, totalmente operativa, en tan solo un par de horas.
Dicho esto, es posible que muchos administradores web de nivel intermedio o avanzado quieran sacar más partido a la plataforma del que esta suele permitir. Hay varias formas de hacerlo, y he recopilado todas las que he podido encontrar. Estos trucos, ajustes, complementos y otras personalizaciones son posibles dentro del marco de Squarespace, pero pueden requerir un poco de programación personalizada. Por suerte, todo es bastante sencillo.
¡Empecemos!
Trucos de SEO para Squarespace
Para empezar, veamos una serie de trucos y ajustes de SEO relativamente sencillos que puedes aplicar. Se trata de pequeños ajustes que puedes implementar y que mejoran la forma en que Google ve tu sitio web, cómo lo ven los usuarios y cómo se utiliza. No suponen una gran diferencia, pero sí tienen algún efecto, y no cuesta nada aplicarlos.
Slider de testimonios
La prueba social forma parte del SEO moderno y puede contribuir en gran medida a reforzar la confianza y la interacción con tu sitio web.
Un elemento clave de la prueba social son los testimonios, y este complemento te ofrece una forma estupenda de mostrar muchos de ellos en un control deslizante, de forma rápida y sencilla.
Aplicar automáticamente la etiqueta «nofollow» a los enlaces de afiliados
Esta guía te ofrece instrucciones paso a paso para añadir atributos a enlaces concretos o a clases enteras de enlaces.
En concreto, su objetivo es añadir atributos «nofollow» a los enlaces de afiliados y ocultarlos, lo que puede resultar útil tanto para el SEO como para la usabilidad.
Página 404 personalizada
Cada vez que un usuario accede a tu sitio web y llega a una página que no existe, acaba en una página 404.
Estas páginas no son precisamente emocionantes y, a menudo, ahuyentan a los usuarios. Personalizar tus páginas 404 te permite captar su atención y ayudarles a encontrar lo que buscaban, y en esta guía te explicamos cómo hacerlo.
Mejoras en el blog de Squarespace
El blog de Squarespace es, por defecto, bastante potente y cuenta con numerosas funciones. Sin embargo, no es perfecto, así que aquí tienes algunas cosas que puedes hacer para mejorar su aspecto, su experiencia de usuario y su funcionalidad.
Comentarios de Facebook
El sistema de comentarios predeterminado de cualquier blog suele dejar mucho que desear; este complemento te permite integrar los comentarios de Facebook en tu blog.
Los comentarios de Facebook tienen una ventaja fundamental: casi todo el mundo ya ha iniciado sesión.
Ajustes de fuente
Squarespace te permite utilizar prácticamente cualquier fuente de la biblioteca de Google Fonts, así como una amplia selección de Adobe Fonts, pero es necesario configurar una integración para que funcionen.
Esta es una guía sobre cómo hacerlo.
Barra de anuncios fija
Squarespace te permite crear una barra de anuncios en la parte superior de la página, pero en cuanto el usuario se desplaza hacia abajo, esa barra desaparece.
Se trata de un sencillo ajuste para que se mantenga fijo en la parte superior de la página, acompañando al usuario mientras se desplaza por ella.
Ajustes en la experiencia de usuario de Squarespace
No existe una experiencia de usuario perfecta. Los gustos en cuanto al diseño web, las tendencias y la actividad cambian cada año. Sin embargo, hay bastantes aspectos que puedes ajustar o implementar para mejorar la experiencia de usuario. A lo largo de los años he ido recopilando bastantes de ellos, y esta lista recoge mis ajustes favoritos y más eficaces.
Complemento de barra lateral para Squarespace
Este es un complemento que te permite crear una barra lateral con contenido para mostrarla en cualquier página de tu sitio web.
Es una forma ingeniosa de incrustar contenido de una página a otra, funciona tanto con la versión 7.0 como con la 7.1, y es muy fácil de instalar, adaptar al tema y personalizar.
Pestañas de acordeón
¿Alguna vez has visto una página web con una sección de preguntas frecuentes o un directorio en el que se ven los títulos, pero el contenido que hay debajo de ellos permanece oculto hasta que haces clic en ellos?
Se trata de una interfaz tipo acordeón, y este complemento te permite crear y configurar la tuya propia sin necesidad de tener conocimientos de programación.
Enlaces al índice
Muchos blogs, incluido el mío, incluyen un índice para cada entrada. Puedes hacer clic en un enlace de la barra lateral y saltar directamente al punto correspondiente de la entrada del blog.
Para ello, es necesario utilizar enlaces de anclaje internos en la página, y en mi guía se explica cómo implementarlos de forma rápida y sencilla.
RSS como resumen
Muchos blogs cuentan con una sección de «artículos relacionados», y Squarespace te permite configurar una en el bloque de resumen. Sin embargo, esto solo funciona con las colecciones preconfiguradas que hayas creado.
Este complemento te permite configurar una fuente RSS —ya sea de tu propia web o de otras como Medium, Feedburner y Wix— para ampliar las posibilidades de incrustar contenido.
Temporizador de cuenta atrás
Este es un sencillo complemento para añadir un temporizador de cuenta atrás a tu página web.
Es útil para despertar el miedo a perderse algo (FOMO) ante una oferta por tiempo limitado, generar interés por un evento próximo y hacer una cuenta atrás para el lanzamiento de un nuevo producto.
Galería de estilo «Masonry»
El diseño predeterminado de la galería de imágenes en Squarespace es una cuadrícula, pero puede resultar un poco soso, sobre todo con imágenes de diferentes alturas.
Este complemento convierte las galerías en diseños de estilo «masonry» que se ajustan al espacio disponible, lo cual resulta mucho más adecuado para imágenes variadas.
Navegación por puntos en la galería
Siempre que tengas una galería de imágenes que se van sucediendo una tras otra, es recomendable indicar a los usuarios en qué punto de la presentación se encuentran y cuántas imágenes hay en la galería.
Esto añade puntos para cada uno, resaltando aquel en el que se encuentra el usuario.
Contador de imágenes de la galería
Al igual que la navegación por puntos, esta opción añade un recuento sencillo de las imágenes de una galería, con un número que indica en qué imagen se encuentra el usuario, por ejemplo, 4/12.
Sencillo y fácil.
Herramientas para potenciar el comercio electrónico en Squarespace
Si estás intentando vender algo a través de Squarespace —¿y quién no lo está?—, esta sección te resultará fundamental. Mejorar las páginas de tus productos, el proceso de conversión y la gestión de diversos aspectos secundarios es clave para contar con una tienda online sólida y con todas las funciones necesarias. Estos son algunos de mis ajustes favoritos y los trucos más eficaces.
Lightbox Anything
Este es un complemento que te permite crear una ventana emergente con la información que desees, que se muestra al hacer clic.
Muestra tablas de tallas, especificaciones de productos, una propuesta de venta adicional o cualquier otra cosa que se te ocurra, de forma rápida y sencilla.
Sincronizar imágenes de variantes de productos
Mantener una imagen coherente en toda tu tienda es de vital importancia para transmitir profesionalidad, lo cual genera confianza y contribuye a aumentar las conversiones.
Squarespace eCommerce ya se encarga de parte de esto de forma predeterminada, pero este complemento mejora esa funcionalidad.
Área exclusiva para socios
Ofrecer a los miembros de tu comunidad —o simplemente a los clientes que pagan— acceso exclusivo a contenidos o productos es una forma estupenda de fomentar las conversiones.
Sin embargo, configurar un área exclusiva para socios puede resultar un poco complicado, así que he grabado un vídeo explicativo sobre cómo hacerlo.
Listas de espera
Si tienes una cantidad limitada de un producto concreto y se agota, ¿qué harán tus usuarios?
Este código les permite inscribirse en una lista de espera para recibir una notificación cuando el producto vuelva a estar disponible.
Variantes de colores del producto
Muchas tiendas de comercio electrónico utilizan puntos de colores o con motivos para que puedas ver una vista previa del producto en diferentes colores y diseños.
Este complemento te permite hacer lo mismo con Squarespace. Lo único que tienes que hacer es introducir los códigos hexadecimales correctos.
Indicador de existencias
Si dispones de un stock limitado y quieres aprovechar esa limitación para crear una sensación de «miedo a perderse algo» (FOMO) y fomentar las conversiones, este plugin te permite añadir ese indicador a las páginas de tus productos.
Integraciones de servicios de Squarespace
Squarespace es muy potente, pero no puede hacerlo todo. Esta sección es relativamente breve y solo recoge algunas de las cosas que se pueden hacer con las integraciones de Squarespace, pero se trata de algunos de los trucos más eficaces que he utilizado a lo largo de los años.
Opiniones sobre Yotpo
Yotpo es uno de los sistemas más potentes que existen para el comercio electrónico, pero en Squarespace sus posibilidades son limitadas.
Una de las mejores opciones es incluir las reseñas de Yotpo en las páginas de tus productos, pero añadirlas manualmente lleva una eternidad. Este plugin lo hace automáticamente por ti.
Parábola
Parabola, una sencilla herramienta de automatización, te permite hacer cosas muy útiles, como exportar pedidos a una hoja de cálculo de Google.
Es fácil de usar, así que le eché un vistazo y grabé un vídeo sobre cómo funciona.
Mailchimp y Google Analytics
La gestión del correo electrónico y de los boletines informativos se realiza mejor con una herramienta como Mailchimp, pero quizá te interese realizar un seguimiento más avanzado del rendimiento de tus boletines a la hora de generar conversiones.
Esta guía te ayuda a configurar el seguimiento de Google Analytics para los boletines gestionados por Mailchimp.
Pasarelas de pago alternativas
Por defecto, Squarespace solo te permite utilizar PayPal y Stripe para procesar pagos. Esto es suficiente para muchos comerciantes, pero si perteneces a una categoría de alto riesgo, esas pasarelas de pago no te servirán.
En lugar de arriesgarte a que te bloqueen el acceso sin previo aviso, utiliza esta guía para configurar una pasarela de pago alternativa.
Trucos y ajustes adicionales
Por desgracia, no puedo abarcar todo lo que se puede hacer con Squarespace en un solo artículo. En lugar de intentarlo, aquí tienes una selección de mis recursos favoritos que puedes utilizar para descubrir otros trucos, ajustes y pequeños usos ingeniosos de las herramientas que ofrece Squarespace.
Más de 40 consejos y trucos de My Billie Designs: esta es una entrada estupenda con un montón de consejos y trucos, recopilados de diez expertos en la plataforma Squarespace. Algunos de ellos ya se han mencionado anteriormente, como crear una barra lateral para el blog, personalizar las páginas 404 o crear un área exclusiva para miembros en tu sitio web. Otros son ajustes básicos, como personalizar tu favicon y utilizar bloques de resumen. Y hay algunos consejos más originales. ¡Échale un vistazo!
20 trucos para Squarespace de Cinnamon Wolfe: Cinnamon es una bloguera profesional y experta en Squarespace. Aquí nos ofrece un montón de trucos útiles, entre los que se incluyen:
- Utilizar la tecla ESC para iniciar sesión en tu sitio web.
- Desactivar el clic con el botón derecho para proteger tus activos.
- Personalizar el pie de página de tu sitio web (y eliminar el aviso «Powered by Squarespace»)
- Ajustes en la funcionalidad de los comentarios.
Algunos de sus consejos son muy sencillos, del tipo «así es como se usa Squarespace», mientras que otros se refieren a funciones avanzadas. ¡Seguro que aprendes algo nuevo al leerlo!
50 plugins y ajustes imprescindibles de SQSP Themes – ¡Eh, ese soy yo! Este es otro directorio de plugins, trucos y ajustes útiles que escribí hace un tiempo. Hay un pequeño solapamiento aquí —es una entrada más antigua y esta otra incluye algunos de los mismos plugins—, pero la entrada anterior también aporta mucho valor único. Échale un vistazo y dime cuál es tu favorito.
Más de 30 consejos y trucos de «Productive and Free »: «Productive and Free» es un blog de Tet, un coach de productividad. La mayoría de los consejos y trucos de esta lista están pensados para ayudarte a ajustar tu sitio web, publicar contenido y optimizar el SEO de tu página de forma rápida y productiva. Prepárate para un curso intensivo sobre las funciones básicas e intermedias de Squarespace; probablemente descubrirás algo que no sabías hasta ahora.
127 ejemplos de sitios web creados con Squarespace: este no es un artículo de consejos y trucos. Más bien, es una lista de ejemplos de páginas web de gran calidad creadas con Squarespace. Me gusta porque es una forma estupenda de ver lo que hacen otras personas, qué tipo de funciones personalizadas están implementando y qué estilos de diseño han puesto en práctica. En concreto, puede servirte de inspiración para cosas interesantes que puedes hacer en tu página web, y luego puedes buscar cómo implementarlas.
6 ajustes avanzados para aumentar las conversiones: esta entrada, de Sophia Ojha, no es ni mucho menos tan extensa ni tan detallada como algunas de las anteriores. Sin embargo, se centra específicamente en los ajustes que puedes realizar en tu sitio web para aumentar las tasas de conversión en general. Ponerlos en práctica te dará una idea de cómo incluso los pequeños detalles pueden influir en las tasas de conversión de los usuarios.
Tus favoritos
Yo ya he terminado; ¿y tú? ¿Hay algún ajuste, truco, consejo, complemento o integración que te guste especialmente y que se me haya pasado por alto, pero que consideres imprescindible?
Me encantaría que me dejaseis vuestros favoritos en los comentarios. Siempre estoy aprendiendo y mejorando como desarrollador de Squarespace, y no puedo hacerlo si no aprendo de gente como vosotros. ¡Gracias de antemano!
