Cómo crear tu primer sitio de Squarespace

Crea y organiza el contenido del sitio y modifica su estilo para llevar tu negocio, marca o tienda a la web.

Última actualización: 23 de enero de 2025

Si acabas de empezar con Squarespace, esta guía cubre los pasos básicos, pero esenciales, para crear una presencia en línea para tu marca personal, pequeña empresa o tienda en línea.

Al construir un sitio, crearás la estructura de la página, agregarás el contenido y, a continuación, establecerás los estilos del sitio. Si piensas en tu sitio web como una casa, la estructura del sitio es la disposición de las habitaciones en relación con las demás, el contenido es el mobiliario con el que llenas las habitaciones y el estilo es la combinación de colores, marcas y otros adornos que utilizas para que se sienta como en casa.

Consejo

Además de nuestras guías y tutoriales en video, ofrecemos dos seminarios web de Introducción a Squarespace. En estas sesiones, te guiaremos a través de la creación de plantillas con el Kit de diseño de Squarespace con IA, la navegación por tu sitio, opciones de dominios y correo electrónico, la preparación del contenido del sitio, la creación de una página de inicio y el estilo de colores y fuentes. Los seminarios web suelen durar una hora y no necesitas un sitio o una cuenta de Squarespace para registrarte.

Mira el video

Crear la estructura de tu sitio web

Crearás la estructura de tu sitio añadiendo páginas a tu navegación. Cuando agregas una página en el panel Páginas, su título aparece como un vínculo en el encabezado del sitio. Al dividir el contenido de tu sitio en diferentes páginas, te aseguras de que los visitantes puedan encontrar actualizaciones esenciales, realizar compras o ponerse en contacto contigo.

Consejo

Consulta las siguientes secciones para obtener información sobre cómo agregar un blog o vender productos en tu sitio web.

Añadir páginas

Para añadir páginas a la navegación:

  1. Abre el panel Páginas y haz clic en + junto a Navegación principal.
  2. Selecciona el tipo de página que deseas agregar o haz clic en Diseños de página para páginas de diseño predefinidas.
  3. Ingresa el título de la página y presiona Enter.
  4. Si deseas que esta página sea la primera que ven los visitantes, configúrala como tu página de inicio.

Tu sitio incluye algunas páginas de demostración cuando lo creas. Puedes reemplazar el contenido precargado y reorganizar las páginas para que se ajusten a tu estructura o eliminarlas si deseas crear páginas desde cero.

Consejo

Para crear contenido cerrado en páginas solo para miembros, puedes configurar un sitio para miembros.

Editar el encabezado del sitio

El encabezado del sitio también puede incluir un título o logotipo, íconos que enlazan a redes sociales, un botón de llamada a la acción y un ícono del carrito de compras. Estos ayudan a resaltar las funciones importantes para tus visitantes.

Para editar el encabezado del sitio:

  1. En la vista previa del sitio, haz clic en Editar.
  2. Desplaza el cursor sobre el encabezado del sitio y haz clic en Editar encabezado del sitio.

Para obtener más información, visita Cómo crear un encabezado de sitio.

Agregar contenido a tus páginas

Después de crear la estructura de tu sitio, es hora de agregar contenido a tus páginas. Las páginas se componen de secciones individuales y, según la sección, agregarás bloques o elementos de la colección para crear el contenido:

  • Los bloques permiten arrastrar y soltar para agregar texto, imágenes, botones y otras funciones.
  • Los elementos de la colección son conjuntos de contenido como publicaciones de blog, productos y eventos.

Añadir contenidos con bloques

Los bloques son la función principal que utilizarás para mostrar contenido en tu sitio. Para agregar bloques a una página:

  1. Abre el panel Páginas.
  2. En el panel izquierdo, haz clic en la página que quieras editar.
  3. Haz clic en Editar en la esquina superior izquierda de la vista previa de la página.
  4. Si la página está en blanco, haz clic en + para añadir una sección. Si la página ya tiene secciones, sáltate este paso.
  5. Haz clic en Agregar bloque o en un punto de inserción y selecciona el bloque que quieres agregar. Para obtener más ayuda, visita Agregar contenido con bloques.
insert_point.png

Repite este proceso para agregar más bloques. Para organizar tu contenido, mueve bloques haciendo clic y arrastrándolos por la página. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Para agregar más secciones a tu página, haz clic en +, en la parte superior o inferior de una sección. Puedes agregar secciones de bloques, secciones de galerías y diseños inteligentes a cualquier tipo de página. Si quieres reutilizar el diseño de una sección, puedes guardarlo para agregarlo a otras páginas. Para obtener más información, visita Secciones de página.

Añadir contenido con páginas de la colección

Las colecciones son conjuntos de elementos relacionados, como entradas de blog en una página de blog. Todas las páginas de la colección tienen una estructura de dos capas conformada por una página de aterrizaje y páginas individuales de elementos de la colección. Por ejemplo, una página de aterrizaje de blog muestra una lista de publicaciones con imágenes destacadas y extractos, en los que puedes hacer clic para abrir y leer la publicación completa.

Nota

Si bien puedes eliminar elementos de la página de la colección, no es posible eliminar una sección de la página de la colección sin eliminar toda la página. Cuando trabajes con contenido de muestra, anota el tipo de página que estás utilizando antes de personalizarlo, ya que puede tener secciones que no se pueden eliminar. Para obtener la mayor flexibilidad, utiliza una página de diseño.

Visite las guías vinculadas que aparecen a continuación para conocer los pasos específicos:

Agregar una página de blog (opcional)

Una página de blog es ideal si tienes previsto publicar contenido nuevo periódicamente. Puedes añadir una nueva publicación a tu página de blog siempre que estés listo para compartir algo con quienes visitan el sitio. Sigue los pasos anteriores para agregar una nueva Página de blog y, a continuación, publicaciones y otro contenido.

Añadir una publicación nueva

Para agregar una publicación de blog:

  1. En el panel Páginas, haz clic en Página de blog.
  2. Haz clic en + en la esquina superior derecha del panel lateral.
  3. Añade un título y contenido a tu publicación de blog.
  4. Desplaza el cursor sobre Publicar y haz clic en Publicar para que se publique de inmediato.

Interactúa con tu audiencia

Las páginas de blog incluyen una serie de funciones integradas para ayudar a los visitantes a encontrar tu contenido más fácilmente e interactuar con este:

Configurar un podcast

Las páginas de blog también se pueden utilizar para configurar un podcast mediante publicaciones de blog con bloques de audio. Las páginas de blog están diseñadas para configurar tu fuente RSS con podcasts de Apple. Para obtener más información, visita la descripción general de Cómo usar podcasts Squarespace.

Configurar una tienda en línea (opcional)

Los tipos de productos y servicios que puedes vender en tu sitio, dependen del plan para sitios web que elijas. Utiliza la lista de comprobación que aparece a continuación para poner en marcha tu tienda, y visita las guías vinculadas para obtener instrucciones detalladas paso a paso.

  1. Añade productos a una página de tienda.
  2. Conectar un procesador de pagos
  3. Configura opciones de envío (si vendes productos físicos).
  4. Configura tipos de impuestos.
  5. Personaliza la página Finalizar compra de tu sitio.

Consejo

Ofrecemos una variedad de herramientas para ayudarte a crear un sitio para generar ingresos.Puedes vender de todo, desde consultas hasta tazas de café.Para encontrar la herramienta que mejor te funcione, visita Monetizar tu sitio.

Editar el estilo de tu sitio web

Edita el estilo del sitio para cambiar las fuentes, los colores y otros elementos de diseño. En el panel Diseño, modificarás el contenido en todo el sitio y también podrás realizar cambios de estilo en secciones de página específicas.

Editar estilos de todo el sitio

Para realizar cambios de estilo en todo el sitio, mientras editas una página, abre Estilos del sitio y, a continuación, haz clic en:

  • Fuentes: elige un paquete de fuentes y cambia el tamaño de diferentes tipos de texto.
  • Colores: elige una paleta de colores y edita los temas cromáticos.
  • Animaciones: añade animaciones sutiles a tu contenido.
  • Espaciado: cambia el relleno o el espacio entre los elementos.

También puedes darle estilo a los botones y bloques de imagen del sitio. Para informarte mejor, visita Cómo hacer cambios de estilo.

Aplicar estilo a secciones individuales

Puedes aplicar estilos a secciones individuales con estilos de sección para cambiar aspectos de su diseño, visualización o fondo. Los estilos de sección sustituyen a los estilos globales.

Para editar estilos de sección:

  1. Abre el panel de Páginas y haz clic en la página que quieres editar.
  2. Haz clic en Editar en la esquina superior izquierda de la vista previa de la página.
  3. Desplaza el cursor sobre la sección a la que deseas aplicar estilo y haz clic en el ícono de lápiz.
  4. Tus opciones varían según la sección. Después de hacer cambios, haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Para informarte mejor, visita Cómo hacer cambios de estilo.

Crea una guía de estilo (opcional)

Mientras diseñas tu sitio, considera crear una página de guía de estilo en la sección No vinculadas. Esta página funciona como un ‌punto de referencia para cualquier opción de estilo que apliques a tu sitio. Puede ayudarte a:

  • Experimentar y establecer los elementos de diseño de tu marca
  • Reducir el tiempo dedicado a hacer revisiones posteriores en el proceso de construcción del sitio
  • Promover la coherencia entre los colaboradores de tu sitio

Para crear tu guía de estilo, incluye pautas para los siguientes elementos de diseño:

Para obtener una vista previa de cómo se verán las opciones de estilo anteriores en tu sitio, puedes aplicarlas a los siguientes elementos del sitio y agregarlos también a tu guía de estilo:

A continuación se muestra un ejemplo de algunos elementos que puedes incluir en tu guía de estilo:

KB Guide Image

Publicar tu sitio

Después de leer esta guía, te recomendamos revisar nuestra lista de comprobación de inicio del sitio para asegurarte de que tu sitio está listo para los visitantes y los motores de búsqueda.

Cuando estés listo, puedes haz un upgrade de tu sitio a servicio de pago haciendo clic en el botón Suscribir en el banner situado en la parte inferior del sitio. Para obtener más información sobre los precios y las características de nuestros planes, visita Cómo elegir el plan de Squarespace adecuado.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Cómo crear tu primer sitio de Squarespace