Actualmente, estoy trabajando en un sitio web que funciona con Wordpress y Elementor (últimas versiones). Estoy tratando de implementar un iframe usando un widget html en el editor de Elementor. El iframe funciona a través de un enlace a un sitio web externo (de un cliente) y me gustaría que el iframe se ajuste automáticamente en altura al contenido del iframe. Sin embargo, actualmente no estoy haciendo que esto funcione con el siguiente código. En el propio editor de Elementor se ve bien, pero en la propia web apenas se ve (por la altura limitada) y no funciona. También probé los siguientes códigos: height="auto", height="100%", pero tampoco funcionaron.

¿Alguien sabe cómo puedo arreglar esto, por favor? Probé algunas soluciones sobre otros temas, pero tampoco funcionaron (y no soy tan bueno programando). Por eso creé un tema nuevo.

El código utilizado:

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script><script type="text/javascript">iFrameResize({ inPageLinks: true }, '#externallinkname')</script><iframe id="externallinkname" src="https:// externallink.com/" width="100%" scrolling="no"></iframe>

- Nota: Se cambian los nombres de los siguientes códigos, debido a la privacidad de los clientes: #externallinkname, id="externallinkname", src="https:// externallink.com/"