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.
Mira el video
Agregar bloques a una página
La forma en que agregas bloques en un equipo depende de la versión de Squarespace en la que esté tu sitio y de si estás editando en un equipo o en la aplicación de Squarespace.
Para agregar un bloque:
- En el Menú de Inicio, haz clic en Páginas.
- Selecciona la página que deseas editar y presiona Editar en la esquina superior izquierda.
- Desplaza el cursor sobre la sección en la que deseas agregar el bloque y presiona un punto de inserción. La página debe tener al menos una sección de bloque para agregar bloques.
Si los puntos de inserción no aparecen y tu sección muestra el botón Agregar bloque + en la esquina superior izquierda, estás usando Motor Dinámico, una nueva experiencia de edición de contenido que estamos implementando para los usuarios en etapas. Para agregar bloques, haz clic en el botón Agregar bloque + .
- En el menú, selecciona un bloque. También puedes buscar bloques en la parte superior del menú.
- El nuevo bloque aparecerá en la página. Según el bloque, se abrirá un editor donde podrás personalizarlo.
- En el menú de Inicio, haz clic en 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, selecciona la Página de Blog 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 a editarla y añade 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 para seleccionarlo. También puedes buscar en la parte superior del menú palabras como image (imagen), text (texto) o form (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 elementos de la colección, como publicaciones de blog y eventos individuales.
- 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 y casillas grises para indicarte 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:
- 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
Cabeceras y encabezados
- Puedes agregar un banner o una imagen de fondo a la mayoría de las secciones de página con un bloque superponiéndolos.
- No es posible agregar bloques a encabezados globales
- En el editor de encabezado, cambia tu título del sitio web 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 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 las cabeceras 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.
Puntos de Inserción
Los puntos de inserción son iconos + que muestran dónde puedes agregar bloques en los editores de páginas o publicaciones. Aparecen arriba y debajo de los bloques actuales. Este método es útil para elegir la ubicación del bloque antes de agregarlo.
¿Por qué no puedo encontrar los botones +?
En primer lugar, asegúrate de que estás editando un área donde puedes añadir bloques. Consulta la lista mencionada previamente.
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 enEditar.
- Squarespace App: Pulsa Editar o el icono de lápiz en la esquina superior derecha.
Si el editor está abierto, pero no aparecen íconos + al pasar el cursor por encima o debajo de un bloque, es posible que ya esté seleccionado un bloque. Haz clic en otro lugar de la página para anular la selección del bloque y, a continuación, pasa el cursor donde desees agregar el nuevo bloque.
Los puntos de inserción no aparecen si tu sección usa Motor Dinámico, una nueva experiencia de edición de contenido que estamos implementando para los usuarios en etapas. Haz clic en Agregar bloque + en las secciones de Motor Dinámico.
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.
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.
- Eventos: agrega un botón para reservar boletos para eventos con Tock.
- 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.
- Boletín: Agrega formularios de suscripción a boletines.
- 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 con Tock.
- RSS: Agrega enlaces a los feeds RSS de la página de blog.
- Scheduling: agrega reservas en línea con Squarespace Scheduling.
- Desplazamiento: agrega texto de desplazamiento, como marquee o teletipo de noticias.
- 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.
- Twitter: Muestra las fuentes de tus tuits más recientes y un botón para que te sigan.
- 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.
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:
- Mueve bloques para reorganizarlos o para hacer que un bloque flote sobre otro.
- Crea columnas y filas con bloques para diseños más complejos.
- Cambia el tamaño de los bloques utilizando otros bloques, más comúnmente el bloque espaciador.
- Elimina un bloque haciendo clic y arrastrándolo al ícono de la papelera.
Visita la guía para tu bloque para conocer sus opciones de estilo y edición.