Arrastra y suelta diferentes tipos de bloques en tus páginas para personalizar el estilo y la estructura del contenido.
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:
- Abre el panel Páginas.
- Selecciona la página que deseas editar y presiona Editar en la esquina superior izquierda.
- Posiciona el cursor sobre la sección en la que deseas 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 bloque para agregar bloques.
Consejo: Si no aparece el botón Agregar bloque, significa que 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.
- En el menú, haz clic en un bloque. También puedes buscar bloques en la parte superior del menú.
- 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.
- 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.)
- En el panel de Páginas, haz clic en la página que deseas editar o añade una nueva página.
- 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.
- Haz clic en + en la esquina superior derecha o en un punto de inserción para abrir el menú de bloques.
- En el menú, haz clic en un bloque. También puedes buscar en la parte superior del menú palabras como imagen, texto o formulario.
- 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.
Las opciones de bloques en la aplicación funcionan de manera diferente dependiendo de la versión de Squarespace de tu sitio web.
- En la versión 7.1, puedes agregar bloques a entradas de blog, eventos individuales e información adicional de productos. No puedes agregar bloques en secciones del Editor dinámico.
- En la versión 7.0, puedes agregar bloques a las páginas de diseño en blanco y a las publicaciones de blog.
Para añadir un nuevo bloque:
- Toca el ícono de Páginas .
- Pulsa la página que quieras editar.
- Pulsa Editar o el ícono del lápiz en la esquina superior derecha.
- Pulsa cualquier bloque para editarlo o pulsa + para añadir un bloque nuevo.
- Desplázate por la configuración del bloque en la parte inferior de la pantalla para agregar contenido y personalizar el bloque.
- Cuando hayas terminado, pulsa Listo o ✓ en la esquina superior izquierda para guardar los cambios.
Arrastra y suelta
También puedes arrastrar y soltar un bloque si sabes en qué lugar de la página quieres colocarlo:
- Arrastra un bloque desde el menú. Aparecerán líneas guía para mostrarte dónde puedes colocar el bloque.
- 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:
- Páginas de diseño
- Secciones de bloques
- Entradas en blogs
- Descripciones de eventos
- Pie de página
- Encabezados y pies de página (versión 7.0)
- Información adicional de producto
- Barras laterales (versión 7.0)
No es posible añadir bloques a:
- Secciones de diseño inteligente
- Secciones de página de colección
- Secciones de galería
- Encabezados de sitio
Si quieres bloques en la misma página que una sección que no admite bloques, agrega una sección de bloques arriba o debajo de esa sección.
- Páginas de álbum
- Páginas de blog
- Páginas de portada
- Páginas de eventos
- Páginas de galería
- Páginas de índice
- Páginas de la tienda
- Banners en la mayoría de las plantillas
- Encabezados de todo el sitio en la mayoría de las plantillas
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.
- Cambia el título del sitio y el eslogan del sitio en el panel logotipo y título.
- Cambia tus enlaces de navegación en Configuración de página.
- La mayoría de los banners admiten el texto superpuesto.
Puedes añadir bloques en el encabezado de todo el sitio en estas familias de plantillas:
- Montauk: añade bloques en el encabezado cuando se ha seleccionado el ajuste Subtítulo del encabezado: personalizado.
- Skye: añade bloques en la superposición de navegación.
- Wells: añade bloques al área de contenidos de la barra lateral de navegación.
- Algunas plantillas tienen encabezados de página que son compatibles con los bloques. Por ejemplo, en la familia Brine, puedes añadir bloques al área de Intro que aparece sobre los banners de la página.
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:
- Haz clic en Editar en la página con el bloque que quieres editar.
- Haz clic en el bloque para seleccionarlo y luego en el icono del lápiz. 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 deseas 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:
- 500px: Añade imágenes de tu cuenta de 500px.
- 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): Recauda donaciones a tu causa u organización. Requiere una cuenta de Stripe o PayPal conectada.
- 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.
- Foursquare: Añade las fuentes de tus registros en Foursquare.
- 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.
- Bloques de forma (solo Editor dinámico): Agrega formas de color sólido.
- Buscar: Agrega campos de búsqueda.
- Enlaces sociales: Agrega íconos que enlazan a perfiles de redes sociales.
- SoundCloud: Incrusta reproductores de SoundCloud.
- Espacios: Incorpora cantidades variables de espacios o relleno entre los bloques.
- 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.
La aplicación de Squarespace no admite todos los bloques. Para agregar o editar bloques no compatibles, inicia sesión en el sitio en una computadora.
- Botón: Agrega botones y llamadas a la acción.
- Galería: Agrega galerías de imágenes o videos en diseños de carrusel, cuadrícula, presentación o pila.
- Imagen: Agrega imágenes con leyendas en diseños de tarjeta, collage, incorporado, superposición, póster o pila.
- Línea: Añade líneas horizontales para separar textos o contenidos gráficamente.
- Texto: Agrega textos, incluidos encabezados, citas, texto con formato previo, enlaces y listas.
- Video: Incorpora videos alojados externamente.
No es posible agregar ni editar bloques en las secciones del Editor dinámico en la aplicación de Squarespace.
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
Si necesitas más ayuda, consulta 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.