Bloque Visitas virtuales

Editor de bloques con el bloque Tours virtuales insertado y el panel de inspector abierto

Con el bloque de Gutenberg Tours virtuales PLUS (immomakler/single-virtual-tours) integra visitas virtuales de 360° de un inmueble directamente en plantillas de bloque o en cualquier página. Cada tour aparece como una imagen de vista previa que abre el tour en un lightbox cuando los visitantes han dado su consentimiento, igual que en la vista de detalle y en los elementos de los page builders (consulte Tours virtuales de 360°). Si ha desactivado la visualización como imagen de vista previa, el bloque incrusta el tour directamente como <iframe>.

Requisitos

WordPress con editor Gutenberg (desde WordPress 5.0)
WP-ImmoMakler PLUS (el bloque no está disponible en la edición Basic)
El inmueble debe tener guardado un enlace con una URL de tour de 360° reconocida

Insertar el bloque

Editar inmueble o abrir plantilla

Abra un inmueble existente en el editor o una plantilla basada en bloques para el tipo de contenido Inmueble (requiere un tema de bloques o el editor de sitio).
Insertar el bloque

Haga clic en el símbolo + y busque Tours virtuales o navegue a la categoría Widgets. Inserte el bloque.
Comprobar vista previa

En el editor — siempre que haya al menos un inmueble de muestra con URLs de tour disponible — se muestra una vista previa en tiempo real con las imágenes de vista previa. Si no hay URLs de tour disponibles, aparece un texto de marcador de posición.

Configurar el estilo

En el panel del bloque Visita virtual establece la apariencia:

Relación de aspecto

Opción	Descripción
16:9 (apaisado)	Formato estándar para contenido de vídeo — recomendado para la mayoría de los tours
3:2 (apaisado)	Formato apaisado ancho, predeterminado de este bloque
4:3 (apaisado)	Formato de pantalla clásico
1:1 (cuadrado)	Visualización cuadrada

El valor configurado se aplica a la imagen de vista previa o al <iframe> incrustado de cada tour. El overlay del bloqueador de contenido (p. ej. Borlabs Cookie) también hereda la relación de aspecto.

Radio de esquinas

El radio de esquinas se aplica a cada tour individual. Las cuatro esquinas se pueden ajustar de forma conjunta o independiente:

Todos los lados iguales: Activa una sola entrada para todas las cuatro esquinas a la vez (predeterminado: activado).
Lados individuales: Desactive el interruptor para ajustar superior, derecho, inferior e izquierdo por separado.

Unidades admitidas: px, %, em, rem.

Clases CSS para personalizaciones propias

/* Envoltorio del bloque */
.wp-block-immomakler-single-virtual-tours { }

/* Lista de tours y tour individual */
.wp-block-immomakler-single-virtual-tours .immomakler-virtual-tours { }
.wp-block-immomakler-single-virtual-tours .immomakler-media-list__item { }

/* iframe incrustado cuando la visualización como imagen de vista previa está desactivada */
.wp-block-immomakler-single-virtual-tours .immomakler-virtual-tours__frame { }

Filtro hook

El HTML de cada tour individual se puede personalizar mediante el filtro immomakler_virtual_tour_html — p. ej. para insertar un overlay de consentimiento propio:

add_filter(
    'immomakler_virtual_tour_html',
    function ( string $iframe_html, string $url, string $preview_image_url ): string {
        // Devolver HTML propio, p. ej. con envoltorio de consentimiento
        return $iframe_html;
    },
    10,
    3
);

Proveedores compatibles

El bloque muestra todas las URLs de tour que WP-ImmoMakler reconoce como tours de 360°. Encontrará una descripción general de los proveedores compatibles en Tours virtuales 360°.