Squarespace para principiantes, la guía definitiva
En esta entrada encontrarás una compilación completa de video-tutoriales básicos sobre Squarespace que te proporcionarán el paso a paso para diseñar una página web gana-clientes en esta plataforma.
Es como un “curso express” de Squarespace y, lo mejor de todo, es gratis.
Iré sumando videos y haciendo actualizaciones según corresponda así que te recomiendo guardar esta página entre tus favoritas.
Primera parte: Tutoriales básicos de Squarespace
1) Conoce el panel de control de Squarespace
En este video daremos un tour por la interfaz de Squarespace para que no se te pierda ninguna función que puedas necesitar para tu página web.
MARCAS DE TIEMPO
00:00 Intro
00:58 Panel de control de la cuenta
02:55 Panel de control del sitio web
04:22 Funciones adicionales en el apartado Sitios web
06:00 Venta- Dónde gestionar tu tienda en Squarespace
07:43 Funciones de Marketing
09:55 Contactos
10:40 Panel de Analitys de Squarespace
12:43 Biblioteca de recursos de imagen y video
16:47 Acceso al centro de ayuda y soporte de Squarespace
2) Aprende a usar Squarespace como profesional
En este video te muestro todo lo que debes saber para diseñar y editar tus páginas en Squarespace de manera profesional y organizada.
MARCAS DE TIEMPO
00:00 Intro
00:55 Organiza tu contenido usando las páginas adecuadas
07:20 Controles para editar las secciones (fondos, colores, altura)
11:16 Diseña conmigo
16:45 Edición de la vista móvil en Squarespace
17:25 Edita el pie de página
18:05 En resumen…
¿Quieres verme diseñando una página completa en Squarespace de principio a fin? Checa mi mini-curso gratuito:
3 ) Sube tu logo y optimiza tu navegación
En este tutorial te enseño cómo subir tu logo a Squarespace y te comparto algunas recomendaciones para configurar el menú de navegación de tu sitio web.
MARCAS DE TIEMPO
00:00 Intro
01:41 Cómo subir tu logo a Squarespace y optimizar el título de tu página web
04:58 Cómo ajustar el tamaño del logo en la vista de escritorio y cuál es el formato ideal para tu logo
05:57 Cómo organizar los enlaces (pestañas) de la navegación
07:38 Cómo editar el botón destacado del menú de navegación
08:30 Cómo agregar un carrito de compra, iconos de redes sociales o indicador de cambio de idioma
09:57 Diseño de la navegación en Squarespace
12:41 Cómo editar la vista móvil de tu navegación
14:15 Cómo añadir un icono del navegador a tu página web en Squarespace
Encuentra el artículo completo sobre Dónde subir tu logo y favicon para el navegador en Squarespace
También te puede interesar:
Cómo cambiar el logo en una sola página de Squarespace
Segunda parte: Personaliza tu sitio web de Squarespace
4 ) Cómo cambiar de tipografía en Squarespace
En este tutorial te acompaño a navegar el panel de Estilos del Sitio en Squarespace para que puedas cambiar el tipo de letra de tu página web. Además te comparto algunos consejos para hacerlo de forma profesional.
MARCAS DE TIEMPO
00:00 Intro
00:59 Cómo funciona el panel de Estilos del Sitio en Squarespace
02:20 Paquetes de paletas tipográficas en el apartado de edición de Fuentes
04:29 Mejores prácticas para usar tipografías en tu sitio web
06:07 Cambiar el tipo de letra de los títulos
07:26 Mejores prácticas para usar los tamaños de títulos en tu página web
08:35 Cambiar el tipo de letra de los párrafos
5) Personaliza y cambia la paleta de colores de tu sitio web en Squarespace
En este tutorial te muestro como personalizar tu página web en Squarespace con tus propios colores de marca. Aprenderás a agregar tu paleta de colores y a usar los temas de colores para crear un mejor diseño.
MARCAS DE TIEMPO
00:00 Intro
01:42 Estilos del sitio: Editar la paleta de colores
03:10 Recomendaciones para la aplicación de color
03:52 Temas de colores en Squarespace
05:42 Ejemplos de aplicación de color
06:43 Recomendaciones para facilitar futuros cambios de color en tu página web
Parte tres: Bloques de contenido
Editar texto en Squarespace | Guía de formato y diseño
MARCAS DE TIEMPO
00:00 Intro
02:00 Cómo usar la IA de Squarespace para escribir textos
04:02 Uso correcto de títulos y párrafos
06:55 Cómo cambiar el color de ciertas palabras o frases
07:19 Escalar texto para destacar palabras
08:48 Destacar texto con subrayado o círculos
09:34 Añadir enlaces en texto
10:05 Alineación del texto, viñetas y sangría
11:35 Cómo eliminar el formato de texto en Squarespace
12:50 Por qué no debes borrar los bloques de texto de tu plantilla
14:17 Cómo añadir un color al fondo del bloque de texto
17:25 Alineación vertical del texto en su contenedor
18:20 Anclar un bloque de texto
19:05 Superponer el bloque de texto con otros elementos
19:18 Duplicar un bloque de texto
19:40 Editor clásico y otros espacios para colocar textos
22:05 Ejemplos de layouts que puedes probar en tu diseño
Cómo cambiar el diseño de los botones de tu plantilla en Squarespace
En este tutorial voy a enseñarte cómo puedes personalizar el diseño de los botones de tu sitio web en Squarespace si los que incluye tu plantilla no tienen el estilo que buscas. Trabajaremos con el panel del Editor de Estilo.
MARCAS DE TIEMPO
00:00 Intro
01:06 Actualizaciones en el panel Estilos del Sitio en Squarespace
02:11 Editar el diseño de los botones en Squarespace
03:44 Cambiar el tipo de letra de tus botones
06:26 Cambiar la forma de los botones
07:47 Ejemplos para definir el estilo de tus botones
09:48 Relleno y delineado de los botones
11:00 Tamaño de los botones y diferencias entre ajustar o ampliar su diseño en la cuadrícula
Para saber más sobre Squarespace, checa mi artículo: Todo lo que debes saber antes de elegir Squarespace.
O elige un plantilla Premium para construir una página web gana clientes fácil y rápido:
7) Cómo crear y diseñar tus formularios de contacto en Squarespace
En este video te enseño a construir tus formularios de contacto en Squarespace para agregarlos en cualquier página, y cómo puedes darles la personalidad de tu marca dentro del apartado de Estilos.
MARCAS DE TIEMPO
00:00 Intro
01:15 Formas de agregar formularios a tu página web
02:57 Asigna un nombre estratégico a tu formulario
04:11 Cómo agregar y editar los campos de tu formulario
06:41 Acciones después de completar el formulario
08:00 Almacenamiento de la información del formulario
09:40 Personalizar el estilo de los formularios en Squarespace
10:59 Añade efectos al formulario
12:35 Estilo de las casillas y opciones de selección
13:37 Cambiar el tipo de letra del formulario
14:06 Cambiar los colores del formulario
14:58 Espaciado
Guárdalo en Pinterest :)
También te puede interesar:
y recuerda:
#SéDiferenteHazLaDiferencia
