Configurar la identidad y el contenido de la web de reservas

El resultado es una web pública que identifica correctamente a la agencia y muestra contenido revisado en los idiomas que realmente atenderá.

Disponibilidad y autoridad#

Esta configuración pertenece al plan Agencia. Necesitas permiso para actualizar Sitio web en el equipo activo. Un usuario que solo pueda leer esta área puede comprobar el resultado, pero no debe usar la cuenta de otra persona para modificarlo.

Antes de empezar, reúne el nombre público aprobado, un logo cuadrado, los idiomas de atención, los enlaces oficiales y textos legales revisados por el responsable de la agencia. Holidario publica el contenido introducido; no sustituye su revisión jurídica.

Configurar la marca#

1. Confirma el equipo activo y abre Sitio web.
2. En la pestaña Diseño, la primera tarjeta es Marca: introduce el Nombre para mostrar que reconocerán los huéspedes. El logotipo, las insignias y las redes sociales siguen en la pestaña Marca.
3. Añade una traducción del eslogan por cada idioma que vayas a mantener. No repitas un idioma.
4. Para el texto principal, completa las tres partes del eslogan hero en cada idioma: antes del acento, palabra destacada y texto posterior.
5. En la Paleta de colores elige el Color de marca, el Acento, el Esquema (claro u oscuro) y el Tono de los neutros. El resto de colores se derivan de ahí y cada texto se ajusta solo hasta ser legible; la lista de Comprobaciones solo muestra lo que depende de ti (el texto sobre las tarjetas y el fondo, y que la marca se distinga de las tarjetas). Bajo Avanzado puedes fijar a mano el fondo, la superficie y el texto; Derivar de nuevo vuelve a calcularlos.
6. Elige la Tipografía de títulos, la Tipografía de texto y las Esquinas (rectas, suaves o redondeadas). Solo se ofrecen tipografías alojadas por Holidario, así la web no depende de servicios externos. En Esquema del visitante, «Siempre como está diseñada» muestra tu paleta a todo el mundo; «Sigue al visitante» deriva de tu marca una versión oscura (o clara, si tu paleta es oscura) para quien tenga ese modo activado en su dispositivo. Densidad, Títulos, Esquinas de las fotos y Relieve ajustan el ritmo de la web (espaciado, tamaño de los títulos, redondeo de las fotografías y sombras) sin tocar los colores. El interruptor Textura de grano añade un grano fino sobre el fondo de la página, como en una impresión; viene activado y al apagarlo desaparece de toda la web.
7. Comprueba la Vista previa en vivo: es tu web real pintada con los colores, tipografías y esquinas elegidos antes de guardar. Cambia entre móvil y escritorio o ábrela en una pestaña nueva.
8. Guarda esta tarjeta y espera la confirmación de actualización.

Si no configuras un nombre o logo, la web puede recurrir al nombre del equipo y al texto visual predeterminado. Ese estado permite abrir la web, pero no constituye una revisión de lanzamiento.

Elegir una plantilla#

La pestaña Diseño tiene el botón Abrir el editor de diseño, que abre el editor en una ventana nueva: las plantillas y las secciones a un lado y tu web a pantalla completa al otro. Arriba del todo, el editor ofrece cinco plantillas: cinco webs distintas construidas con tus mismos textos, fotos y colores.

• Clásico es lo que tu web tiene hoy: portada con foto a sangre, cuadrícula de tres columnas, galería en tira y panel de reserva al lado.
• Editorial es tipográfica y aireada: portada sin foto, alojamientos de uno en uno, la página del alojamiento en una sola columna con la reserva en una barra al pie.
• Boutique es cinematográfica y sobria: cabecera flotante sobre la foto, mosaico tipo revista, galería en mosaico y panel de reserva invertido. Sugiere una paleta oscura que conserva tus colores de marca; solo se usa si marcas la casilla.
• Explorador es un marketplace: el buscador (destino, fechas, viajeros) abre la web en lugar de una foto, las tarjetas van junto a un mapa con los filtros a la vista y la galería del alojamiento es un mosaico.
• Tu propio diseño no es una plantilla: es la tarjeta para pedir presupuesto de una web diseñada a medida sobre esta misma base; el botón abre un correo.
• Directo es densa y directa: portada compacta con la foto al lado, cuatro columnas de alojamientos y la reserva siempre a mano.

Cada tarjeta muestra tu propia web tal y como quedaría con esa plantilla: la imagen se dibuja en el servidor la primera vez que abres el editor y se vuelve a dibujar cuando cambian tus colores, tipografías o marca, no cuando añades alojamientos.

El editor va en dos pasos. En 1 · Plantilla:

1. Pulsa Vista previa en una plantilla: la vista previa en vivo muestra tu web entera como quedaría, sin guardar nada. Salir de la vista previa devuelve el borrador que tenías.
2. Pulsa Aplicar para escribirla como borrador de las cuatro páginas (inicio y listados, alojamiento, cabecera y pie) y ajustar la marca (tipografías, esquinas, ritmo y esquema). La página se recarga con los nuevos valores; los colores de marca no cambian salvo que hayas marcado la paleta sugerida.
3. En la tarjeta de la plantilla actual, pulsa Ajustar esta plantilla para pasar a 2 · Ajustar, donde ordenas secciones y eliges presentaciones. La línea de estado de arriba dice si hay cambios sin guardar o sin publicar: Guardar conserva el borrador de todas las páginas y Publicar publica las cuatro de una vez; Deshacer la última publicación devuelve la versión publicada antes.

Tu web es una sola copia de la plantilla: si cambias secciones, la tarjeta pasa de Actual a Actual, con ajustes, y Volver a la plantilla descarta esos ajustes. Aplicar otra plantilla sustituye la copia entera, y el editor te lo avisa antes; los ajustes no se guardan por plantilla. Las plantillas nunca tocan textos, fotos ni datos, y los buscadores leen lo mismo con cualquiera de ellas.

Ordenar las secciones de las páginas#

En el paso 2 · Ajustar, el editor muestra las secciones de la página de inicio (y de las páginas de listado por ubicación o comodidad) y de la página de alojamiento, en el orden en que se ven.

1. Elige la página con los botones superiores.
2. Sube o baja las secciones con las flechas y ocúltalas con el icono del ojo. Las secciones marcadas como Fija (portada, miga de pan, cuadrícula de alojamientos, panel de reserva, cabecera y pie) sostienen la visibilidad en buscadores o el flujo de reserva: no se pueden mover ni ocultar.
3. Abre los ajustes de una sección con el icono de controles. Toda sección tiene un Tono de la sección: como el resto de la página, Invertido (una banda oscura en una web clara, o clara en una oscura, con los mismos colores de marca) o Fondo con el color de marca. Algunas secciones añaden ajustes propios (el número de columnas de la cuadrícula o cuántas preguntas frecuentes se muestran). Muchas ofrecen además una Presentación, otra forma de mostrar el mismo contenido sin tocar textos ni fotos: la portada con la foto al lado del título, solo con tipografía o con un carrusel de tus alojamientos mejor valorados al lado del título (cada foto lleva a su alojamiento y se detiene al pasar el ratón o mantener el dedo); la cuadrícula como lista o como mosaico tipo revista, con las tarjetas enmarcadas, con el texto sobre la foto o tipo revista; la cabecera centrada, transparente sobre la portada o con el buscador; la cuadrícula como tarjetas junto al mapa; la galería del alojamiento a pantalla completa o en mosaico; la descripción sin tarjeta; las preguntas frecuentes con todas las respuestas a la vista; el panel de reserva como barra fija al pie de la pantalla; el pie compacto con los enlaces plegados; y el contenido del alojamiento en una sola columna. Los buscadores leen lo mismo con cualquier presentación.
4. Mira la Vista previa en vivo mientras editas: es tu web real con los cambios tal y como los tienes en la lista, aunque todavía no los hayas guardado. Solo se ve desde este enlace firmado, nunca la ven los visitantes. Pulsa Guardar, en la línea de estado, para conservar los cambios de todas las páginas.
5. Pulsa Publicar cuando estés conforme: se publican las cuatro páginas y los visitantes verán el nuevo diseño en pocos minutos. Deshacer la última publicación vuelve al diseño publicado antes, y Volver a la plantilla, en la tarjeta de la plantilla actual, descarta tus ajustes.

El editor no cambia los textos, las fotos ni los datos de los alojamientos: solo el orden, la visibilidad y los ajustes de cada sección.

Subir el logo y completar confianza#

El logo se guarda en una tarjeta independiente. Admite un único archivo JPG, PNG, AVIF o WebP de entre 50 × 50 y 512 × 512 píxeles; una imagen cuadrada evita recortes y resultados irregulares.

También puedes añadir hasta diez:

• Insignias, con un icono y un enlace HTTPS opcional;
• Enlaces de redes sociales, eligiendo la plataforma, una URL completa y el orden.

Abre cada enlace desde la web pública después de guardar. No publiques perfiles personales, enlaces acortados que no controles ni distintivos cuya utilización no esté autorizada.

Completar la información legal#

En Normativa y legal, revisa:

1. licencia turística general de la agencia, si procede;
2. política de privacidad;
3. información de protección de datos y cookies;
4. aviso legal;
5. Condiciones Generales de Reserva, cuando la agencia aplique condiciones propias a la contratación directa.

Estos textos alimentan páginas y avisos públicos. Las condiciones generales aparecen como enlace en el pie y dentro de la aceptación del checkout. La política de cancelación sigue siendo independiente: no se redacta aquí, se obtiene de la configuración del Calendario de precios y puede variar para temporada alta.

No uses texto provisional, referencias de otra empresa ni una licencia general para ocultar datos incompletos de una propiedad. Cada operación conserva además sus propios identificadores visibles.

Verificar el resultado#

1. Abre la URL pública del equipo en una ventana privada.
2. Comprueba cabecera, portada, pie, logo, colores, insignias y enlaces.
3. Cambia a cada idioma configurado y busca textos vacíos, duplicados o con idioma incorrecto.
4. Abre privacidad, cookies, aviso legal y, si lo has configurado, Condiciones Generales de Reserva desde el pie.
5. Inicia un checkout de prueba y comprueba que las condiciones generales se abren desde la casilla de aceptación sin perder los datos introducidos.
6. Repite la revisión en móvil y escritorio.

Ambos anchos son pruebas de aceptación del lanzamiento, no una suposición de que cada diseño sea correcto. No dirijas tráfico a la web si faltan o no se pueden utilizar textos esenciales, enlaces legales, controles de idioma o la acción principal en cualquiera de los anchos; registra el dispositivo y el ancho aproximado de pantalla y comunica el fallo.

Después de guardar, confirma primero que la tarjeta muestra los valores actualizados. Abre después la URL pública en una ventana privada y actualiza una vez. Si el resultado sigue siendo distinto, no repitas el guardado sin comprobar qué valores conserva el formulario.

Errores y recuperación#

• No aparece el formulario: comprueba plan, equipo activo y permisos; no recrees la configuración.
• La validación rechaza un idioma: elimina idiomas repetidos y completa las tres partes obligatorias del hero.
• El logo no se guarda: verifica formato, dimensiones y que solo haya un archivo.
• Un enlace no se acepta: usa una URL completa, incluido https://.
• Las condiciones no aparecen: confirma que el campo guardado no está vacío y revisa tanto el pie como el checkout en una ventana privada.
• El checkout indica que cambiaron las condiciones: el texto se modificó después de abrirlo. Vuelve a abrir las condiciones, revísalas y confirma de nuevo; no trates ese intento como reserva ni pago confirmados.
• El resultado público no coincide: vuelve a abrir la tarjeta, compara los valores guardados y conserva una captura, idioma, URL y hora. Si continúa, solicita ayuda sin sobrescribir de nuevo el contenido.

La web queda preparada visualmente solo cuando una segunda persona de la agencia puede identificar la marca, leer los textos y completar la revisión anterior sin contexto interno.