Bloques de la web: todos los bloques explicados

Actualizado

Cada página de tu web es una pila de bloques: un banner principal arriba, luego un texto, las fichas de tus alojamientos, reseñas de huéspedes, un formulario de contacto, etc. Hay 14 tipos de bloques. Los añades, mueves y eliminas en el panel lateral del editor, hasta 20 bloques por página.

Esta guía explica cómo trabajar con los bloques y, después, para qué sirve cada bloque, qué rellenas y cuándo usarlo.

La página de inicio de una web de Nowistay tal como la ven los visitantes, formada por un banner principal, un texto, fichas de alojamientos y reseñas

Los 14 bloques de un vistazo

BloquePara qué sirve
Banner principalLa parte superior de una página: de 1 a 3 fotos, el título principal de la página y un botón
IntroducciónLa parte superior de una página sin fotos: el título principal y una breve introducción
TextoUn texto para leer, con títulos, listas o tablas
Foto y textoUna foto junto a un título y un texto
Dos columnasDos textos o dos grupos de preguntas, uno al lado del otro
Puntos fuertesHasta 6 puntos fuertes breves sobre una franja de color
Preguntas frecuentesPreguntas que se abren con un clic
Llamada a la acciónUna franja de color con un título y un botón
Formulario de contactoEl formulario que usan los visitantes para escribirte
ReseñasHasta 6 reseñas de huéspedes, citadas tal cual
Fichas de alojamientosTus alojamientos, con foto, huéspedes y precio
ZonasHasta 4 paneles grandes con foto, uno por zona o destino
ReservaUna franja con la búsqueda de reservas entre todos tus alojamientos
ArtículosLos últimos artículos de tu blog

Dónde puedes usar bloques

Puedes añadir, mover y eliminar bloques en la página Inicio, la página Sobre nosotros, tus propias páginas, la página Blog, la página Gracias y la página Página no encontrada.

Dos tipos de páginas funcionan de otra manera:

  • La página que muestra todos tus alojamientos (Alojamientos y luego Todos los alojamientos): solo se puede cambiar su introducción (título, texto y botón). El resto de la página (la búsqueda por fechas y la lista de alojamientos) lo organiza Nowistay.
  • Las páginas de alojamiento tienen una disposición fija y no admiten bloques adicionales. Consulta Páginas de la web.

Añadir un bloque

  1. Abre la página, sin ningún bloque seleccionado: el panel lateral muestra los bloques de la página.
  2. Al final de la lista, elige el tipo de bloque y haz clic en Añadir una sección. Para insertarlo en un lugar preciso, selecciona el bloque que debe ir antes, elige el tipo debajo de él y haz clic en Añadir un bloque después.
  3. Se abre el formulario del nuevo bloque, vacío. Rellénalo.
  4. Haz clic en Añadir (o en Cancelar). Si falta una elección obligatoria, el panel te indica qué elegir primero, por ejemplo Elija primero: seguido del campo.
  5. Haz clic en Actualizar en la parte inferior de la vista previa para ver el nuevo bloque en su sitio.

La lista de tipos de bloque abierta debajo de Añadir una sección

Mover o eliminar un bloque

  1. Selecciona el bloque en la vista previa o en la lista del panel.
  2. Debajo de sus campos, haz clic en Subir o Bajar para moverlo de una posición en una.
  3. Para eliminarlo, haz clic en Eliminar esta sección y confirma. El mensaje te recuerda: Podrás deshacerlo después.
  4. Haz clic en Actualizar para ver el resultado en la vista previa.

Cada movimiento y cada eliminación se guardan como una versión: Deshacer o Versiones recuperan un bloque (consulta El editor de la web: lo básico).

El panel lateral con los bloques de la página de inicio y Añadir una sección abajo

Las reglas

  • 20 bloques por página como máximo. Por encima: Una página tiene como máximo 20 secciones.
  • Un banner principal o una introducción por página. Contiene el título principal de la página, así que cada página tiene exactamente uno. Cuando una página ya tiene uno, Banner principal e Introducción aparecen en gris en la lista, con Una página tiene un solo banner principal o introducción. Tampoco puedes eliminar el último de una página, así que cada página conserva el tipo con el que empezó: la página de inicio suele abrirse con un Banner principal, y tus propias páginas con una Introducción.
  • No hay bloques ocultos. Un bloque está en la página o está eliminado. Si eliminas un bloque que quizá quieras recuperar más adelante, puedes restaurarlo desde Versiones mientras esa versión se conserve.

La mayoría de los cambios en los bloques aparecen en la vista previa después de Actualizar. Los cambios de texto dentro de un bloque aparecen al momento.

Cada bloque en detalle

Lo primero que ven los visitantes en una página: de 1 a 3 fotos una al lado de otra, luego el título principal de la página, un subtítulo, un precio desde opcional y un botón.

Qué rellenas:

  • Título (obligatorio): el título principal de la página.
  • Subtítulo: una frase debajo del título.
  • Fotos (obligatorio): de 1 a 3, en el orden en que las elijas.
  • Botón (obligatorio): su etiqueta y El botón lleva a. Este botón es siempre un botón relleno.
  • Mostrar el precio desde: añade «Desde … la noche», el precio por noche más bajo entre tus alojamientos.

Ejemplo: para dos casas rurales en la Dordoña, tres fotos (la piscina, la fachada de piedra, las vistas al valle), el título «Dos casas de piedra sobre el Dordoña», el subtítulo «Piscina, jardines y el río a 5 minutos» y un botón «Ver disponibilidad» que lleva a Reserva.

Introducción

La parte superior de una página sin fotos: el título principal de la página y una breve introducción, una al lado de la otra en un ordenador, con un botón opcional. Todas las páginas nuevas que creas empiezan con una.

Qué rellenas: Título (obligatorio), Introducción (un párrafo) y un Botón opcional con su Apariencia.

Ejemplo: en una página «Tarjetas regalo», el título «Regala una estancia en los Alpes» y la introducción «Un fin de semana o una semana en nuestros chalés, para un cumpleaños, una boda o porque sí».

Texto

Un texto para leer, en una columna estrecha y cómoda en cualquier pantalla. Puede tener títulos, listas, enlaces y tablas.

Qué rellenas: Título (opcional), Texto (obligatorio, un texto largo con la barra de formato) y un Botón opcional.

Ejemplo: en tu página «Nuestra historia», tres párrafos sobre cómo restauraste la masía, con un subtítulo «La reforma» y una lista de los elementos originales que conservaste.

Foto y texto

Una foto junto a un título y un texto, con un botón opcional. En un móvil, la foto se sitúa encima del texto.

Qué rellenas: Título (obligatorio), Texto (obligatorio), Foto (obligatoria, una sola foto), un Botón opcional y el Diseño: Foto a la izquierda o Foto a la derecha.

Ejemplo: en la página de inicio de una casa junto al mar en Bretaña, una foto del jardín a la izquierda y el texto «Desayuno en el jardín, la playa al final del camino». Alterna izquierda y derecha cuando apiles varios de estos bloques.

Dos columnas

Dos columnas una al lado de la otra (una encima de otra en un móvil). Cada columna tiene un título y luego un texto, preguntas y respuestas, o ambas cosas.

Qué rellenas: Columnas, siempre exactamente 2, cada una con Título (obligatorio), Texto y Preguntas y respuestas (cada una con una Pregunta y una Respuesta). Cada columna necesita un texto, preguntas o ambas cosas.

Ejemplo: en una página «Cómo llegar», la columna izquierda «En coche» con las indicaciones y el aparcamiento, y la columna derecha «En tren» con la estación más cercana y la pregunta «¿Podéis recogernos en la estación?» con su respuesta.

Puntos fuertes

Puntos fuertes breves sobre una franja de color, tres por fila en un ordenador.

Qué rellenas: Título (opcional) y Elementos, de 1 a 6, cada uno con un Título y un Texto (ambos obligatorios). Haz clic en Añadir un elemento para añadir uno.

Ejemplo: para un apartamento en el centro de Lyon, «A 5 minutos del casco antiguo», «Llegada autónoma a cualquier hora», «Fibra óptica y un escritorio de verdad».

Preguntas frecuentes

Una lista de preguntas bajo el título «Preguntas frecuentes». Los visitantes hacen clic en una pregunta para leer su respuesta.

Qué rellenas: Elementos, cada uno con una Pregunta y una Respuesta (ambas obligatorias; la respuesta puede tener enlaces y listas). Haz clic en Añadir un elemento para añadir una pregunta.

Ejemplo: en la página de inicio, las preguntas que hacen los huéspedes antes de reservar: «¿Se admiten mascotas?», «¿Hay aparcamiento?», «¿Podemos llegar tarde?». Responderlas aquí te ahorra mensajes.

Llamada a la acción

Una franja de color con un título, un texto opcional y un botón, para llevar a los visitantes al siguiente paso.

Qué rellenas: Título (obligatorio), Texto (un párrafo) y Botón (obligatorio, con El botón lleva a y Apariencia).

Ejemplo: al final de la página «Quiénes somos», «¿Te apetece una semana junto al lago?» con un botón «Ver nuestras fechas» que lleva a Reserva.

Formulario de contacto

El formulario que rellenan los visitantes para escribirte. Tú defines su título y su introducción; el formulario en sí es el mismo en todas las webs: nombre, email, teléfono (opcional), el alojamiento (cuando tienes varios), fechas de llegada y salida, número de huéspedes y el mensaje, con protección contra el spam.

Qué rellenas: Título (opcional; sin título, el formulario se titula «Contacto») e Introducción (un párrafo).

Cada mensaje te llega por email y aparece en Consultas, en el menú …. Tu página «Quiénes somos» tiene un formulario de contacto desde el principio. Consulta Reservas y mensajes de tu web.

Ejemplo: al final de una página «Bodas y eventos», el título «Cuéntanos tu evento» y la introducción «Indícanos la fecha y el número de invitados, te respondemos en 48 horas».

Reseñas

Reseñas de huéspedes mostradas como citas grandes, exactamente como las escribieron los huéspedes, con el nombre del huésped, el alojamiento, dónde se dejó la reseña y el mes. No se muestran estrellas ni puntuaciones.

Qué rellenas: Opiniones, elegidas de la lista de reseñas de los alojamientos de tu web (las más recientes primero). Hasta 6 opiniones, tal como las escribieron los viajeros. Si la lista está vacía, ves Todavía no hay opiniones que mostrar.

Ejemplo: en la página de inicio de una casa de huéspedes, elige tres reseñas que mencionen aquello de lo que estás orgulloso: el desayuno, el jardín tranquilo, la acogida.

Fichas de alojamientos

Tus alojamientos, cada uno con su foto, su nombre, su ubicación, el número de huéspedes y el precio, y un enlace a su página.

Qué rellenas:

  • Alojamientos (al menos uno): marca los alojamientos que quieres mostrar. Un bloque nuevo empieza con todos.
  • Mostrar los precios: muestra «Desde … la noche» en cada ficha (activado por defecto).
  • Cuántos mostrar: Todos, o un número de 1 a 12. Cuando el bloque muestra menos alojamientos de los que tienes, un botón lleva a la página con todos.
  • Diseño: Formato grande (una foto grande y el resumen de cada alojamiento, alternando los lados) o Cuadrícula (fichas una al lado de otra).

El título del bloque («Nuestros alojamientos») lo pone la web.

Ejemplo: gestionas 12 apartamentos en Lisboa. En la página de inicio, una Cuadrícula que muestra 6, con precios. En una página propia «Estancias en familia», un segundo bloque con solo los 4 apartamentos de dos dormitorios o más, en Formato grande.

Zonas

Hasta 4 paneles grandes con foto, cada uno con un nombre y una frase corta. Cada panel lleva a la página de su alojamiento cuando incluye uno solo, o a las fichas de alojamientos cuando incluye varios. La disposición se adapta al número de paneles.

Qué rellenas: Elementos, de 1 a 4, cada uno con un Nombre, una Frase corta, una Foto y Alojamientos (al menos uno).

Ejemplo: una conserjería con apartamentos en Alfama, Baixa y Cascais añade tres paneles: «Alfama, el barrio antiguo», «Baixa, todo a pie», «Cascais, junto al mar», cada uno enlazado a los apartamentos de esa zona.

Reserva

Una franja de color con tu título, una introducción, una breve nota sobre el pago seguro y la búsqueda de reservas entre todos tus alojamientos: los huéspedes eligen sus fechas y el número de huéspedes, ven lo que está libre y reservan.

Qué rellenas: Título (obligatorio) e Introducción (un párrafo).

Ejemplo: en la página de inicio de una web con 5 casas de vacaciones, una franja «Encuentra tus fechas» cerca del final, para que los huéspedes busquen sin salir de la página.

Artículos

Los últimos artículos de tu blog, bajo el título «En el blog». En tu web en línea solo aparecen los artículos publicados.

Qué rellenas: Cuántos mostrar (de 1 a 6, 3 por defecto) y el Diseño: Tarjetas (foto de portada, título y resumen) o Lista. El botón Gestionar los artículos del blog abre el panel de tu blog.

Ejemplo: en la página de inicio, 3 tarjetas con tus últimas guías locales («Nuestros 10 restaurantes favoritos de la zona», «La playa sin coche»), que además atraen visitantes desde los buscadores. Consulta Escribe un blog con IA.

Deja que lo haga la IA

También puedes pedir a la IA que añada, reescriba, mueva o elimine bloques: selecciona un bloque y describe el cambio, por ejemplo «Añade debajo de este bloque unas preguntas frecuentes con las 5 preguntas que más hacen los huéspedes». Consulta Edita tu web con IA.

¿Listo para poner tu alojamiento en piloto automático?

Únete a más de 1.000 gestores de alojamientos que ahorran horas cada semana con la comunicación con huéspedes impulsada por IA.