Insertar bloque Visitas virtuales

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 URL de tour reconocida se renderiza como un <iframe> incrustado. El bloque tiene el mismo alcance funcional y resultado que el widget de Elementor del mismo nombre, “Tours virtuales”.

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 los iFrames. 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 como propiedad CSS aspect-ratio tanto al envoltorio del bloque como al <iframe>. 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 como border-radius al <iframe>. 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 { }

/* iframe incrustado */
.wp-block-immomakler-single-virtual-tours .immomakler-virtual-tour { }

Filtro hook

El HTML de cada <iframe> 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°.