Espacio cuadrado. ¿Cómo crear un sitio web con Squarespace?

Los precios de Squarespace varían desde 12 USD – 40 USD/mes, o un poco más si pagas mensualmente. (Puede consigue un 10% de descuento extra con el código WBE ¡O 50% de descuento si eres estudiante!).

¡Pero no lo pienses todavía! Squarespace ofrece una prueba gratuita de 14 días, así que visita squarespace.com para registrarte. No necesita ingresar ningún detalle en este punto; simplemente haga clic en el botón "Comenzar" para pasar al siguiente paso. Justo.

Comenzar con Squarespace es fácil: simplemente ve a la página de inicio y haz clic en el botón Comenzar.

Una vez que haya hecho clic en "Comenzar", se le pedirá que seleccione diseño para tu sitio web:

El primer paso para crear su sitio web es elegir un diseño. Haz clic en la imagen para ver las plantillas de Squarespace.

Puede buscar por industria (desde "Compras en línea" y "Restaurantes" hasta "Bodas" y "Fotografía") o por diseños populares.

Puede filtrar plantillas por categoría y obtener una vista previa de los diseños para facilitar su selección. Haz clic en la imagen para elegir tu diseño.

Pase el cursor sobre la plantilla y seleccione Vista previa para probarla.

La plantilla que elijas actuará como trampolín para el diseño de tu sitio web, por lo que vale la pena explorar varias hasta encontrar la que más te guste.

Un consejo en este punto: el diseño de Squarespace es bueno. En realidad son realmente buenos: ¡los mejores que hemos probado jamás! Esto es ciertamente genial, pero también puede dificultar la elección de una sola plantilla: tienes muchas opciones para elegir y es fácil perder el control y rendirte por completo.

¡Pero no hagas esto! Estos son nuestros principales consejos para elegir una plantilla:

1. Cíñete a tu industria es una manera fácil de limitar sus opciones y al mismo tiempo asegurarse de seguir las mejores prácticas de la industria.
2. Marca como favorito tus plantillas favoritas haciendo clic en el corazón — se guardarán en la categoría “Favoritos” para que puedas volver a ellos con una nueva perspectiva.
3. Sólo... ¡elige uno! - Puedes personalizar tu plantilla como quieras, así que no te obsesiones demasiado con tu decisión en este momento.

Una vez que haya seleccionado una plantilla, coloque el cursor sobre ella y seleccione la opción "Comenzar con [nombre de la plantilla]". Elegiremos una plantilla. Atlántico de la categoría restaurante.

En este punto, debe registrarse con una dirección de correo electrónico o iniciar sesión en su cuenta de Google:

Registrarse en Squarespace solo requiere una dirección de correo electrónico y una contraseña; no se requiere información de pago. Haz clic en la imagen para ir a Casa cuadrado.

Luego dale un nombre a tu sitio. Aparecerá en la parte superior de su sitio, aunque se puede editar.

Durante la configuración, puede darle un nombre a su sitio.

Luego, Squarespace le mostrará algunas diapositivas rápidas sobre cómo editar su sitio. Puedes omitirlos, con la seguridad de saber que ya tienes (probablemente) el mejor tutorial de Internet como guía confiable.

Este es el menú principal de Squarespace y desde aquí seguirás todos los pasos para darle vida a tu sitio.

Editas tus páginas usando el menú de edición de Squarespace.

Si se mudaba a una casa que necesitaba mucho trabajo, tenía que asegurarse de que las cosas más grandes (baños, cocinas, etc.) estuvieran en su lugar antes de comenzar a pintar las paredes.

Es lo mismo aqui. No te dejes llevar todavía diseño: céntrese en la estructura de su sitio.

Agregar páginas

Echa un vistazo al menú. ¿Qué falta? 

Respecto a nuestro restaurante La cocina de prueba, queremos , para que el blog pueda compartir algunas recetas que las personas puedan copiar de sus propias cocinas, actualizaciones sobre nuestras precauciones y políticas de Covid-19 y mensajes del equipo.

Así es como agregamos un blog al sitio:

Vaya a "Páginas" donde verá todas las páginas actuales de su sitio:

Puede ver las páginas de su sitio en el lado izquierdo del editor.

Haga clic en + y seleccione "Blog" de la lista.

Puede elegir qué páginas desea agregar a su sitio. Aquí, haga clic en la página del Blog.

Luego seleccione su diseño preferido:

¿Qué diseño te gusta más? ¡Explora cada uno y elige el diseño que mejor se adapte a tu diseño!

Una vez que haya elegido un diseño, haga clic en cualquiera de las cuatro publicaciones de blog "ficticias" para agregarlas a su propio contenido y eliminar todo lo que no necesite todavía.

Creando un submenú. Espacio cuadrado

¿Hay demasiadas páginas para caber en el menú de su sitio web? Coloque sus páginas en una carpeta para que sea más fácil navegar por ellas.

Luego puede establecer un nombre para este menú y también agregar las páginas que estarán en él.

Eliminando páginas. Espacio cuadrado

¿Necesita deshacerse de una página o carpeta? Ningún problema. Simplemente pase el mouse sobre la página del menú y aparecerá un emoji de basura a la izquierda. Haga clic en este icono y luego en Confirmar.

Una vez que tenga las páginas que desea, es hora de personalizar su contenido para que coincida con su marca. Esto significa reemplazar la copia del marcador de posición, reorganizar las secciones y agregar otras nuevas.

Para ingresar al modo Editor, vaya a la página que desea editar y haga clic en Editar en la esquina superior izquierda.

En resumen, puedes editar cualquier sección colocando el cursor sobre ella y luego haciendo clic en el ícono del lápiz. Para agregar otra sección, coloque el mouse sobre las dos secciones y haga clic en el ícono azul “+” que aparece en el medio.

Aquí hay algunos tipos de secciones que puede agregar:

Hay muchas secciones para elegir e incluso puedes reorganizar las páginas después de agregar nuevas secciones a tu sitio.

¿No te gusta el orden de las páginas? Simplemente toque y mantenga presionado para seleccionar una sección, luego arrástrela hacia arriba o hacia abajo en la página.

Cuando haya terminado de agregar, editar y mover secciones, asegúrese de hacer clic en "Listo" en la esquina superior izquierda y luego en "Guardar".

Ahora que el diseño de sus páginas está aproximadamente en su lugar, vamos a personalizar su diseñar y agregar algunos elementos marca para que su sitio se sienta más "usted".

En el menú principal, seleccione "Diseño".

Vaya a Diseño para cambiar las opciones de estilo, como colores y fuentes.

Cambiar fuentes y colores. Espacio cuadrado

Vaya a la sección "Fuentes" para seleccionar "establecer" fuentes (esencialmente un par de fuentes) para implementar en su sitio y también cambiar el tamaño de fuente establecido. En Estilos de texto globales, haga clic en cualquier tipo de texto (títulos, párrafos, etc.) para ajustar el peso y el espaciado de la fuente. Luego haga clic en "Asignar estilos" (en Fuentes) para asignar diferentes fuentes a diferentes partes de su sitio.

En el capítulo " Цвета Squarespace tiene una selección de paletas de colores prediseñadas para elegir, o la posibilidad de cargar un color (mediante un código HTML de seis dígitos), o incluso cargar una imagen y Squarespace extraerá los colores clave de ella.

Animación y estilo. Espacio cuadrado

En la sección "Animación" puede configurar la visualización de la animación en su sitio. La animación ocurre cuando el contenido parece "aparecer", "desaparecer" o "caer" en su lugar. ¡Esta es una manera excelente y elegante de darle vida a su sitio web!

¿Efectos de animación inusuales en su sitio web? ¡Ningún problema!

En el capítulo " Intervalo" y " Bloques de imagen" puede realizar pequeños cambios en el espaciado y la alineación de las secciones de contenido e imagen. Y en la sección " Botones" puedes cambiar el estilo de tus CTA.

Detalles más finos

En este punto, su sitio se ve bastante bien. ¿Contenido? Échale un vistazo. ¿Imágenes? Échale un vistazo. ¿Colores y fuentes de marca? Échale un vistazo. ¿Animaciones divertidas? Échale un vistazo.

Sino buen sitio web debe ser consistente en todos los puntos de contacto posibles y, por lo tanto, es muy importante suda las cosas pequeñas :

Diseño>Icono del navegador - También conocido como ícono del navegador, el ícono del navegador es lo que aparece junto al nombre de su sitio cuando su sitio está en una pestaña. Por el momento tenemos un cubo negro como predeterminado; la mayoría de las marcas preferirían cargar su logotipo aquí:

Diseño > Página 404 es el contenido que se mostrará si los lectores intentan acceder a una página de su sitio que no existe. Aquí hay una copia predeterminada, pero sugerimos reemplazarla con algo más personalizado.  

Página de pago y productos. Espacio cuadrado

Estas secciones tratan sobre cómo personalizar las páginas de sus productos y las páginas de pago. ¿No hay artículos para vender? ¡Sáltalo ahora!

Agregar un logotipo y un logotipo de red social

Puedes subir el logo. red social (es decir, una imagen que representa su contenido cuando se publica en redes sociales) En el capítulo " Diseño>Compartir en redes sociales .

Para cargar un logotipo y mostrarlo en su sitio, regrese al modo de edición en la página de inicio. Pase el mouse sobre el encabezado y haga clic en el botón "Editar encabezado del sitio", luego en "Encabezado y logotipo del sitio", donde verá un lugar para cargar su logotipo.

Antes de que podamos comenzar a pagar por su sitio y publicarlo, primero debemos subir al nivel de administrador. En el capitulo " Ajustes" encontrará muchas configuraciones diferentes: hemos cubierto los elementos esenciales para cualquier sitio web a continuación, ¡pero puede encontrar otras que se adapten al suyo!

Información lingüística y empresarial.

Ir " Configuración>Idioma y Región para seleccionar ubicación, idioma y zona horaria.

В en Configuración > Información comercial Ingrese sus datos de contacto, ubicación y horario de atención (si corresponde).

Si está creando un sitio web comercial, aquí es donde puede ingresar información de contacto, ubicación y horario de apertura.

Nombre de dominio. Espacio cuadrado

Su nombre de dominio es la dirección de su sitio web. Cuando se trata de conseguir tu propio nombre de dominio, tienes varias opciones:

1. Compre desde otro registrador de dominios y transfiéralo a su sitio de Squarespace. Ir a " Configuración>Dominios>Usa tu propio dominio y Squarespace te guiará por los pasos para agregarlo.
2. Obtenga un nombre de dominio a través de Squarespace. Costará desde 20 dólares al año (que ligeramente más caro que comprar en otro lugar, pero un poco más conveniente). Ir a Configuración>Dominios>Obtener dominio. para encontrar uno disponible.
3. Compra el plan anual de Squarespace y obtén un dominio gratis durante el primer año. Cubriremos los planes en la siguiente sección, pero si está dispuesto a comprometerse con un plan anual, obtendrá un nombre de dominio gratis durante el primer año, así como ahorros en costos "básicos". Para obtener esto, regístrese en un plan pago y luego vaya a " Configuración>Dominios>Obtener dominio.

Redes sociales

Vincula tus cuentas a redes socialesseleccionando " Configuración>Enlaces sociales . Se podrá acceder a todas las cuentas que agregue aquí a través de íconos de encabezado a menos que las elimine.

Cuando su prueba de dos semanas de Squarespace aún esté en progreso, su sitio será privado de forma predeterminada. Esto significa que nadie podrá acceder a él, por ejemplo, simplemente a través de Google. Incluso si tiene un nombre de dominio configurado y le envía a alguien un enlace directo, solo verá la página de inicio de sesión.

Pero hacer que amigos y familiares vean su sitio es un paso importante para solucionar cualquier problema antes de que su sitio entre en funcionamiento. Es por eso que recomendamos establecer una contraseña para todo el sitio. Cualquier persona con esta contraseña podrá acceder a los últimos cambios en su sitio web. Al menos, esta podría ser una forma útil de usted para ver el sitio "en la vida real" entre diferentes dispositivos.

Cómo establecer una contraseña para todo el sitio

En el menú principal, seleccione " Configuración>Accesibilidad del sitio . Luego cambie la configuración predeterminada de Pública a Protegida con contraseña e ingrese la contraseña elegida. ¡Solo recuerda hacerlo público nuevamente después de registrarte en el plan pago!

Antes de que finalice su prueba gratuita, asegúrese de registrarse en un plan pago. Squarespace tiene cuatro planes de precios:

• Personal -$16/mes (o $12/mes facturado anualmente)
• Negocios -$26/mes (o $18/mes facturado anualmente)
• Comercio electrónico básico -$30/mes (o $26/mes facturado anualmente)
• Comercio electrónico avanzado -$46/mes (o $40/mes facturado anualmente)

Por supuesto, todos los planes difieren en las funciones que ofrecen (los siguientes dos pasos de esta guía solo son posibles si tiene un plan de negocios o superior, por ejemplo). Puedes ahorrar entre un 13% y un 30% si te registras en un plan anual.

¿Pero qué dan? Bueno, como era de esperar, obtendrás más si pagas más. Por ejemplo, el plan Personal es ideal para portafolios y blogs, pero no es adecuado para usuarios con ambiciones comerciales, ya que no puede venderle productos. Tampoco proporciona integraciones de terceros como Mailchimp u OpenTable, ni anuncios emergentes.

Dos planes comercio electrónico Ofrezca cero tarifas de transacción, mientras que Business le cobra el 3%. Así que piense en su presupuesto y en lo que quiere que su sitio pueda hacer.

 Una vez que haya elegido un plan de tarifas y lo haya pagado, su sitio estará en funcionamiento. Para algunos sitios web (portafolios, etc.), su trabajo ahora puede realizarse. Para cualquiera que utilice un plan de negocios o superior, hay un par de pasos adicionales que cubriremos a continuación.

Primero, para agregar herramientas de marketing, debes estar al menos en el plan Business. ¿Cómo se actualiza? No te sorprenderá saber que Squarespace pensó en esto: hay un botón "Actualizar ahora" ubicado estratégicamente al final de cada página durante tu prueba gratuita.

Por supuesto, no todos los sitios web necesitan estas herramientas. Entonces, si no planeas vender en línea, puedes omitir los pasos 7 y 8.

Al hacer clic en "Marketing" en el menú principal, verá todo lo que necesita para promocionar su sitio de Squarespace. La siguiente imagen muestra sus opciones de marketing.

Squarespace ofrece una amplia gama de excelentes herramientas de marketing.

Desde aquí, puede agregar ventanas emergentes, mostrar botones de redes sociales, integrar su página de Facebook, vincular su feed de Instagram y mucho más con solo un par de clics. Incluso puedes crear una nueva campaña de correo electrónico usando Campañas de correo electrónico de Squarespace. Para un creador de sitios web tan creativo, Squarespace no escatima en el aspecto comercial.

Incluso puede ver el rendimiento de su sitio utilizando la opción Analytics en el panel principal. Le permite ver su tráfico, buscar palabras clave y, esencialmente, realizar un seguimiento del rendimiento de su sitio de Squarespace.

El 62% de los consumidores estadounidenses ahora compran en línea más que antes de la pandemia, por lo que es posible que desee agregar a su sitio web de comercio electrónico.

Al igual que agregar herramientas de marketing a para vender productos, debes tener al menos un plan Business . Sin embargo, todavía recomendamos los planes de Comercio para los más ambiciosos. tiendas online.

Entonces, después de actualizar (simplemente haga clic en el botón azul "Actualizar ahora"), haga clic en "Negociar" en el panel principal y podrá comenzar a vender.

Ahora puedes integrar estas funciones de ventas:

• Pedidos en línea
• gestión de inventario
• Ver a tus clientes
• Añadir descuentos

Tenga en cuenta que deberá agregar una página de Productos antes de administrar su inventario. Pero no te preocupes, simplemente regresa a los pasos de "Agregar páginas" y repite el proceso. Es realmente sencillo.

Squarespace tiene integración con Square, el gigante del procesamiento de pagos. Le permite aceptar pagos con tarjeta tanto en línea como fuera de línea; todo lo que necesita es la aplicación Square Commerce, uno de los lectores de tarjetas más pequeños de Square ($49), y listo. Mire este vídeo para obtener más información sobre cómo puede funcionar esto en su tienda:

En cuanto a las comisiones, pagos fuera de línea Se aplicarán las tarifas de transacción y procesamiento propias de Square. Esto depende de varios factores (incluida la ubicación), pero en EE. UU. puedes esperar pagar:

• Tarifa de transacción 2,6% + comisión para procesamiento en $0,10
• Comisión por transacción 3,5% + comisión para Procesando transacciones clave dólar de EE.UU. 0,15

Aunque siempre vale la pena consultar directamente con el sitio web de Square. No incurrirá en ninguna tarifa adicional de Squarespace por las ventas fuera de línea o en línea utilizando sus planes comerciales.