Cómo utilizar Squarespace para crear un sitio web (tutorial 2023)

Squarespace es una solución elegante para crear sitios web sin tener que saber nada sobre diseño web. Viene con un creador de sitios web potente pero simple que permite a los usuarios crear el sitio web de sus sueños, simplemente arrastrando y soltando elementos, eligiendo secciones y editando imágenes.

Aunque el constructor está diseñado para ser simple, se necesitan algunos pasos para comenzar de la manera correcta. ¡No te preocupes! Puedes hacerlo tú mismo con sólo un poco de orientación.

Cómo crear un sitio web usando Squarespace en 7 sencillos pasos

Puedes iniciar tu sitio web de Squarespace sin gastar un centavo. Ellos ofrecen un prueba gratuita de 14 días.. Sin embargo, debe comprender que esta prueba le permite probar el creador, pero no publicar su nuevo sitio. Si decide hacerlo público, sea preparado para pagar.

• Paso n.° 1: comenzar con Squarespace
• Paso 2: usar un creador de sitios web de Squarespace
• Paso #3: Realizar cambios de diseño en su sitio web
• Paso #4: Agregar funcionalidad a su sitio web
• Paso #5: Optimización de su sitio web
• Paso #6: Conociendo el tablero
• Paso #7: Publique su sitio web para publicarlo

Paso n.° 1: comenzar con Squarespace

1. Visita el sitio de Squarespace.

¡Empecemos! Dirigirse a Squarespace.com. Esta será su plataforma de lanzamiento, así que no dude en marcar la URL como favorita.

2. ¿De qué trata tu sitio?

En este siguiente paso, la plataforma le hará algunas preguntas. No te preocupes; nadie te juzgará y no hay respuestas incorrectas. Simplemente elija una etiqueta que describa lo que está a punto de crear o describa su sitio web escribiendo una breve descripción.

Esta información ayudará a Squarespace a encontrar algunas ideas y ejemplos iniciales para que su viaje de creación web comience con el pie derecho. Si aún no sabe de qué se tratará su sitio, siempre puede omitir las preguntas haciendo clic en el botón "SALTAR" en la parte inferior de la página.

3. Elija intereses.

De manera similar al último paso, seleccione una o más opciones. ¿Quieres escribir un blog, promocionar un negocio o quizás vender productos?

Marque las casillas que se apliquen a sus aspiraciones. Aunque estas respuestas se tendrán en cuenta para crear una página de demostración para usted, siempre podrá agregar o eliminar elementos y funciones de su sitio posteriormente (más información sobre esto más adelante en la sección "Uso de un creador de sitios web de Squarespace").

4. etapa

¿Dónde estás en tu proceso? ¿Aún estás trabajando en la idea completa del sitio web o ya conoces la mayoría de las funciones que deseas agregar a tu sitio? ¿Quizás ya tienes un sitio web en una plataforma diferente y quieres trasladarlo a Squarespace?

Elija su respuesta y habrá terminado con el proceso de incorporación.

5. Elija una plantilla.

Aquí es donde entra en juego la comienza la parte divertida. Ya terminó con el cuestionario de Squarespace y ahora puede elegir una plantilla. Así es como se verá tu sitio, así que tómate tu tiempo y navega por todos ellos hasta que encuentres una plantilla que realmente te guste.

Una vez que esté satisfecho con una plantilla, mueva el cursor sobre ella y haga clic en el botón de vista previa para verla en acción. Si esta es tu elección, puedes repetir el proceso, pero esta vez elige el botón “Comenzar con” para seleccionar una plantilla.

6. Cree su cuenta.

Puede crear su cuenta ingresando su dirección de correo electrónico. Pero para que todo sea más rápido, Squarespace ofrece la opción de crear nuevas cuentas conectando cuentas existentes de Google, Apple o Facebook.

Elige el método que prefieras, ya que no hace ninguna diferencia después.

7. Ingrese los detalles.

Complete detalles como su nombre, correo electrónico y contraseña, y haga clic en el botón “Continuar”. Si elige conectarse con Google, Apple o Facebook, aparecerá una ventana emergente que le pedirá que inicie sesión en su cuenta para continuar.

Espere a que Squarespace recopile todos los datos necesarios e iniciará sesión automáticamente en su nueva cuenta. ¡Enciendan sus motores!

Paso 2: usar un creador de sitios web de Squarespace

Squarespace tiene una interfaz muy agradable. Lo notarás desde la primera vez que inicies sesión cuando la plataforma te guiará a través de algunos pasos más donde podrás nombrar tu sitio y aprender algunas de las características más importantes, como agregar páginas. Siéntete libre de explorar y aprender desde el principio.

Cuando empieces a trabajar con Squarespace, las configuraciones más importantes estarán ubicadas en el menú del lado izquierdo. Allí encontrarás:

• Páginas – elija qué página modificar y agregue nuevas para crear el sitio que desea. Este es el lugar desde donde puedes agregar blogs, tiendas y páginas simples como contacto, acerca de, etc.
• Diseño – seleccione entre algunas configuraciones dedicadas a fuentes, colores, animaciones, espacios, botones, etc. Si conoce CSS, también puede escribir su código personalizado aquí.
• Locales – comienza a vender con Squarespace. Administre pedidos, inventario, clientes, descuentos y todo lo relacionado con su nueva tienda en línea.
• Marketing – administre sus campañas de correo electrónico, SEO, ventanas emergentes promocionales, barras, conecte perfiles de redes sociales, etc.
• Programación – asistente en línea de inteligencia artificial que lo ayuda con clientes, recordatorios y pagos en línea.
• Análisis – vea qué está pasando con su sitio. Verifique sus ventas, tráfico, registro de actividad, contenido más popular y palabras clave.
• Perfiles – ver información sobre sus clientes, suscriptores y más. Filtre por etiquetas y redacte correos electrónicos de marketing desde una ubicación central.
• Ajustes – el lugar para hacer público su sitio. Cambie idiomas, información comercial, dominios, extensiones, facturación y cuenta, y mucho más.
• Ayuda – abre la base de conocimientos donde puedes aprender más sobre Squarespace, ver videos y leer tutoriales.

Editora

Cuando esté listo para comenzar a trabajar en el diseño de su sitio, simplemente haga clic en el botón "Editar" ubicado en la parte superior. Esto abrirá el editor de Squarespace donde podrás comenzar a personalizar las páginas.

Paso #3: Realizar cambios de diseño en su sitio web

Squarespace es un editor visual. Eso significa que todo lo que haces se hace directamente en el sitio web eligiendo elementos uno por uno.

Empecemos desde arriba y avancemos hacia abajo.

Mueva el cursor sobre la barra superior, que se conoce como encabezado. Aparecerá un pequeño botón que le permitirá editar el encabezado. Aquí es donde subes tu logo, agregue un título de sitio, elija qué elementos mostrar (como botones e íconos sociales), diseñe diferentes colores o incluso fije todo el encabezado (lo que significa que siempre permanecerá en la parte superior mientras sus visitantes se desplazan hacia abajo en la página).

Las siguientes en la fila para editar son las secciones. La primera sección debajo del encabezado suele ser la más grande y contiene enormes imágenes destacadas y texto que deberían captar la atención del visitante. Coloque el cursor sobre él y elija el pequeño botón de edición (lápiz) en el lado derecho de la pantalla. Aquí podrá seleccionar la altura, el ancho, la alineación del contenido, el fondo, los colores, etc. de una sección.

Siéntete libre de explorar y moverte a tu propio ritmo. Cuando decidas cambiar el texto, los botones o cualquier otro elemento, coloca el cursor sobre él para revelar su configuración. Dependiendo de la plantilla que seleccione, los elementos serán diferentes, por lo que puede esperar texto, imágenes, botones, formularios, videos, etc.

Para continuar modificando la plantilla, sigue bajando en la página y repite el proceso: coloca el cursor sobre el elemento que deseas rediseñar y comienza a jugar con las opciones.

Puede eliminar secciones fácilmente o moverlas hacia arriba y hacia abajo haciendo clic en el botón del menú del lado derecho que aparece cuando pasa sobre un elemento específico.

Si bien esto le brinda control sobre los elementos existentes, probablemente se esté preguntando cómo agregar otros nuevos. ¿Viste un pequeño ícono más azul cuando pasaste el cursor sobre los elementos? ¡Ese es el secreto! Aparece en la parte superior e inferior de cada segmento y representa una ubicación donde puede agregar una nueva sección. Vamos, haz clic en él. Se mostrará una nueva ventana emergente que revelará todas las secciones que puedes agregar a tu página de Squarespace.

Hay decenas de secciones, cada una con sus propias variantes. Tómate tu tiempo y examínalos todos. Puede agregar listas, galerías, imágenes, formularios, gráficos y mucho más.

Tan pronto como haga clic en un elemento, aparecerá una nueva sección en su sitio. Para personalizarlo aún más, coloca el cursor sobre los bloques y continúa explorando las opciones.

Paso #4: Agregar funcionalidad a su sitio web

Agregar elementos es divertido. Pero dos de las funcionalidades más populares que los usuarios suelen requerir son blogs y eCommerce. Estos no se encontrarán en la lista de elementos que les mostré anteriormente. Entonces, veamos cómo agregarlos a su sitio rápidamente.

Blog

Aunque añadir un blog pueda parecer complicado, lo cierto es que un blog no es más que una página más. Para agregar uno, debes salir del editor de diseño haciendo clic en el botón "Listo" en la esquina superior izquierda.

Desde aquí, seleccione la primera opción "Páginas".

Es muy probable que ya tengas un blog en la lista. Esto depende de las respuestas del cuestionario y de la plantilla que haya seleccionado. Si hay un blog en la lista, simplemente puede seleccionarlo.

De lo contrario, puede agregar rápidamente un blog haciendo clic en el ícono “+” y eligiendo un blog de la lista.

Una vez que tenga un blog en la lista, puede abrir la página. Como ya ha comenzado con una plantilla, esto significa que ya tendrá preparado algún contenido de demostración. En el lado izquierdo de la pantalla, puede encontrar las publicaciones de su blog existentes. A la derecha, verá su blog actual o una publicación de blog específica cuando la seleccione.

Para agregar una nueva publicación, busque el ícono “+” en el menú. Al hacer clic en el icono se mostrará un editor donde podrás escribir un título y el contenido principal. Impresionante, ¿no?

eCommerce

Al igual que un blog, es posible que su plantilla ya venga equipada con una tienda. De lo contrario, puede agregar uno seleccionando el ícono “+” y buscando la opción “Tienda”.

Una nueva ventana emergente le mostrará dos versiones de una tienda que puede tener. Selecciona el que prefieras para continuar con el proceso de edición.

Desde el lado izquierdo, tendrás todos tus productos de demostración con sus precios. Haga clic en cualquiera para ver cómo se ve en el lado derecho. Esta es sólo la vista previa (algo que sus visitantes podrán ver).

Cuando decidas comenzar a editar productos y agregar los tuyos propios, tendrás que hacer clic en los puntos suspensivos y elegir las opciones de edición. Esto abrirá una pantalla completamente nueva, que le permitirá entrar en detalles.

Cambie imágenes, agregue precios, controle el inventario, variaciones y más.

Paso #5: Optimización de su sitio web

Aunque haya completado el diseño de su sitio, todavía no está listo para publicarlo. Hay algunas cosas más importantes que manejar, así que tengan paciencia conmigo.

SEO

Si desea que otras personas encuentren su sitio más fácilmente a través de Google, Bing, Yandex y otros motores de búsqueda, debe ocuparse de algunos aspectos de SEO (optimización de motores de búsqueda) opciones.

Cuando esté editando su sitio, ubique el pequeño ícono de ajustes en la esquina superior derecha de su navegador (debería haber sido más prominente, lo sé). En la ventana emergente de configuración que aparece, elija "SEO".

Aquí tienes: las opciones de SEO más importantes para tu sitio están frente a ti, y ese es el título y la descripción de la página que estás editando actualmente. Esta es la información que será visible en los motores de búsqueda cuando las personas encuentren su sitio haciendo una pregunta a Google. Lo reconocerás cuando eches un vistazo a la vista previa.

Debe repetir este proceso para cada página de su sitio. Una vez que publique el sitio web, tenga paciencia. Pueden pasar algunas horas, días o incluso semanas antes de que los motores de búsqueda rastreen e indexen su sitio con los cambios que seleccionó.

Optimización móvil

En el mundo moderno, Optimización de su sitio para teléfonos inteligentes. es tan importante como optimizarlo para Google (esos dos van de la mano). Por suerte, Squarespace te lo pone fácil.

Cuando estás editando una página, puedes encontrar un pequeño ícono de móvil en la barra superior. Esto le permitirá obtener una vista previa de su sitio en un teléfono móvil. Eso es todo, no hay cambios que hacer aquí porque todos Plantillas de Squarespace responden automáticamente (lo que significa que modifican los elementos para que se muestren bien en todos los tamaños de pantalla).

Sería fantástico tener opciones para modificar el sitio móvil y agregar/eliminar elementos específicos solo para usuarios de dispositivos móviles, pero desafortunadamente, todas las ediciones del sitio con Squarespace son globales (afectando a todas las versiones del sitio).

Paso #6: Conociendo el tablero

Siempre se puede acceder al panel yendo a account.squarespace.com. Si ha iniciado sesión, este es el lugar para comenzar a trabajar con su(s) sitio(s). El panel muestra todos los sitios que ha creado y le permite iniciar uno nuevo.

Elegir el sitio web o la opción de comercio lo llevará al área de configuración, mientras que hacer clic en los puntos suspensivos le permitirá administrar permisos, facturación, otras configuraciones e incluso duplicar todo el sitio o eliminarlo.

En la barra superior de la página, también encontrará una pestaña dedicada a los dominios donde podrá conectar dominios existentes o comprar uno nuevo. Hasta que elija una de esas opciones y actualice su plan, su sitio estará bajo el subdominio de Squarespace.

En el lado derecho, hay enlaces que lo llevarán a la documentación y la configuración de la cuenta.

Paso #7: Publique su sitio web para publicarlo

Si bien puedes probar Squarespace durante 14 días, lamentablemente no puedes publicar tu sitio durante ese período.

Para publicar un sitio, deberá tener una suscripción paga. Después de eso, podrá publicar su sitio yendo a Disponibilidad del sitio en el menú Configuración. Allí, tendrá la opción de hacer que su sitio sea público, privado o protegido con contraseña.

Preguntas Frecuentes

Para Concluir

Creando un sitio de Squarespace no es complicado. Entonces, aunque este fue su primer encuentro con un creador de sitios web, estoy seguro de que disfrutó iniciando un sitio web y que aprendió algo.

Pero no te detengas aquí. Ahora que tiene un sitio en funcionamiento y sabe cómo moverse por Squarespace, tómese más tiempo para explorar todas las opciones disponibles. Hay incluso más información y oportunidades que no cubrí en esta guía. Así que tómate tu tiempo, crea otro sitio web de prueba y prueba hasta que puedas crear lo que inicialmente tenías en mente: ¡un hermoso sitio web personal o comercial propio!