Añadir contenido con bloques

Arrastra y suelta diferentes tipos de bloques en tus páginas para personalizar el estilo y la estructura del contenido.

Última actualización: 5 de febrero de 2025

Los bloques tienen integrada la funcionalidad arrastrar y soltar para desplegar contenido en tu sitio. Los usarás para personalizar tus páginas con una variedad de contenidos, por ejemplo, texto, imágenes, botones y formularios. En esta guía, aprenderás cuáles son los diferentes tipos de bloques disponibles y cómo agregarlos a áreas de contenido tales como páginas de diseño o publicaciones de blog.

Consejo

Para ayudar a que el contenido de tu sitio sea accesible para la audiencia más amplia posible, visita Recursos de accesibilidad en Squarespace.

Mira el video

Agregar un bloque

La forma de agregar bloques depende de la versión de Squarespace en la que esté tu sitio y de si estás editando en una computadora o en la aplicación de Squarespace.

Para agregar un bloque:

  1. Abre el panel de Páginas y selecciona la página que quieres editar.
  2. Haz clic en Editar en la esquina superior izquierda.
  3. Desplaza el cursor sobre la sección en la que quieres agregar el bloque y haz clic en Agregar bloque en la esquina superior izquierda. La página debe tener al menos una sección de bloques para agregar bloques.

Consejo

Si no aparece el botón Agregar bloque, es posible que estés en una sección de página de colección u otro tipo de sección que no admita bloques, como diseños inteligentes o secciones de galería. Si la sección admite bloques, pero no tiene un botón Agregar bloque, estás usando el editor clásico de Squarespace, una experiencia de edición ligeramente diferente que se usa en ciertas áreas de tu sitio. Para agregar bloques en el editor clásico, haz clic en un punto de inserción.

  1. En el menú, haz clic en un bloque. También puedes buscar bloques en la parte superior del menú.
  2. El nuevo bloque aparecerá en la página con el contenido de marcador de posición. Según el bloque, es posible que se abra un editor en el que podrás personalizarlo.
  1. Abre el panel Páginas. (Si el panel Páginas no está visible, contrae la vista previa del sitio haciendo clic en la flecha de la esquina superior izquierda del sitio.)
  2. En el panel de Páginas, haz clic en la página que deseas editar o añade una nueva página.
  3. Posiciona el cursor sobre el área en la que deseas añadir un bloque y haz clic en Editar.

Consejo

Si trabajas con una página de diseño en blanco, verás un mensaje que dice: “Esta página está vacía. Comienza editando y agregando bloques de contenido". Este mensaje aparecerá solo hasta que agregues bloques a la página. Para los que visitan el sitio, la página estará en blanco, sin ningún texto.

adding_blocks_-_edit_page.jpg
  1. Haz clic en + en la esquina superior derecha o en un punto de inserción para abrir el menú de bloques.
  2. En el menú, haz clic en un bloque. También puedes buscar en la parte superior del menú palabras como imagen, texto o formulario.
  3. El nuevo bloque aparecerá en la página con el contenido de marcador de posición. Según el bloque, se abrirá un editor donde podrás personalizarlo.

La aplicación de Squarespace no admite agregar o reorganizar bloques en páginas de diseño, solo editar los existentes. Para agregar o reorganizar bloques, inicia sesión en tu sitio desde una computadora de escritorio.

El editor de blogs en dispositivos móviles permite agregar y editar bloques de líneas, texto e imagen.

Arrastra y suelta

También puedes arrastrar y soltar un bloque si sabes en qué lugar de la página quieres colocarlo:

  1. Arrastra un bloque desde el menú. Aparecerán líneas guía en la página para mostrarte dónde puedes ubicar el bloque.
  2. Suelta el bloque para colocarlo en la página. Según el bloque, se abrirá un editor donde podrás personalizarlo.

Añade bloques a otras áreas

Puedes agregar bloques en:

No es posible añadir bloques a:

Banners y encabezados

  • Agrega bloques superpuestos a un banner añadiendo una imagen de fondo a una sección de bloques.
  • No es posible agregar bloques a encabezados globales.
  • En el editor de encabezado, cambia tu título del sitio y tu eslogan.
  • Cambia tus enlaces de navegación en Configuración de página.

En la mayoría de las plantillas, no es posible añadir bloques a la cabecera o al encabezado.

Puedes añadir bloques en el encabezado de todo el sitio en estas familias de plantillas:

Editar un bloque existente

Algunos contenidos de bloques, como texto en bloques de texto, se pueden editar directamente en la página, pero la mayoría de los bloques tienen un editor de bloques donde agregarás, editarás y administrarás el contenido del bloque.

Para abrir un editor de bloques:

  1. Haz clic en Editar en la página con el bloque que quieres editar.
  2. Haz clic en el bloque para seleccionarlo y luego haz clic en el icono del lápiz que aparece encima del bloque. Alternativamente, haz doble clic en el bloque.

Puntos de inserción

Los puntos de inserción son íconos + del editor clásico que muestran dónde puedes agregar bloques al editar tu sitio en un equipo. Aparecen por encima y por debajo de los bloques existentes para que puedas elegir la ubicación del bloque antes de agregarlo.

En Editor Dinámico, haz clic en Agregar bloque. En la aplicación de Squarespace, haz clic en el ícono + en la esquina superior derecha.

¿Por qué no puedo encontrar los botones +?

Si no encuentras el botón Agregar bloque o los íconos + al editar en un equipo, primero asegúrate de editar un área en la que puedas agregar bloques. Revisa la lista anterior.

Luego, asegúrate de que el editor esté abierto. Para abrir el editor:

  • Versión 7.1: haz clic en Editar en la esquina superior izquierda de la página donde quieres agregar el bloque y asegúrate de que la página tenga al menos una sección de bloques.
  • Versión 7.0: Pasa el cursor sobre el lugar donde deseas agregar el bloque y luego haz clic en Editar.

Si no aparece ningún botón Agregar bloque en la esquina superior izquierda, significa que estás usando el editor clásico. Si el editor clásico está abierto pero no aparecen íconos + al desplazar el cursor por encima o por debajo de un bloque, es posible que ya haya otro bloque seleccionado. Haz clic en cualquier parte de la página para anular la selección del bloque y, a continuación, desplaza el cursor sobre el lugar donde quieras agregar el nuevo bloque.

Si sigues teniendo problemas, puede ser útil borrar la memoria caché del navegador, deshabilitar cualquier extensión del navegador o actualizar la versión del navegador. Si el ícono + no aparece cuando haces clic en Editar en la aplicación de Squarespace, es posible que la aplicación no permita agregar nuevos bloques a esa página.

Tipos de bloques

Usa estos bloques para añadir contenidos a tu sitio:

  • Amazon (función premium): Enlaza a productos de Amazon. Esto es útil si participas en el programa de afiliados de Amazon.
  • Archivo: Muestra listas organizadas de enlaces a los elementos de una colección.
  • Audio: Agrega reproductores para archivos de audio.
  • Bandsintown: Muestra fechas de giras desde tu perfil de Bandsintown.
  • Botón: Agrega botones y llamadas a la acción.
  • Calendario: Muestra elementos en las páginas, como eventos, en forma de calendario ordenado por día.
  • Gráfico: Agrega gráficos de barras, líneas y circulares.
  • Código: Añade código personalizado o muestra fragmentos de código. Usar código de JavaScript e iframe en bloques de código es una función premium.
  • Enlaces a contenidos: Añade enlaces a otras páginas de tu sitio con vistas previas.
  • Donación (función premium): recibe donaciones para tu causa u organización. Requiere conexión con un procesador de pagos.
  • Contenido integrado: Añade contenido externo a tu sitio usando enlaces a tuits, videos y más.
  • Flickr: Añade imágenes de tu cuenta de Flickr.
  • Formulario: Añade formularios para recolectar información de quienes visitan el sitio.
  • Galería: Agrega galerías de imágenes o videos en diseños de carrusel, cuadrícula, diapositivas o pila.
  • Imagen: Agrega imágenes con leyendas en diseños de tarjeta, collage, incorporado, superposición, póster o pila.
  • Instagram: Agrega publicaciones de tu cuenta de Instagram.
  • Línea: Añade líneas horizontales para separar textos o contenidos gráficamente.
  • Mapa: Añade Google Maps con pins de ubicación.
  • Markdown: Agrega texto utilizando el lenguaje Markdown.
  • Menú (función premium): Muestra menús de restaurantes.
  • Newsletter: Agrega formularios de suscripción a newsletters.
  • OpenTable (función premium): Agrega una reserva de restaurante. Necesitarás un ID de restaurantes de OpenTable.
  • Producto: Muestra productos de páginas de tienda.
  • Cita: Añade citas y testimonios con estilo.
  • Reservas. Agrega un botón para hacer reservas o vender entradas para eventos con Tock.
  • RSS: Agrega enlaces a los feeds RSS de la página de blog.
  • Reserva de citas: Agrega la posibilidad de hacer reservas en línea con Acuity Scheduling.
  • Desplazamiento: Agrega texto de desplazamiento, como marquee o teletipo de noticias.
  • Forma (solo en Editor dinámico): agrega formas de color pleno.
  • Buscar: Agrega campos de búsqueda.
  • Enlaces sociales: Agrega íconos que enlazan a perfiles de redes sociales.
  • SoundCloud: Incrusta reproductores de SoundCloud.
  • Espaciador: incorpora cantidades variables de espacios o relleno entre los bloques. No se admite en las secciones de Editor dinámico.
  • Resumen: Muestra los elementos de la colección del sitio en diseños de carrusel, cuadrícula, lista o muro.
  • Nube de etiquetas: Muestra las etiquetas o las categorías en una formación de nubes gráfica.
  • Texto: Agrega textos, incluidos encabezados, citas, texto con formato previo, enlaces y listas.
  • Video: Incorpora videos alojados externamente.
  • Zola: Incorpora listas de boda.

Bloques descontinuados

Utiliza el bloque de archivo en lugar de estos bloques descontinuados:

  • Lista de autores
  • Lista de categorías
  • Lista de meses
  • Lista de etiquetas

Para obtener una lista completa de bloques descontinuados, visita Funciones descontinuadas.

Próximos pasos

Ahora que has añadido un bloque puedes:

Visita la guía para añadir contenido con bloques para conocer las opciones de estilo y edición.

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.