Tu guía definitiva para las plantillas de Squarespace

Tooltester cuenta con el respaldo de lectores como usted. Podemos ganar una comisión de afiliado cuando compra a través de nuestros enlaces, lo que nos permite ofrecer nuestra investigación de forma gratuita.

Según Squarespace, sus plantillas son "galardonadas". Pero eso podría significar cualquier cosa, de verdad. Incluso podría ser simplemente una palabrería de marketing.

Entonces decidí investigar.

Después de algunas búsquedas en Google, encontré la verdad: Squarespace fue preseleccionado y ganó algunos premios Webby, incluido uno al mejor diseño visual.

Debo admitir que no estoy del todo sorprendido. Squarespace ha sido durante mucho tiempo el estándar de oro cuando se trata de diseños de plantillas elegantes y pulidos para su sitio web profesional.

Como señala nuestra revisión completa del creador de sitios web: “casi ninguna otra empresa sabe cómo presentar su producto con tanta perfección. Todo luce fresco, fresco e impecable”. Sólo tienes que echar un vistazo a algunos ejemplos de sitios web reales de Squarespace para ver que sus sitios web realmente destacan.

Con su última versión 7.1, las plantillas de Squarespace funcionan de manera un poco diferente, pero eso no significa que hayan comprometido la calidad. De hecho, las plantillas de Squarespace son ahora más versátiles que nunca.

Sin embargo, las plantillas de la versión 7.0 también tienen algunas ventajas y, sorprendentemente, todavía están disponibles para su uso. Entonces, exploremos las diferencias entre las dos versiones para ayudarlo a decidir cuál es mejor para su sitio web.

¿Cuántas plantillas de Squarespace hay?

Una de las primeras cosas que busco al calificar plantillas es una buena selección. Pero como alguien que ha perdido horas de mi vida revisando cientos de plantillas de WordPress, también puedo decirles que demasiadas opciones pueden ser una molestia.

Entonces, la primera gran noticia aquí es que Squarespace parece haber dado en el lugar correcto. Tanto 7.0 como 7.1 ofrecen cada uno alrededor de 110 plantillas, disponibles en las siguientes 15 categorías:

• Portafolios
• Fotografía
• Tiendas en línea
• Blogs y podcasts
• Servicios profesionales
• Negocio local
• Comunidad y organizaciones sin fines de lucro
• Eventos
• Bodas
• Entretenimiento
• Membresías
• Restaurantes
• Personal y CV
• Bienes Raíces y Propiedades
• Lanzar páginas

Es un número manejable. Pero si haces los cálculos, no son muchas plantillas por categoría. Sin embargo, descubrirá que cada plantilla es lo suficientemente flexible como para modificarla para múltiples propósitos, especialmente con la última versión 7.1.

Plantilla de tienda en línea

Ya sea que vendas moda, artículos para el hogar o productos para mascotas, existen aspectos fundamentales que hacen que una buena tienda en línea sea buena:

• Fácil de navegar
• Botones de llamada a la acción destacados para transacciones
• Fotografías y vídeos de alta calidad para mostrar sus productos.
• Borrar información de envío y devolución
• Calificaciones, reseñas y otras pruebas sociales para generar confianza

Nos gusta la plantilla Alameda para sitios de comercio electrónico porque es una forma flexible y sencilla de vender sus productos. Es una gran plantilla independientemente de si todavía estás construyendo tu marca o ya la tienes establecida.

Su diseño minimalista y moderno hace que sus productos se destaquen, por lo que no necesita tener un logotipo sofisticado, videos u otro contenido de marca listo antes de lanzar su tienda. Sin embargo, por supuesto, todavía necesitarás fotografías de buena calidad de tus productos.

Es más, nos gusta lo fácil que es comprar en una tienda con el tema de Alameda, lo cual es importante porque querrás eliminar las barreras que dificultan la compra a tus clientes. Con Alameda, los clientes pueden ver otras fotografías de productos al pasar el cursor sobre un mosaico. También puede marcar artículos a la venta y mostrar caídas de precios, lo que ayuda a crear una sensación de urgencia.

Puede asignar fácilmente productos a diferentes categorías y personalizar su navegación para que a las personas les resulte más fácil navegar.

Plantilla de cartera

Los portafolios son importantes para los creativos, ya sea que trabajen con productos visuales, escritos o físicos. Un buen portafolio debe mostrar su personalidad y filosofía y, al mismo tiempo, ser lo suficientemente simple como para dejar que su trabajo hable por sí mismo. Los clientes sólo pasarán unos minutos mirando su cartera, por lo que debe transmitir su mensaje de forma clara y eficiente.

Mencionamos la plantilla Tepito anteriormente y nos gusta para portafolios porque ofrece un buen equilibrio entre texto y elementos visuales. Para una plantilla aún más visual, recomendamos la plantilla Ortiz. Con esta plantilla, puedes incluir un texto introductorio sobre ti y una galería que muestre tu trabajo en forma visual. Si las personas quieren ver más de su biografía o portafolio, pueden elegir usando el menú de fácil navegación en la parte superior de la página.

Permite mucho espacio entre las imágenes y el texto para que la vista descanse y aprecie el contenido.

Plantilla de blog

Un blog bien diseñado muestra sus publicaciones recientes para que la gente pueda saber que su sitio se actualiza periódicamente. Es poco probable que las personas se suscriban al boletín informativo de su blog o lean detenidamente su contenido si no saben cuándo se actualizó por última vez. También debe incorporar elementos visuales para que sus publicaciones atraigan lectores. Puedes ser un excelente escritor, pero aun así necesitarás fotografías de alta calidad para llamar la atención de la gente.

Nos gusta la plantilla Stanton para blogs. Stanton le permite agregar una propaganda que informa a las personas sobre su blog, junto con una imagen. Cuando las personas se desplazan hacia abajo, se muestran sus publicaciones recientes en la vista de galería junto con un texto de vista previa, una imagen y una fecha. El ejemplo aquí es para un blog de recetas, pero la plantilla es excelente para blogs de viajes, fotografía, salud o diseño.

Plantillas de programación empresarial

La programación en línea es muy importante para las empresas y los consultores independientes. Un sitio web con funciones de reserva bien diseñadas (como un calendario en línea) elimina la necesidad de que los clientes potenciales llamen o envíen correos electrónicos y esperen una respuesta suya. También elimina la necesidad de ir y venir para determinar la disponibilidad. Cuanto más fácil sea para las personas programar llamadas, más probabilidades habrá de que lo hagan.

Nos encanta la plantilla de Almar para empresas y consultores porque tiene una herramienta de programación en línea fácil de usar. También le permite agregar áreas de fácil navegación para informarle a la gente sobre los diferentes servicios que ofrece. Incluso puede agregar secciones para logotipos y testimonios de clientes para generar confianza con clientes potenciales.

Plantillas de página de destino

A veces, no necesitas un sitio web completo para tu servicio o negocio. Este suele ser el caso cuando tienes un único evento, producto o servicio y solo quieres que la gente se registre. Una única página de destino también es una buena forma de "estacionar" un sitio web que aún no se ha lanzado. A menudo, es mejor tener una página de destino que no tener ninguna presencia en línea.

Su página de destino debe ser visualmente interesante, fácil de usar y brindar a las personas una sensación de urgencia. Las mejores plantillas para páginas de destino le permiten agregar imágenes grandes y interesantes, información esencial sobre su evento o producto y un llamado a la acción claro, ya sea para confirmar su asistencia, registrarse, comprar o simplemente comunicarse con su empresa.

Tu llamado a la acción no tiene por qué ser un botón. Puede ser un mensaje que le diga a la gente que haga algo. Su página de destino también puede vincular a otra información sobre su empresa, como una página principal o un perfil de Instagram.

Nos gusta la plantilla Wycoff para páginas de destino porque tiene todos estos elementos. El propósito del sitio es inconfundible y es difícil pasar por alto el llamado a la acción.

Las mejores plantillas y familias de Squarespace en la versión 7.0

Si decide optar por una plantilla de la versión 7.0, un buen lugar para comenzar es la familia de plantillas Brine. Es el más popular y flexible, y se utiliza para crear más de 40 plantillas. Tiene una página de productos avanzados, desplazamiento de paralaje y una página de índice apilada.

Aquí está la plantilla original de Brine en acción, que es la base de una tienda en línea que vende encurtidos. Ahora no sé sobre el potencial comercial, pero el diseño se ve genial.

Pero aquí está la magia de las familias de plantillas: aquí está Brine completamente transformado en el sitio web de un restaurante llamado Basil. A continuación se muestra la página del menú, que utiliza una "página de colección" para agregar elementos.

Y aquí está nuevamente, transformada en una plantilla llamada Hatch, que funcionaría muy bien para un sitio web personal o una página de portafolio de autónomo.

Aquí hay más ejemplos que realmente me gustan:

Gran plantilla para blog de Squarespace: Tudor

Quiero decir, sólo mira eso. Tudor es un estilo de revista, limpio, diseño de 3 columnas (que se puede adaptar), tipografía bonita y moderna, íconos mínimos de redes sociales. Me dan ganas de empezar un blog sólo para jugar con esta plantilla.

Gran plantilla de Squarespace para un portafolio – York

Aquí se utiliza York para designar a un diseñador, pero cualquiera que cree con medios visuales puede hacer que su trabajo brille. Las imágenes ocupan un lugar central y obtienes más información cuando pasas el cursor sobre ellas, perfecto para descripciones rápidas de proyectos o estudios de casos.

La mejor plantilla de Squarespace para fotógrafos: Ishimoto

Realmente me gusta cómo este tema de Ishimoto te permite resaltar una imagen grande y permite a los usuarios navegar rápidamente por una galería gracias al carrusel. Es minimalista, eficaz y hermoso. Consejo: encuentre más información sobre creadores de sitios web de fotografía aquí.

¿Existe alguna diferencia entre 'plantillas' y 'temas'?

No.

Son lo mismo pero con diferente nombre. El propio Squarespace los llama plantillas, no temas. Pero… también están las familias de plantillas.

Espera, ¿qué son las familias de plantillas de Squarespace?

Buena pregunta. Lo primero que hay que entender aquí es que familias de plantillas es un término que en realidad sólo es relevante para la versión 7.0 . Es simplemente un grupo de plantillas que comparten la misma estructura subyacente.

¿Por qué esto importa? Bueno, sólo significa que algunas opciones de estilo sólo estarán disponibles en determinadas familias de plantillas.

Así, por ejemplo, en la versión 7.0, las plantillas Adversary, Alex y Ginger están basadas en la familia Marquee. Algunas características únicas de esa familia son:

• El encabezado del sitio se puede fijar en la parte superior mientras se desplaza
• El tamaño del logotipo no se puede cambiar
• La barra lateral no es compatible
• El desplazamiento de paralaje funciona en banners

La plantilla Adversary, utilizada para el sitio web de una banda.

Sin embargo, esto ya no es importante en la versión 7.1, porque todas las plantillas pertenecen a la misma familia . Por lo tanto, tendrá las mismas opciones para diseñar y diseñar su sitio , sin importar la plantilla que elija.

Lo que nos lleva al siguiente punto importante: cómo elegir la plantilla de Squarespace adecuada:

¿Cómo debo elegir una plantilla de Squarespace?

Elegir una plantilla de Squarespace puede ser complicado (¡especialmente cuando tienes tantos diseños magníficos para elegir!), pero tienes varias herramientas a tu disposición para ayudar a que el proceso sea un poco más fácil:

• Utilice las categorías (Tiendas en línea, Portafolio, etc.) para ayudarlo a filtrar sus opciones. ¿No encuentras una plantilla que te guste en tu categoría? No hay problema: como todas las plantillas se pueden adaptar a cualquier propósito, simplemente elija una plantilla que tenga una apariencia similar a la que desea para su sitio, independientemente de la categoría.
• Asegúrese de obtener una vista previa de las plantillas antes de decidirse por una (incluso puede hacer una demostración completa para tener una idea de cómo se vería un sitio en vivo). Esto es realmente importante, ya que no podrás cambiar tu plantilla más adelante (si estás usando la versión 7.1).

Con las plantillas de la versión 7.1 de Squarespace, es bastante fácil cambiar sus diseños, gracias a la capacidad de agregar secciones prediseñadas. Por lo tanto, recomendaría elegir una plantilla basada en estilos (fuentes, colores, etc.) en lugar de diseño , ya que se necesita más trabajo para hacer ajustes estilísticos que estructurales.

Si está utilizando una plantilla de la versión 7.0, recuerde que sus opciones de estilo las dicta la familia de su plantilla . Eso significa que debes considerar cómo quieres que se comporte tu sitio al elegir una plantilla. ¿Quieres enumerar las publicaciones de tu blog en una cuadrícula? ¿Necesitas una barra lateral de contenido? ¿Qué tal los enlaces de navegación en el pie de página?

Sé que suena un poco abrumador, pero afortunadamente Squarespace tiene un útil cuadro comparativo de plantillas para las plantillas v7 aquí.

Plantillas de Squarespace en la versión 7.1

Lo realmente bueno del enfoque que ha adoptado Squarespace en la versión 7.1 es que todas las plantillas tienen la misma estructura subyacente y opciones de estilo . Eso le brinda una buena cantidad de libertad para personalizar sus plantillas como desee, algo que faltaba dolorosamente en la versión 7.0.

Entonces, por ejemplo, podrías comenzar con una plantilla ultraminimalista de solo texto como Suhama (ideal para CV y ​​sitios personales):

Y haz ajustes (inserta nuevas secciones, cambia la fuente y los colores, etc.) para terminar con una plantilla más rica visualmente como Tepito:

De hecho, las plantillas de la versión 7.1 de Squarespace son tan versátiles que puedes modificar cualquiera de los siguientes elementos:

• Fuentes (familias de fuentes, espaciado, altura, etc.)
• Colores (gracias a las paletas y combinaciones de colores personalizables de Squarespace)
• Botones
• Animaciones
• Espaciado
• CSS personalizado
• Y más

Todos estos elementos se pueden personalizar en el menú Diseño; consulte nuestro tutorial de Squarespace para obtener más información.

Con más de 100 plantillas para elegir en Squarespace 7.1, elegir la adecuada puede resultar abrumador. Hemos elegido nuestras plantillas favoritas en cada categoría. Esperamos que encuentre la plantilla adecuada para usted, ya sea que esté iniciando un blog, una tienda en línea, un sitio de cartera o una página de destino.

¿Cuánta personalización obtengo con la versión 7.0?

Como has visto con la familia Brine, puedes transformar completamente tu plantilla moviendo elementos y usando las opciones de personalización estándar. Todo esto se hace a través de los Estilos del sitio.

Ejemplo de estilos de sitio con la plantilla Brine

Los estilos del sitio te permitirán modificar cosas como:

• Tipografía : (familia de fuentes, color y tamaño)
• Tamaños y valores (para relleno, espaciado, etc.)
• Relación de aspecto de las imágenes
• Imagen de fondo
• Mostrar y ocultar elementos
• Y más…

Después de realizar los cambios, puedes decidir deshacerlos o guardarlos. Si se guardan, aparecerán activos en su sitio.

Pero si quieres aún más opciones de personalización, estás de suerte porque Squarespace también ofrece:

• Plantillas en blanco: elija una plantilla de sitio web en blanco en lugar de utilizar una demostración con su contenido, esto podría brindarle un mayor control creativo.
• Código personalizado: Sí, puedes agregar HTML o CSS para crear un sitio web completamente personalizado. Pero necesitarás el plan Business para hacerlo, y el soporte no te ayudará si algo sale mal (hasta que elimines el código personalizado).

• Funciones premium: dependiendo de tu plan de Squarespace, puedes agregar funciones premium como los bloques de código antes mencionados, inyección de JavaScript y más.

Una última cosa a tener en cuenta: cuando te registras para una prueba gratuita de Squarespace, todas las funciones Premium se habilitan automáticamente. Sin embargo, los perderá si su plan no los admite más adelante.

¿Las plantillas de Squarespace son compatibles con dispositivos móviles?

Por defecto, sí. Todas las plantillas de Squarespace están diseñadas para ser responsivas, por lo que los elementos se reorganizarán para verse bien en pantallas de cualquier tamaño.

Sin embargo, en la versión 7.0 tienes la opción de modificar algunos elementos, en caso de que necesites que el sitio funcione bien. Por ejemplo, ¿ves cómo el título de este tema de Mojave es demasiado grande para una pantalla pequeña?

Es posible que sea necesario acortar o cambiar el tamaño del título manualmente para dispositivos móviles.

Además, puedes hacer que tu sitio sea aún más compatible con dispositivos móviles siguiendo algunos consejos y trucos.

¿Cuánto cuestan las plantillas de Squarespace?

Es fácil: todos son gratuitos. Solo pagas lo que cueste tu plan Squarespace.

Pero también puedes comprar plantillas hechas a medida directamente de diseñadores externos. Estos tienden a rondar la marca de 100 a 300 dólares.

¿Cuáles son las diferencias entre las plantillas de Squarespace en las versiones 7.0 y 7.1?

Cuando te registras en un nuevo sitio web de Squarespace, se te presentarán automáticamente las plantillas más nuevas de Squarespace (versión 7.1) para elegir:

Sin embargo, si se desplaza hacia abajo en la página, verá una opción para elegir entre las plantillas de la versión anterior 7.0:

Visualmente, no hay una gran diferencia entre las plantillas 7.0 y 7.1: ambas versiones ofrecen diseños de sitios web elegantes que reflejan el estilo minimalista único de Squarespace.

Sin embargo, desde el punto de vista funcional, existen algunas diferencias clave a tener en cuenta. En mi opinión, la más importante es que las plantillas de Squarespace 7.1 utilizan la misma plantilla base, lo que significa que no importa qué plantilla elijas, tendrás acceso a las mismas opciones de diseño y estilo que cualquier otra plantilla.

Además, la versión 7.1 ofrece más de 100 secciones prediseñadas (encabezados, texto, imágenes, galerías y más), que se pueden agregar a cualquier página. En última instancia, eso le brinda un mayor control sobre el diseño de su sitio.

Analicemos estas diferencias con mayor detalle:

¿Puedo cambiar de una plantilla de la versión 7.0 a una plantilla 7.1?

Desafortunadamente , no hay forma de cambiar de una plantilla de Squarespace versión 7.0 a una plantilla 7.1 . Si tiene un sitio existente creado con una plantilla 7.0, la única forma de actualizar a 7.1 sería reconstruir manualmente su sitio. Eso significa recrear el diseño y copiar y pegar sobre el contenido existente.

¿Puedo encontrar plantillas de Squarespace en otro lugar?

Sí, como se señaló anteriormente. Simplemente busque "plantillas premium de Squarespace" y encontrará algunos desarrolladores que se especializan en vender diseños personalizados de Squarespace. Lo ideal es que estas empresas puedan instalar la plantilla directamente en su cuenta de Squarespace (si ya tiene un sitio de Squarespace).

Sin embargo, tenga en cuenta que muchas plantillas requieren el uso de la plataforma para desarrolladores de Squarespace, y actualmente solo está disponible para la versión 7.0 . Para la versión 7.1, también puedes comprar kits de plantillas de Squarespace en algunos sitios web que vienen con instrucciones de configuración paso a paso (básicamente usas su obra de arte y creas el diseño en Squarespace tú mismo). Esto parece una forma indirecta compleja, pero podría ser útil si desea cambiar su sitio de forma independiente más adelante.

Algo importante a tener en cuenta: si simplemente copia y pega el código usted mismo, quedará fuera del alcance del soporte de Squarespace.

¿En cuanto a otros pros y contras de una plantilla Premium de Squarespace? Yo diría que la principal ventaja es que su sitio se destacará entre la multitud . Incluso con todas las opciones de personalización, es probable que encuentres cada vez más sitios que se parezcan mucho al tuyo.

Pero también puede resultar caro, especialmente si necesita comprar cambios más adelante. Claro, habrá una tarifa fija por la plantilla premium, pero estarás vinculado al código del desarrollador y es posible que no ofrezcan soporte ilimitado.

Conclusión: pros y contras de las plantillas de sitios web de Squarespace

Hay muchas cosas que me gustan de las plantillas de Squarespace, y aún más con la versión 7.1. El diseño del sitio web es impecable, como se esperaba, pero la personalización y la variedad también parecen ofrecer la cantidad justa de opciones sin ser abrumadoras.

Ventajas de las plantillas de Squarespace

• Elegante y estéticamente agradable
• Selección decente
• Buenas opciones de flexibilidad y personalización (especialmente con la versión 7.1)
• Puedes agregar código personalizado

Sin embargo, puedo entender cómo algunas personas querrían más opciones de personalización. En ese caso, probablemente te recomendaría que mires Wix (lo suficientemente flexible como para colocar todo manualmente desde el editor), Weebly (que te permite modificar el código a tu gusto) o incluso Webflow (que te brinda control total sobre tu diseño del sitio, sin necesidad de ningún tipo de codificación).

Desventajas de las plantillas de Squarespace

• La personalización avanzada puede requerir funciones premium
• Se basan en imágenes grandes y hermosas. Si su contenido no es de tan alta calidad, las plantillas rápidamente se ven menos atractivas.
• Las plantillas son personalizables, pero aún se basan en cuadrículas rígidas. No obtienes control total sobre los elementos como ocurre con otros constructores más flexibles.

Y eso lo cubre todo. ¿Algo más que te gustaría saber sobre las plantillas de Squarespace? Déjame saber abajo en los comentarios.