Hi, I don't know your structure of http://versewatch.com.au . But normally websites have e.g. footers/headers where you can include this. Normally I recommend to put it before the </body> like described in the documentation. Check the description in the administration of the "external workaround" tab.

After you have done this you can start with the configuration. There I recommend to hide all the other elements and not show only one part of the website feature. The reason is that the show only on element feature does really remove all other elements from the code. You need to check if this works for you.

Best, Michael

Thanks for the feedback.

I managed to use this Wordpress plugin to add the JScript to the footer section just above the </body> tag as per the documentation.

https://wordpress.org/plugins/insert-headers-and-footers/

I've used the "generate a shortcode" button and used this shortcode to try and hide just the header section but it still shows as you can see in my test page.

https://www.refugeoranpark.church/iframe-test/  

[advanced_iframe use_shortcode_attributes_only="true" src="//www.versewatch.com.au" width="100%" height="577" hide_page_until_loaded="true" iframe_hide_elements=".penci-header-wrap" multi_domain_enabled="false" use_post_message="false"]

What else do I need to do or specify in the shortcode?

Neil

Not sure what you mean. If I go to you site 

.penci-header-wrap is hidden.

The generate shortcode is btw. not the shortcode you should use in the page.

You get

Advanced iframe configuration error: You have enabled the modification of the iframe for pages on the same domain. But you use an iframe page on a different domain. You need to use the pro version of external workaround like described in the settings. Also check the next log. There the browser message for this error is displayed.

The settings like  iframe_hide_elements=".penci-header-wrap" are saved to the ai_external.js you use. so you should use only 

[advanced_iframe use_shortcode_attributes_only="true" src="//www.versewatch.com.au" width="100%" height="577" hide_page_until_loaded="true"]

Also go to the administration -> external workaround and enable post message communication. This is the more advanced one! 

If you check the documentation there I also recommend to use 

"Add enable_external_height_workaround="true" to your short code! This is needed to disable the settings with the  for the same domain."

There are 2 configuations: The short code is for everything on your domain. The ai_external.js is for everything inside the iframe. To make config easier I save some settings (marked with a save icon) also to ai_external.js. This makes it possible to configure ai_external.js without additional effort.

Best, Michael

The problem was Google Chrome cache. After I used a hard-reload, the parts of the page were hidden. Its woprking quite well now. Thanks, for your help.

https://www.refugeoranpark.church/iframe-test/

The only part that's not working now is the HREF link. I need the link to open the embedded website in a new tab but it tries to open it in place. I have the settings as shown in the attached image.

What am I doing wrong?

Neil