Tutorial de Squarespace: una guía paso a paso para principiantes

¿Está buscando un tutorial de Squarespace que lo ayude a crear su sitio web?

Es una gran elección. yo amar Espacio cuadrado. No importa lo que quieras construir en este momento, ya sea una tienda de comercio electrónico o un sitio web para tu banda, lo importante es que una vez que sepas cómo para usar Squarespace, sabes cómo hacer un sitio web para prácticamente cualquier cosa.

Por otro lado, Squarespace puede lanzar una extraña bola curva en tu dirección. Tiene tantas opciones diferentes que aprender a usar Squarespace puede resultar un poco confuso. Con esta guía paso a paso, le mostraremos cómo aprovechar al máximo Squarespace para que su sitio web esté en línea más rápido.

📚 Tabla de contenidos:

Tutorial de Squarespace: cómo usar Squarespace para crear un sitio web

Por ahora, vayamos al sitio web de Squarespace y hagamos clic en uno de los dos Empezar botones:

Personalizar tu experiencia de Squarespace

Una vez que haya comenzado, tendrá la opción de responder algunas preguntas sobre su negocio y sitio web. Puede omitirlas en cualquier momento, pero sus respuestas ayudan a Squarespace a encontrar temas de sitios web que coincidan con sus necesidades y objetivos.

Por ejemplo, si desea hacer un blog de comida, Squarespace le mostrará los mejores temas de sitios web para blogs y comida. Puede ingresar sus propios temas, pero hacerlo amplio. Por ejemplo, bienes raíces generará mejores resultados que vender a compradores de primera vivienda.

Cuando esté satisfecho con su selección, haga clic en Próximo seguir adelante.

Si tiene objetivos específicos, como crear un sitio de membresía o crear un sitio de comercio electrónico, selecciónelos en el menú de objetivos.

Pero no seleccione metas que planea perseguir “algún día”. Simplemente elija los que lo impulsaron a comenzar hoy. Estos van a determinar cómo Squarespace clasifica los diseños que verá más adelante.

Por ejemplo, si bienes raíces era tu tema, pero elegiste vender productos y servicios como objetivo principal, verá muchos temas de comercio electrónico antes de ver un solo tema de bienes raíces.

Con los objetivos manejados, abordemos la pregunta final. Ya sea que esté explorando una idea o transfiriendo un sitio web, haga clic en la mejor respuesta y luego Terminar para pasar a la parte emocionante de cualquier tutorial de Squarespace: la selección de plantillas.

Cómo elegir un diseño de Squarespace para tu sitio web

Cuando aparezcan los diseños, probablemente notará un ligero zumbido. No te preocupes, eso es totalmente normal. Squarespace es famoso por sus brillantes diseños de plantillas. Pero para aprovechar al máximo Squarespace, ten en cuenta lo siguiente:

• Las plantillas que mejor se adapten a usted aparecerán primero.
• Debajo de ellos, encontrará algunas plantillas que son buenos puntos de partida para su sitio web.
• Finalmente, encontrarás los diseños más populares.

Si obtiene una vista previa de algunas plantillas pero nada le llama la atención, busque en la lista completa de más de 110 plantillas o filtre los resultados utilizando los tipos de sitios web y las listas de temas.

Pero no descarte temas basados ​​en el contenido de demostración. El truco para aprender a usar Squarespace como un profesional es buscar los diseños con colores, fuentes y diseños que te gusten.

Con Squarespace, es más fácil elegir un tema con las funciones “incorrectas” y agregarlas en lugar de revisar el esquema de color de un tema con las funciones “correctas”.

Asegúrese de echar un buen vistazo a los temas y obtener una vista previa de cualquiera que le guste. Cuando encuentre su favorito, haga clic en él para comenzar con una cuenta de Squarespace.

Regístrate en Squarespace

En este punto, deberá iniciar sesión o crear una cuenta de Squarespace. Puede usar una cuenta de Squarespace para múltiples pruebas de 14 días, así que no cree una nueva cuenta si alguna vez ha usado Squarespace.

Una vez que te hayas registrado, dale un nombre a tu sitio web. Puede cambiarlo más tarde, así que siéntase libre de ingresar un marcador de posición y actualizarlo cuando esté listo. Sin embargo, si desea el nombre perfecto ahora, un generador de nombres comerciales lo ayudará a encontrarlo.

Una vez que se haya registrado y agregado un nombre, puede disfrutar del tutorial rápido de Squarespace de la plataforma antes de llegar al panel del sitio web.

Conociendo tu tablero y editor de Squarespace

La administración de su cuenta de Squarespace y la administración general de su sitio web se manejan a través del tablero o del editor visual.

El tablero es para cosas como cambios de contraseña o transferencias de dominio.

Si ejecuta algunos sitios web, puede cambiar entre ellos desde el tablero. Para ver uno de sus sitios web, haga clic en el Sitio web para abrir el conjunto completo de herramientas de administración de sitios web (incluido el editor visual).

La administración de sitios web es una alegría con Squarespace. Mientras que otras plataformas de creación de sitios web tienen múltiples herramientas en competencia para cosas como SEO, Squarespace hace las cosas de manera diferente. Puede omitir las listas de herramientas que deben pagarse. En cambio, todo lo que necesita para tener éxito está en una página.

Encontrará las herramientas de administración de su sitio web en el lado izquierdo de la pantalla. A la derecha, tendrás una vista previa de tu sitio web.

• Utilizar paginas para cambiar el contenido de su sitio web.
• Cambio diseño aspectos, como estilos de sitio, CSS adicional y páginas de error.
• Tomar control de comercio funciones, como productos, envío y facturación.
• Usar a analítica con informes de tráfico, conversiones y rendimiento SEO.
• Iniciar múltiples marketing opciones, como ventanas emergentes y campañas de correo electrónico.
• Permitir auto-Planificación opciones para sus clientes.
• Y mucho más.

Edición del contenido de su sitio web

Cada vez que abro el editor visual, me impresiona cómo completo Los sitios de Squarespace se ven desde el principio. Echemos un vistazo a lo que tenemos:

• Un menú funcional que enlaza con páginas esenciales.
• Diseños profesionales bien proporcionados con botones llamativos.
• Fuentes bien combinadas y un esquema de color profesional.

No solo se ve muy bien, sino que también, si tiene suerte, la plantilla seleccionada coincidirá con su tema y lo único que podría necesitar antes del lanzamiento es una edición ligera.

En Configuración de página, puede modificar la identidad y apariencia de su sitio. Lo más importante para nosotros es que la configuración general controla los títulos de las páginas y el slug de la URL.

La configuración de la página es útil si desea saber cómo duplicar una página de Squarespace. Ir a Configuración de página → General y desplácese hacia abajo para encontrar el Página duplicada Enlace. Simplemente haga clic en él para duplicar cualquier página de Squarespace.

Mientras esté aquí, considere actualizar la imagen social a algo que le gustaría compartir en las plataformas de redes sociales (simplemente vaya a Imagen social y arrastre y suelte su imagen favorita en el cuadro).

Una vez que haya configurado la identidad de su sitio, pasaremos al siguiente paso del tutorial de Squarespace: contenido de la página.

Al hacer clic en el Editar El botón abre las opciones de edición para sus páginas.

Edición del encabezado del sitio

Aparecen diferentes opciones de edición cuando se desplaza sobre diferentes partes de la página. ¿Por qué no comenzar en la parte superior con el encabezado del sitio? Haga clic en el editar botón cuando aparece.

Si ha estado esperando para agregar el nombre de su sitio, puede hacerlo ahora mientras agrega cualquier perfil de redes sociales que haya configurado. Con los elementos esenciales de identificación en su lugar, profundicemos en las opciones móviles.

Independientemente de lo que esté cambiando, cada cambio aparecerá inmediatamente en la ventana de vista previa. Por ejemplo, cambiar el título del sitio se realizará en tiempo real.

Edición del contenido de la página

Introducir el Editar desde cualquier página cuando esté listo para cambiar su texto o actualizar imágenes. La mayoría de las áreas de contenido se pueden editar, incluidos bloques de texto, botones y fotos.

Por ejemplo, para editar oraciones y encabezados, haga clic en el texto para abrir el editor de texto. Aquí, puede agregar listas y enlaces, texto en negrita y más. Simplemente escriba su nuevo texto y agregue cualquier formato.

⚠️ Un punto importante, Squarespace no tiene una función de guardado automático. Por lo general, es difícil salir de una página sin pulsar Hecho y Guardar cambios. Pero una conexión perdida o una ventana cerrada podría causar algunos problemas.

Edición del diseño de la sección

Para realizar cambios en los fondos y diseños de las secciones, pase el mouse sobre cualquier sección para encontrar un pequeño menú con sus opciones de edición:

• El lápiz le da control sobre la apariencia de la sección. Esto incluye el tamaño de la sección, el fondo y el color.
• Al hacer clic en las dos páginas, se duplicará todo en la sección. Copiará el diseño, las imágenes y el texto. Su sección duplicada aparecerá inmediatamente debajo de la existente.
• Las dos flechas mueven la sección hacia arriba o hacia abajo en la página.
• La papelera elimina toda la sección.

Por ejemplo, para cambiar una imagen de fondo, haga clic en el lápiz y Fondo. Haga clic en Reemplazar para subir una imagen de fondo que te guste. Si tiene un enlace de YouTube o Vimeo, puede encontrar la configuración de fondo de video en Video.

Agregar secciones

Como hemos estado moviendo el cursor, es posible que haya notado un borde azul con Agregar sección en extremos opuestos. Al hacer clic en cualquiera de ellos, se abrirá el cuadro emergente de nueva sección que contiene todas las secciones de Squarespace.

Las secciones más comunes y populares aparecerán en la parte superior, así que desplácese por la lista completa para ver secciones oscuras como:

• Equipo
• Donaciones
• productos
• calendarios
• Gráficos
• Logotipo de la pared
• Música
• y muchos más

Cada sección tiene varios diseños por los que puede desplazarse antes de hacer clic para agregar la sección a su página.

Los diseños no solo se ven diferentes, sino que también tienen diferentes opciones según los elementos que usan. Por ejemplo, las secciones de ubicación tienen varios diseños de mapas con controles deslizantes simples para activar y desactivar elementos como el desplazamiento.

Agregar una página

Ningún tutorial de Squarespace podría estar completo sin mostrarle cómo agregar una página. Puede crear nuevas páginas y eliminar las existentes de la Paginas menú.

Puedes crear una página desde cero o usar un diseño de Squarespace prediseñado como:

• RSVP
• Servicios
• Equipo
• Galería
• portafolio
• Blog
• y más

Por ejemplo, si decide agregar una página de blog, puede elegir un diseño que le guste y agregarlo al menú principal. Como puede verse, el menú se actualizará automáticamente con su nueva página.

Cuando esté listo para escribir su primera publicación, simplemente haga clic en la página de su blog para abrir el archivo. Una vez que se abre el archivo, haga clic en el “+” botón para comenzar una nueva publicación.

Hacer cambios de diseño

Es hora de que nuestro tutorial de Squarespace pase a la Diseño herramientas que lo ayudan a agregar el toque personal que le da a su sitio su identidad visual. Una vez que esté listo para comenzar a cambiar colores, tamaños y fuentes, haga clic en el Diseño enlace para empezar a explorar.

Al hacer clic, podrá editar:

• Estilos del sitio como fuentes, colores, animaciones y más.
• iconos del navegador
• Pantallas de bloqueo
• páginas de pago
• 404 páginas
• Logotipos para compartir en redes sociales
• CSS personalizado

Una vez que selecciones una opción, Squarespace aplicará automáticamente el cambio de estilo a toda tu página. No tendrá que pasar por los elementos individuales y los cambios inmediatamente. Por ejemplo, cambiar la paleta de colores actualiza todas las secciones con los nuevos colores.

Agregar una tienda de comercio electrónico

📋 Nota; este paso es opcional. No todos los usuarios querrán lanzar una tienda de comercio electrónico con Squarespace. Dicho esto, si ese es su objetivo, ¡Squarespace es perfectamente capaz de manejar la tarea!

Si bien Squarespace no es la plataforma de comercio electrónico más popular, tiene suficientes funciones comerciales para convertir cualquier sitio web en una tienda en línea.

De hecho, ni siquiera importa si todavía no está seguro de qué vender en línea. Squarespace te dará la oportunidad de explorar tus opciones.

De hecho, puede agregar 200 productos a una página de tienda. Si desea generar ingresos desde su sitio web, Squarespace Commerce es una opción sólida.

Cuando esté listo para comenzar, haga clic en el Comercio pestaña.

El proceso de configuración de la tienda se puede manejar con el asistente de comercio electrónico de cuatro pasos de Squarespace. Haga clic en Comienzo y entonces Agregar productos a la venta.

En este punto, Squarespace te pedirá que elijas un diseño de tienda. Deberías tener al menos dos opciones. Haga clic en su opción preferida.

Su tienda debe tener algunos productos de demostración incluidos en el diseño. Se pueden editar para que se ajusten a sus productos, o puede agregar nuevos productos haciendo clic en el “+” botón.

Puede elegir entre cuatro tipos de productos principales con diferentes configuraciones:

• Físico
• Digital
• Servicio
• Tarjeta de regalo

Cada uno de los tipos de productos tiene diferentes campos para cada aspecto de la visualización del producto. Puede agregar varias imágenes, establecer precios y administrar su inventario, todo desde las páginas de productos.

Una vez que haya completado la apariencia del producto, desplácese hacia abajo para encontrar opciones personalizadas como botones y opciones de envío.

Hacer clic Listo → Guardar para agregar el producto a su tienda.

Agregar métodos de pago a tu tienda de Squarespace

Es hora de que este tutorial de Squarespace integre una pasarela de pago. Encontrarás el Agregar una forma de recibir pagos opción en el menú de configuración de la tienda.

Con Squarespace, puede integrar Stripe, PayPal y Square (en los EE. UU.). Haga clic en su puerta de enlace preferida para vincular la puerta de enlace a su sitio.

Configuración de los requisitos de envío

Haga clic en el Elige cómo enviar tus productos botón.

Utilice estas opciones para decidir sus tarifas de envío. Como se puede ver en la imagen, puede elegir entre tarifa plana, envío basado en el peso o simplemente permitir que el transportista calcule el precio.

Una vez que haya seleccionado una opción, aparecerá en sus opciones de envío junto con el costo y las limitaciones regionales.

Vista previa móvil

Cuando esté satisfecho con el aspecto de su sitio web, haga clic en el botón teléfono icono en la esquina superior derecha del editor.

Esto cambiará todo a una vista previa móvil de su sitio.

Desplácese por la vista previa móvil y confirme que está satisfecho con el aspecto de todo. Se ve muy bien, así que demos el último paso en el tutorial de Squarespace: ¡publicar tu sitio web para que el mundo lo vea!

Publicación de su sitio y precios

Ahora, estamos listos para compartir el sitio web con otras personas. Actualicemos nuestro plan y publiquemos el sitio.

Haga clic en el Ajustes enlace para encontrar las opciones de publicación.

Cuando se abren las opciones de configuración, es el Disponibilidad del sitio que nos interesa.

Haga clic en la disponibilidad del sitio para abrir la opción de actualizar y publicar.

Squarespace tiene varios planes diferentes, pero los planes de mayor precio en general tener mejores opciones de comercio electrónico.

Elija el plan que más le convenga y celebre. Este tutorial de Squarespace ha terminado. ¡Lo hiciste! ¡Tu sitio web ya está activo!

Conclusión

Hemos cubierto mucho terreno aquí. En resumen, hemos aprendido: