Tutorial Squarespace: Cómo construir un sitio web de Squarespace

En este tutorial de Squarespace, le presentaremos cómo construir un sitio web en Squarespace, desde el principio hasta el final. En comparación con sus competidores, Squarespace ofrece algunos de los sitios web más elegantes de la industria, junto con un constructor de sitios creado para dueños de negocios de todos los niveles de experiencia. La plataforma amplía su funcionalidad regularmente con herramientas fáciles de usar para marketing en redes sociales, venta en línea y marketing de correo electrónico.

Contenido:
Personalizar
Elija un diseño inicial
Agregar lo esencial
Edite el encabezado y agregue secciones
Edite el contenido de sus páginas
Agregue más páginas y edite el menú
Publique su sitio web de Squarespace
Habilitar un nombre de dominio
Administre los aspectos de diseño de su sitio Squarespace
Agregue una tienda en línea a su sitio web
Agregue una forma de pagar con su tienda en línea
Especificar los requisitos de envío
Vea su sitio publicado en Squarespace
¿Edificio con #Squarespace? Cree el sitio web perfecto con esta guía paso a paso ‍
Haga clic en Tweet
Tutorial Squarespace: Cómo construir un sitio web con Squarespace Squarespace simplifica la construcción y el lanzamiento de un sitio web sin demasiados trabajos de diseño.
Para comenzar, vaya al sitio web de Squarespace y haga clic en el botón Inicio. Se encuentra en varias áreas en la página principal de Squarespace.

1. Personalice su experiencia en Squarespace inicialmente, Squarespace le pregunta sobre su negocio y su información personal para que lo impulse en la dirección correcta. Por ejemplo, alguien que crea un blog de fitness habría enviado a temas de sitios web que se dirigen a blogs, fitness u otros diseños relacionados. Puede omitir esta sección, pero le recomendamos que lo busque para encontrar los modelos y modelos las características ideales .

Elija cómo es su sitio, como fitness, restaurantes, moda o viajes. Haga click en el siguiente botón para continuar.
En la página siguiente, especifique sus objetivos principales, como vender productos o publicar un blog. Nuevamente, estas preguntas están destinadas a presentar los estilos y herramientas correctos al lanzar su sitio web. Seleccione lo siguiente cuando haya terminado. Dígale a Squarespace dónde se encuentra en el proceso de construir el sitio. Una de las principales razones de este paso es solo si necesita ayuda para transferir un sitio de otra plataforma a Squarespace.

Haga clic en la terminación para continuar con el tutorial de Squarespace.
2. Elija un diseño de inicio con sus detalles personalizados disponibles, Squarespace está tratando de dar un tema para el sitio web que se acerca a lo que desea para su negocio, cartera o banda. Para este tutorial de Squarespace, iré con una tienda en línea y un tema de blog. Por lo tanto, pueden filtrar en función de estos criterios.

Cruce los resultados para encontrar modelos que coincidan con la imagen de marca deseada. Pruebe todo lo que pueda para acercarse tanto como sea posible a los colores, fuentes e imágenes. De esta manera, no tendrá que personalizar tanto en el futuro. Después de obtener una vista previa de algunos temas del sitio web, haga clic en uno para actuar como el diseño principal. Squarespace luego le pide que se conecte o cree una cuenta. Puede continuar con un correo electrónico o conexión a redes sociales como Facebook o Google.

3. Agregue los elementos esenciales Los primeros pasos antes de iniciar su sitio implica agregar elementos esenciales como elementos de SEO y nombres de sitios. Una ventana pop -up parece ingresar al título del sitio. Complete este campo y haga clic en el botón Continuar.
Lo bueno en los temas de Squarespace es que ya transforma una gran parte de su sitio en un producto funcional, con imágenes, encabezados y menús demostrativos.

Será redirigido al editor de Squarespace, que muestra el diseño de su sitio en un lado, junto a la lista de características y configuraciones.

Haga clic en el botón Editar en la vista previa del sitio.
Verá un ícono de la rueda para pasar a la configuración básica. Haga clic en esto.

La configuración de la página incluye pestañas para configuraciones generales, SEO, imagen social y configuraciones avanzadas. No dude en hacer clic en todo esto para establecer la identidad de su sitio.

Por ejemplo, la pestaña de imagen social requiere simplemente subir una imagen rápida que se usa si un sitio de redes sociales tiene problemas para extraer una imagen de una página o publicación.

4. Edite el encabezado y agregue las secciones del editor visual de Squarespace incluyen varios botones y enlaces que aparecen al desplazarse por ciertas secciones de la página. Un lugar maravilloso para comenzar es el encabezado del sitio. Desplácese el cursor sobre el área del encabezado para mostrar el botón Editar el sitio Editar. Haga clic en ese botón. Los titulares del encabezado del sitio incluyen lo siguiente:

Título y logotipo del sitio

elementos

colores
Posición fija
Estilo de encabezado fijo
y otra
Cada configuración de encabezado tiene sus propias herramientas que puede activar, desactivar o ajustar de acuerdo con lo que debe completarse.
Por ejemplo, es posible que se desee cambiar el esquema de color o agregar una nueva fuente. Cada cambio que realiza aparece inmediatamente en la vista previa.
La adición de una sección también tiene lugar en el editor visual. Desde un punto de vista técnico, cada página en un sitio de Squarespace se recopila como varias secciones. Puede hacer clic y dibujar secciones para reordinarlas o hacer clic en el botón Agregar sección junto a una sección para colocar una nueva o arriba.

Ahora debería ver un cuadro emergente para agregar secciones. Todas las secciones se clasifican en diferentes colecciones, algunas de las cuales incluyen:
Donaciones

formas

Boletines informativos
Reservaciones
Social
Datos del torneo
Calendario
más mucho más
Seleccione una colección para ver los diferentes modelos y opciones para cada uno. Por ejemplo, la colección de calendario tiene tres formatos de calendario con diferentes funcionalidades.
Al hacer clic en una de esas secciones, lo coloca en el lugar que seleccionó. Dado que cada sección varía según su funcionalidad, todas tienen características diferentes. Haga clic en la nueva sección del editor visual para cambiar su configuración única. La sección del calendario, por ejemplo, tiene opciones para mostrar eventos, productos y publicaciones de blog extrayendo de su sitio web o de servicios de terceros. Continúe el contenido de sus páginas Squarespace le permite visitar todas las páginas de su sitio a través del editor visual. Se realiza haciendo clic en la ventana de vista previa, ya que continuaría con un sitio web regular o accediendo a la pestaña Páginas y haciendo clic en las otras páginas fuera de la página de inicio. Para editar cualquier cosa en una página, seleccione el botón Editar en el editor visual y mueva el cursor alrededor de la página para ver la opción de edición. La mayoría de las veces, haciendo clic en un elemento, como un cuadro o imagen de párrafo, le permite cambiar algo.
En este tutorial de Squarespace, haremos clic en un cuadro de texto de párrafo para editar algunos de los títulos y oraciones. Como puede ver, aparece un editor de texto simple con botones de formato, texto engrosado y enlaces a otras páginas.
Squarespace le permite realizar cuántas ediciones desea antes de guardar los cambios. Para moverse a otro lado de su sitio o configurar otras características, vaya a → rescate en la esquina superior derecha de la página.

6. Agregue varias páginas y edite el menú en la mayoría de los temas de Squarespace, se agrega un menú de navegación de forma predeterminada. Puede agregar páginas adicionales, editar las actuales y eliminar el contenido demostrativo haciendo clic en la pestaña Páginas. Cada página en la navegación principal se enumera en el encabezado de navegación principal. También puede tener páginas desconectadas a continuación, que sirven como páginas, pero no están incluidas en el menú principal. Cada vez que agrega una página o cambia el nombre de un elemento de menú, reproduce el nuevo elemento para obtener una vista previa del sitio. Para crear una nueva página, seleccione el botón “+” arriba de la lista actual de elementos de menú.

7. Publique su sitio de Squarespace a la vez, decidirá que el sitio web tiene suficiente contenido y está listo para el ojo del público. Todos los sitios de Squarespace comienzan como pruebas gratuitas, después de lo cual se le pedirá que pague un plan premium para lanzar el sitio. Para iniciar este proceso, haga clic en la pestaña Configuración.
Cerca de la disponibilidad del sitio, debe ver las palabras “privadas”.

Haga clic en el botón de disponibilidad para cambiarlo en público.

Puede continuar pagando por una suscripción Squarespace y mantener su sitio en privado. De hecho, hay tres configuraciones para la disponibilidad del sitio: público, protegido con contraseña y privado. Para iniciar oficialmente su sitio web y hacerlo público (y obtener el control total sobre todas las demás funciones), seleccione la actualización para publicar el botón.

Esto lo lleva a una página para decidir un plan de pago. Puede optar por pagar mensualmente o anualmente y decidir sobre un plan personal, negocios, comercio básico o comercio avanzado. Puede encontrar más información sobre los planes Squarespace aquí. Complete su información personal y de pago para activar un plan y ponerlo en funcionamiento.

Una vez que se procesa el pago, ¡usted es el orgulloso propietario de un sitio web Squarespace Live!

8. Active un nombre de dominio Un nombre de dominio profesional es el siguiente paso para formalizar su sitio. Afortunadamente, Squarespace ofrece un campo de compra y transferencia de nombres de dominio en el tablero. Busque y seleccione el botón Dominio para comenzar.

Tiene algunas opciones al crear un nombre de dominio para su sitio web. Un dominio Squarespace incorporado ya se ofrece como un espacio para alojar su sitio web, probar nuevos modelos y jugar con la interfaz Squarespace sin tener que pagar nada. Las otras opciones incluyen el botón Obtenga un dominio y la opción de usar un dominio que posean.

Elija Use un área que tenga para viajar el proceso de transferencia de un dominio de otro proveedor. Cuando pase por la opción, obtiene un dominio, verá una lista de áreas sugeridas.

Seleccione un dominio que le guste y haga clic en el botón de pago.

Además de actualizar su sitio a una cuenta de pago, Squarespace solicita información de pago y aplica automáticamente el nombre de dominio a su sitio activo.

9. Administre los aspectos de diseño de su sitio Squarespace El módulo de diseño en Squarespace tiene una multitud de herramientas para ajustar los colores, las dimensiones y las fuentes. Para explorar estas características, haga clic en la pestaña Diseño. ¿Qué puede esperar encontrar en el módulo de diseño?
Fuentes

colores

Animaciones

sangría

Botones
Bloques de imágenes

Íconos del navegador
Pantallas de bloqueo
Páginas de pago
Le recomendamos que haga clic en cada una de estas pestañas para ver qué opciones de edición están disponibles.
En su mayor parte, una modificación del diseño se representa en la vista previa en vivo del sitio web. Por ejemplo, la modificación de la familia de fuentes predeterminadas cambia inmediatamente las fuentes anteriores con las nuevas.
Todas las herramientas de diseño incluyen varias configuraciones, lo que le permite alcanzar un aspecto bastante único.
10. Agregue una tienda en línea en su sitio, aunque no todos necesitarán una tienda en línea, Squarespace ofrece una herramienta de creación de tiendas para incorporar la venta en línea en cualquier estilo de sitio web. Algunos temas son mejores que otros, pero en general, puede agregar algunos productos incluso a los temas comerciales más simples. Si está interesado en agregar una tienda, donde los clientes vienen a su sitio y compren productos, haga clic en la pestaña Comercio.
El proceso de configuración de la tienda toma cuatro pasos. Haga clic en el botón Inicio para seguir adelante.
El primer curso de acción para una tienda es agregar productos a la venta. Seleccione el botón Agregar ventas de venta.
En un momento, Squarespace le pide que elija un aspecto de la tienda. Los temas varían, pero generalmente ofrecen al menos dos aspectos. Haga clic en el aspecto de la tienda deseada. La mayoría de los temas orientados a la tienda tienen productos demostrativos ya incluidos en el diseño. Por lo tanto, puede usarlos para editar productos futuros o para tener una idea de cómo deben verse los productos en su sitio. De lo contrario, haga clic en el botón “+” para agregar un nuevo producto en el catálogo.
Elija entre las siguientes opciones para especificar qué tipo de producto desea vender:

Físico

Digital
Servicio

Tarjeta de regalo

El tipo de producto dicta la configuración del producto disponible y cómo se entregan las ventas respectivas a los clientes.

La siguiente sección de nuestro tutorial Squarespace es para la página del producto en sí, que muestra una amplia gama de campos para cargar las imágenes del producto, la configuración de precios y la configuración del inventario. Continúe desplazándose hacia abajo en la página del producto para asegurarse de completar toda la información importante.

En la parte inferior de la página del producto, le pregunta si desea agregar contenido personalizado o funcionalidad adicional al producto, como formularios personalizados o funciones de suscripción. Haga clic en Terminado → Guardar cuando esté satisfecho con el diseño y el contenido de su producto.

11. Agregue una forma de pagar con su tienda en línea Haga clic en el botón Agregar para recibir pagos para incorporar una puerta de pago que procese todas las ventas.
Squarespace acepta más pasarela de pago, incluyendo Stripe, PayPal Business y Square (para transacciones en puntos de venta de EE. UU.). Para continuar con el tutorial de Squarespace, haga clic en el que desea usar y viajar para conectar su cuenta de PayPal, Stripe o Square.12. Especifique los requisitos de envío Haga clic en el botón COMO CÓMO enviar sus productos.
Decide las tarifas de entrega en esta página. Puede elegir una tarifa fija, enviar productos de acuerdo con el peso o solicitar operadores para calcular el precio por usted.
Todos los métodos y tarifas de envío aparecen bajo su lista de opciones de envío, junto con las regiones en las que se activan estos métodos de envío.
Tenemos un detalle completo de los precios de Squarespace aquí. Pero para que la mayoría de las funciones de comercio funcionen, debe activar un plan avanzado de negocios, comercio o comercio.
13. Ver su sitio Squarespace Publicado que un icono de teléfono se encuentra en la esquina superior derecha del editor. Puede hacer clic en él para ver una vista previa móvil del sitio.

El sitio simplemente establece todo el contenido en su lugar, ofreciendo una interfaz receptiva para dispositivos más pequeños.

Para ver el sitio por completo, haga clic en el botón de flecha en la esquina superior derecha.

Esto lo redirige al sitio web en vivo con su nombre de dominio activo. Ahora puede probar y ver todos los aspectos de su sitio Squarespace.

Subir

¿Tiene alguna pregunta sobre este tutorial de Squarespace?Squarespace ofrece las herramientas de diseño y la habilidad para que parezca que cualquier principiante tiene el conocimiento necesario para crear un sitio web hermoso.¿Aún no estás convencido?Vea cómo Squarespace se compara con otras opciones: Squarespace vs WordPress Squarespace vs Wix Si aún tiene alguna pregunta sobre este tutorial de Squarespace, díganos en los comentarios! La guía para principiantes fáciles de seguir para crear una hermosa web con #Squarespace ‍

Haga clic en Tweet

… Recuerde unirse a nuestro curso rápido para acelerar su sitio de WordPress.Con algunos remedios simples, puede reducir el tiempo de carga incluso en 50-80%:

Apariencia y presentación de Chris Fitzgerald y Karol K.