Cómo hacer una página web de Squarespace: una guía paso a paso

Tal vez has oído el rumor de lo fácil que es hacer un sitio web de Squarespace, o tal vez te ha encantado uno de sus embajadores de marca de la lista A. No importa cómo te interesaste en Squarespace, probablemente estás aquí por una razón: tienes una idea de sitio web y quieres «hacerla realidad».

Cómo hacer una página web de Squarespace: una guía paso a pasoCualquiera puede hacer un sitio web de Squarespace. Aquí está cómo. Ilustración de OrangeCrush

Como alternativa a Wix u otros constructores de sitios web, Squarespace es una gran plataforma para crear un sitio web, incluso si no tienes experiencia previa. La interfaz WYSIWYG hace que construir una página web sea tan fácil como arrastrar y soltar, mientras que las plantillas preestablecidas te dan la estructura y la configuración de un sitio hecho profesionalmente.

Aún así, hay un poco de curva de aprendizaje, y la interfaz amigable tiene un límite en su facilidad de uso. Así que si quieres saber cómo hacer un sitio web de Squarespace, hemos creado esta práctica guía paso a paso que responde a las preguntas más comunes, con capturas de pantalla para evitar más confusiones.

Cómo hacer una cuenta de Squarespace

Antes de hacer algo, tienes que crear una cuenta en Squarespace. Necesitarás un acceso a Squarespace cada vez que quieras editar tu sitio.

1. Ve a la página web principal de Squarespace.

2. Aunque hay algunas rutas diferentes para llegar a la página de creación de la cuenta, la más rápida es hacer clic en Iniciar sesión en la esquina superior derecha de la página principal.

Cómo hacer una página web de Squarespace: una guía paso a paso

3. Haz clic en Crear cuenta en la esquina superior derecha.

Cómo hacer una página web de Squarespace: una guía paso a paso

4. Tienes la opción de elegir tu identificación: Google, Apple o correo electrónico general, además de Twitter o Facebook en Otras opciones . Este será el ID de tu cuenta, aunque podrás personalizar tu contraseña.

Cómo hacer una página web de Squarespace: una guía paso a paso

5. Eso es todo por ahora. Desde aquí serás llevado directamente al editor del sitio, aunque tu cuenta ya ha sido creada. Puedes volver a entrar en cualquier momento para continuar donde lo dejaste. No tienes que preocuparte por el pago o la información de la tarjeta de crédito todavía.

Como hacer un sitio web de Squarespace

Una vez que tengas tu cuenta, puedes empezar a crear tu sitio web de Squarespace en cualquier momento.

1. Después de iniciar sesión, irás a la página de tu cuenta. Haz clic en cualquier lugar del gran cuadro vacío, o bien haz clic en Crear un sitio en la esquina superior derecha. Ambos van al mismo lugar.

Cómo hacer una página web de Squarespace: una guía paso a paso

2. Ahora estás en la página de Plantillas de Espacios Cuadrados. La elección de la plantilla es la decisión más importante que harás cuando construyas tu sitio web de Squarespace. (A menos que prefiera obtener su propio diseño único, en cuyo caso puede trabajar con un diseñador para crear un diseño web de Squarespace personalizado sólo para usted – ¡sí, esa es una opción también! Más sobre eso al final del artículo).

Como la elección de una gran plantilla es tan importante, recomendamos ver una lista de posibles plantillas antes de decidir la elección final. Puede ver las plantillas más populares por industria a lo largo del menú vertical de la izquierda.

Para previsualizar las plantillas, sólo tienes que hacer clic en Previsualizar según la plantilla que te interese.

Cómo hacer una página web de Squarespace: una guía paso a paso

3. La vista previa le muestra capturas de pantalla de muestra en diferentes modos como escritorio, móvil o tableta, que puede cambiar haciendo clic en los iconos de la esquina superior izquierda. Para ver una muestra interactiva del aspecto de la plantilla cuando se publica, haz clic en Ver el sitio de demostración en la esquina superior derecha.

Cómo hacer una página web de Squarespace: una guía paso a paso

4. Cuando hayas encontrado la plantilla que deseas, haz clic en Empezar con este diseño si estás en la vista previa, o Empezar con … si estás en la página de la plantilla.

5. Ahora te llevarán al asistente de a bordo. Aquí introduces el título de tu sitio web de Squarespace y lees un rápido tutorial sobre cómo editar las páginas y diseñar tu sitio, o puedes optar por no hacerlo haciendo clic en Skip .

Cómo hacer una página web de Squarespace: una guía paso a paso

6. Aquí es donde comienza la «diversión». En el editor del sitio, eres libre de diseñar tu sitio como quieras. Al editor le cuesta un poco acostumbrarse, así que le recomendamos que juegue y haga clic en los elementos que le interesan, aunque a continuación le explicamos cómo realizar algunas de las tareas más comunes.

Cómo hacer una página web de Squarespace: una guía paso a paso

En general, se puede navegar por la categoría principal que se desea editar en el menú de la izquierda: las páginas individuales de su sitio web (» Páginas «), el diseño de esas páginas (» Diseño «), la funcionalidad del comercio electrónico (» Comercio «) y otros.

Puedes abrir el editor WYSIWYG en cualquier momento haciendo clic en Edit en la parte superior izquierda de la vista previa del sitio. Aquí es donde puedes cambiar el texto y las imágenes, añadir botones y más. También puedes cambiar a la vista de un dispositivo móvil haciendo clic en el icono del smartphone en la esquina superior derecha.

Cómo hacer una página web de Squarespace: una guía paso a paso

Siéntase libre de experimentar usted mismo. Dependiendo de su proyecto, puede necesitar diferentes opciones de diseño, pero la interfaz es bastante auto-explicativa. Consulte a continuación para obtener instrucciones específicas paso a paso sobre tareas más complicadas.

7. Después de hacer cambios en el editor WYSIWYG, tienes que guardarlos (o descartarlos) antes de volver al menú principal de edición. Para ello, haz clic en Done en la esquina superior izquierda y haz clic en tu elección en el menú desplegable.

Cómo hacer una página web de Squarespace: una guía paso a paso

8. Para previsualizar su sitio e interactuar con él como usuario, haga clic en la flecha de la esquina superior derecha. Puedes navegar por tu sitio aquí, pero no editarlo. Para volver, sólo tienes que hacer clic en la flecha inversa de la esquina superior derecha.

Cómo hacer una página web de Squarespace: una guía paso a paso

9. Si te tomas en serio la creación de un sitio web de Squarespace y quieres publicar tu página, en algún momento tendrás que suscribirte a su servicio de pago. Cuando estés listo, haz clic en Subscribe en la parte inferior del editor del sitio.

Hay cuatro planes de precios de Squarespace: dos para negocios regulares y dos para comercio electrónico. Para ver una comparación de todas las características y opciones de pago, mira la página de precios de Squarespace.

Cómo hacer una página web de Squarespace: una guía paso a paso

A partir de ahí, es sólo el procesamiento estándar de la tarjeta de crédito. Una vez que hayas pagado, puedes publicar tu sitio tan pronto como quieras.

Cómo editar una página en su sitio web Squarespace

La mayor parte del editor del sitio web de Squarespace es lo suficientemente claro para entenderlo, pero unas pocas tareas comunes en particular pueden hacer tropezar a algunos usuarios. A continuación explicamos cómo añadir un botón, editar texto y personalizar imágenes en Squarespace.

Cómo añadir un botón

1. Entra en el editor WYSIWYG, como se ha explicado anteriormente.

2. Las plantillas de los sitios web de Squarespace están naturalmente divididas en secciones. Puedes ver los saltos de sección representados por pestañas circulares grises y negras, pero sólo aparecen cuando te acercas a ellas. Si quieres añadir un nuevo botón, tienes que hacerlo en estas áreas. De lo contrario, puedes editar el botón preexistente de una plantilla para realizar la acción que desees.

Cómo hacer una página web de Squarespace: una guía paso a paso

3. Al hacer clic en las pestañas mencionadas anteriormente se abre el menú Bloques de contenido . Aquí es donde puedes añadir contenido personalizado como bloques de texto, imágenes, vídeos, espacio vacío o, en este caso, botones.

Cómo hacer una página web de Squarespace: una guía paso a paso

4. Haz clic en el botón del menú Bloques de contenido para añadir un nuevo botón. Puedes personalizar el texto de anclaje, el tamaño, la alineación y la URL de destino en el menú emergente aquí. Todo lo demás tiene que ser cambiado en otro lugar.

Cómo hacer una página web de Squarespace: una guía paso a paso

5. Para cambiar la fuente y el color de los botones, ve al menú principal de edición (sólo guarda tus cambios si estás en el editor WYSIWYG). Desde el menú principal, haz clic en Designs> Buttons para cambiar los valores por defecto de los botones. Tus cambios afectan a todos los botones.

Cómo hacer una página web de Squarespace: una guía paso a paso

6. El color de los botones depende de la paleta de colores general. También puedes cambiarlo desde el menú principal de edición: ir a Diseño> Colores . Sólo tienes que entender que esto afecta a los colores de más que sólo los botones.

Cómo editar el texto

1. Hay dos maneras de añadir y editar texto en tu sitio web de Squarespace. La primera consiste en cambiar el texto que ya está colocado, cortesía de la plantilla elegida.

Para cambiar el texto de la plantilla preexistente, sólo tienes que entrar en el editor WYSIWYG y hacer clic en el bloque de texto que quieras editar. Verás un editor de texto en la parte superior, con opciones de estilo de texto, alineación, listas de viñetas, encabezados y enlaces de texto. (A continuación explicamos cómo cambiar las fuentes.)

Cómo hacer una página web de Squarespace: una guía paso a paso

2. Si quieres añadir texto donde la plantilla no lo tiene ya, puedes hacerlo en el menú Bloque de Contenido. Como explicamos anteriormente, haz clic en la pestaña circular gris/negra entre las secciones para abrir el menú y, a continuación, haz clic en Texto. Esto agregará una nueva sección de texto, donde podrás editar el texto con un editor de texto como se ha indicado anteriormente.

Cómo hacer una página web de Squarespace: una guía paso a paso

3. No importa cómo introduzcas el texto en tu página web, tienes que ir al menú principal de edición para editar las opciones de diseño como la fuente y el tamaño del texto. Desde el menú principal de edición, haz clic en Diseño> Fuentes para personalizar tu tipografía.

Primero puedes elegir tu fuente, con muestras para los encabezados y el texto del cuerpo, y un deslizador de tamaño personalizable. Sin embargo, puedes personalizar más completamente la tipografía de tu sitio web de Squarespace haciendo clic en el icono de engranaje (o «sol») en la esquina superior derecha de la fuente elegida.

Cómo hacer una página web de Squarespace: una guía paso a paso

Esto abre el menú de selección de fuentes más avanzado. Aquí puedes personalizar las fuentes y los tamaños que utilizas para las diferentes áreas, es decir, botones, encabezados, listas de precios, etc.

Cómo hacer una página web de Squarespace: una guía paso a paso

Cómo añadir, editar y cambiar el tamaño de imágenes y vídeos

1. Para editar imágenes y vídeos, primero tienes que entrar en el editor WYSIWYG.

2. Para editar o reemplazar una imagen de fondo o un vídeo , haz doble clic en esa imagen en la plantilla . Ten cuidado de no hacer clic demasiado cerca del texto o de los botones o abrirás el editor para ellos en lugar de la imagen. Aquí puedes editar, eliminar o reemplazar la imagen, u optar por un color mate en lugar de una foto.

Cómo hacer una página web de Squarespace: una guía paso a paso Cómo hacer una página web de Squarespace: una guía paso a paso

Aquí también puedes seleccionar Full Bleed (la foto se extiende hasta el borde de la página) o Inset (hay un borde entre la foto y el borde de la página), y elegir tu opacidad si quieres jugar con la transparencia de la foto.

2. Para opciones más avanzadas, haz clic en Editar imagen en la pestaña Fondo . Esto abre el editor de imágenes, con opciones más avanzadas que incluyen el cambio de tamaño de las fotos, el recorte y la corrección del color.

Cómo hacer una página web de Squarespace: una guía paso a paso

3. Si quieres añadir una nueva imagen o vídeo en el que la plantilla no tenga ya uno, puedes utilizar de nuevo el menú Bloques de contenido. Haz clic en la pestaña circular gris/negro y, a continuación, elige Imagen o Vídeo .

Cómo hacer una página web de Squarespace: una guía paso a paso

Cómo hacer un sitio web de Squarespace para el comercio electrónico

Cómo hacer una página web de Squarespace: una guía paso a paso

En los últimos años, Squarespace ha estado aumentando su funcionalidad de comercio electrónico para competir con constructores de tiendas en línea como Shopify. Esto le da a los minoristas en línea más opciones de personalización de diseño que otras plataformas de comercio electrónico no tienen.

En caso de que no sepas cómo hacer un sitio web de Squarespace para el comercio electrónico, aquí tienes un tutorial rápido. Sólo debes saber de antemano que necesitarás uno de los dos planes de suscripción de comercio para completar y lanzar una tienda en línea.

(NOTA: La belleza de Squarespace es que puede añadir la funcionalidad de comercio electrónico a cualquier plantilla, dándole opciones de personalización más allá de otros constructores de sitios web en línea. Sin embargo, si eres nuevo en el diseño web, puede ser mejor usar una plantilla especialmente diseñada para tiendas en línea).

1. Haga clic en Comercio en el menú principal de edición.

2. Si es su primera vez, esto abre un corto asistente de a bordo para ayudarle a empezar. Debes responder a las preguntas sobre tu sector y tu gama de productos, o puedes optar por no participar en cualquier momento haciendo clic en Saltar .

Cómo hacer una página web de Squarespace: una guía paso a paso

3. Primero, tienes que configurar las páginas de tu tienda. En el menú principal de edición, haz clic en Páginas , luego + Añadir página , y luego Tienda . Elige entre dos diseños diferentes para tus productos para proceder.

Cómo hacer una página web de Squarespace: una guía paso a paso

4. Ahora hay algunos productos de muestra en el editor de tu sitio web de Squarespace. Haz clic en los productos (en la vista previa o en el editor WYSIWYG) para abrir los principales editores de productos. Verás las opciones de Editar producto y Editar diseño en la esquina superior izquierda.

Cómo hacer una página web de Squarespace: una guía paso a paso

5. Haz clic en Editar producto para abrir el editor de productos avanzados. Aquí puedes editar todas las especificaciones del producto: nombre, precio, fotos, texto de descripción, variantes y todo lo esencial, además de algunos extras como la opción de un servicio de suscripción recurrente o los metadatos de SEO. También puedes editar la vista previa de los medios sociales en la pestaña Social, así como duplicar o eliminar los productos en el menú inferior.

Cómo hacer una página web de Squarespace: una guía paso a paso

6. 6. Haz clic en Edit Design (o, desde el menú principal de edición, haz clic en Design> Product Items ) para abrir el editor de diseño de productos. Aquí es donde puedes personalizar todos los elementos de diseño no relacionados con el producto real, como el espaciado de la imagen, la alineación y la colocación general, así como las acciones de clic o las características del pase de diapositivas. Estos atributos de diseño afectan a todas las páginas del producto.

Cómo hacer una página web de Squarespace: una guía paso a paso

7. Tienes que elegir tus opciones de pago antes de que tu sitio pueda salir al aire. En Comercio> Pagos , puedes elegir entre tres opciones para tu sitio web de Squarespace: Stripe, PayPal o Punto de Venta (el uso de Punto de Venta tiene sus propios requisitos, incluyendo un Lector de Cuadrados).

Aquí, también puedes cambiar la moneda de la tienda.

8. También necesitas especificar tu método de envío en Comercio> Envío . Aquí es donde selecciona su método de envío, así como también edita las fórmulas específicas de cuánto cobrar por ubicación, porcentaje de margen de beneficio y el proveedor de servicios de envío. Los diferentes métodos de envío tienen diferentes opciones de parámetros.

Cómo hacer una página web de Squarespace: una guía paso a paso

9. Eso es todo lo que necesitas para lanzar tu tienda, pero hay muchas otras ventajas útiles en la pestaña de Comercio.

  • En Comercio> Pago , puedes ajustar tus opciones de pago y habilitar ventajas como correos electrónicos de carrito abandonado, cantidades mínimas de pedido o Pago Express.
  • En Comercio> Inventario , puede ver una lista rápida de todas las páginas de sus productos, para una rápida edición y actualización.
  • En Comercio> Clientes , puedes ver los datos de los clientes, incluyendo los pedidos y el total gastado.
  • En Comercio> Descuentos , se pueden establecer campañas promocionales como códigos de cupones o ventas con descuento fijo.

Cada modelo de negocio tiene sus propias necesidades, y hay muchas opciones de personalización disponibles. Si estás buscando algo en particular que no hemos mencionado, explora el menú principal de edición para verlo por ti mismo.

¿Debería usar una plantilla o conseguir un diseño web personalizado de Squarespace?

Cómo hacer una página web de Squarespace: una guía paso a pasoPuedes contratar a un experto en Squarespace para que te diseñe una página personalizada

Los sitios web de espacios cuadrados son tan populares porque cualquiera puede diseñar uno, sin importar la experiencia en diseño web. Dicho esto, si lo haces tú mismo con poca o ninguna experiencia en diseño, se verá como un sitio hecho con poca o ninguna experiencia en diseño. Y ten en cuenta que la desventaja de usar una plantilla para es que miles de otras personas están usando la misma plantilla para su sitio web. Tendrás opciones de personalización, pero hay un límite a lo que puedes hacer con una plantilla.

Eso puede funcionar muy bien para las tiendas en línea pequeñas y novedosas o para los negocios que recién comienzan, pero si usted se toma en serio su negocio en línea, es posible que desee un sitio que se vea profesional y único. O tal vez busque un aspecto o una funcionalidad personalizada que una plantilla no puede ofrecerle.

Squarespace ofrece un servicio que lo pone en contacto con un diseñador web profesional para que diseñe su sitio por usted: puede contarles sobre su marca, sus necesidades y su visión y explicarles todas sus ideas de diseño web, y su diseñador experto las pondrá en práctica en un diseño web único creado sólo para usted.

¿Quieres conseguir el perfecto diseño web personalizado de Squarespace?
Encuentra a tu experto en el espacio aéreo ahora!

Buscar diseñadores

Comments are closed.