Estoy trabajando en un sitio web de WordPress y quiero incrustar un iframe desde una herramienta de reserva/reserva externa.

Mi problema: no puedo hacer que la altura del iframe sea dinámica. Una altura fija del iframe no será una buena solución en este caso.

URL que quiero insertar https://w1.roomsoftware.com/de/markus-raab

Widget HTML personalizado de Elementor:

<iframe src="https://w1.roomsoftware.com/de/markus-raab" id="booking"></iframe>

 <script> // Selecting the iframe element var iframe = document.getElementById("booking"); // Adjusting the iframe height onload event iframe.onload = function(){ iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px'; }

¿Alguna idea de cuál podría ser la razón por la que esto no funciona?

La captura de pantalla muestra la barra de desplazamiento del iframe incrustado