Usa bloques de arrastrar y soltar para crear contenido y construir la estructura de tu sitio.

Los bloques son funciones que se pueden arrastrar y soltar para agregar contenido (como texto, botones, formularios e imágenes) a tu sitio web. Piensa en ellos como los bloques de construcción de tu sitio.

Prueba también: Agregar secciones de página con diseños de bloques predefinidos.

Video sobre cómo agregar bloques

Este video muestra cómo agregar bloques a tus páginas.

Agregar un bloque

La forma en la que agregas un bloque depende de la versión de Squarespace que tenga tu sitio y de si estás usando la aplicación de Squarespace.

Agrega bloques a tu diseño arrastrando y soltando

Para arrastrar y soltar un bloque en la página:

1. Abre el menú de bloques.
2. Haz clic y arrastra el bloque desde el menú. Aparecen líneas guía en la página donde puedes colocar el bloque.
3. Suelta el bloque para colocarlo en la página.

Editar bloques existentes

Puedes editar el contenido de algunos bloques, como el texto en los bloques de texto, directamente en la página. La mayoría de los bloques tienen un editor de bloques donde agregas, editas y administras el contenido del bloque.

Para abrir un editor de bloques:

1. Abre el panel Páginas.
2. Haz clic en Editar en la página o área de bloque con el bloque que quieres editar.
3. 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.

Ajustar o rellenar bloques de botones y de imagen

Editor dinámico está disponible en secciones de bloque en la versión 7.1.

Puedes configurar bloques de imagen y bloques de botones para que se estiren hasta los bordes de sus límites o para que tengan relleno alrededor de su contenido. Al seleccionar Rellenar, el contenido cubre toda el área del bloque, por lo que toca los bordes de los bloques adyacentes. Al seleccionar Ajustar, se mantiene un borde limpio de espacio adicional alrededor del contenido del bloque.

Para configurar bloques de botón o imagen para que se ajusten o rellenen:

1. Abre el panel Páginas y selecciona la página que quieres editar.
2. Haz clic en Editar en la esquina superior izquierda.
3. Haz clic en un bloque de imagen o botón, en el ícono del lápiz y, a continuación, en la pestaña Diseño.

Haz clic en Ajustar o Rellenar. Los bloques de imagen están configurados para ajustarse de forma predeterminada, mientras que los bloques de botón están configurados para rellenar. Para los bloques configurados en Ajustar, las opciones de alineación aparecen debajo o en la barra de herramientas del bloque.

Personaliza bloques con efectos de transformación

Editor dinámico está disponible en secciones de bloque en la versión 7.1.

Personaliza el aspecto de ciertos bloques con opciones que transforman varios elementos del bloque, como la disminución de la opacidad del bloque o la rotación del bloque. También puedes agregar efectos de transformación a pilas.

Para añadir efectos de transformación:

1. Abre el panel Páginas y selecciona la página que quieres editar.
2. Haz clic en Editar en la esquina superior izquierda.
3. Haz clic en un bloque con opciones de transformación o una pila. Luego, haz clic en el icono del lápiz y, a continuación, en la pestaña Diseño.
4. En Transformaciones, personaliza la configuración. Recomendamos probar diferentes combinaciones de configuraciones para obtener el aspecto que deseas.

Entre las opciones de transformación, se incluyen las siguientes:

• Opacidad
• Rotación
• Escala
• Desfase
• Inclinación
• Anclaje

¿Qué bloques tienen efectos de transformación?

En el Editor dinámico, puedes agregar efectos de transformación a lo siguiente:

• Bloques de botones
• Bloques de formulario
• Bloques de imágenes
• Bloques de productos
• Bloques de formas
• Bloques de texto

Dónde puedo agregar bloques

Puedes agregar bloques en:

• Secciones de bloques en cualquier página (versión 7.1)
• Entradas en blogs
• Descripciones de eventos
• Pie de página
• Páginas de diseño
• Encabezados y pies de página (versión 7.0)
• Información adicional sobre el producto (versión 7.0)
• Barras laterales (versión 7.0)

Las áreas en las que no puedes añadir bloques dependen de la versión de tu sitio.

No encuentro los botones para agregar bloques

Si no puedes encontrar el botón Agregar bloque o los iconos + al editar en una computadora:

• Asegúrate de que el editor esté abierto. Para abrir un editor, haz clic en Editar en la esquina superior izquierda de la página.
• Asegúrate de que estás editando un área donde puedas agregar bloques.
• Deselecciona otros bloques. Para anular la selección de un bloque, haz clic en un área vacía en el editor.

Si todavía tienes problemas, puede ayudar borrar el caché del navegador, desactivar todas las extensiones de tu navegadoro actualizar la versión del navegador.

¿Cuántos bloques puedo agregar?

No hay un límite estricto respecto del número de bloques que puedes agregar a un área de contenido, pero recomendamos no más de 60 bloques por página. Demasiado contenido puede hacer que tu sitio se cargue lentamente, en especial, en dispositivos móviles.

Tipos de bloques que puedes añadir a tu sitio

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

• 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 (solo editor clásico): 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.

Más formas de personalizar los bloques

Ahora que has añadido un bloque puedes:

• Añadir animaciones en Editor dinámico
• Duplicar bloques
• Editar el diseño móvil en Editor dinámico
• Aprender las mejores prácticas para la accesibilidad
• Mover bloques
• Fijar bloques
• Cambiar el tamaño de bloques