Streaming live at 10am (PST)

How to target iframe with link?

I am using custom data attributes to try and have a link block target an iframe on the page.

Custom data attribute on the first link on the page:
Webflow_-_Joechella

Custom embed code for iframe:
Webflow_-_Joechella

For now the target URL link is an external site, but will likely be an internal CMS item template page. Current behavior is that URL click opens page in a new tab.

Read-only link.

The target attribute is correct. The issue is that since your website is secure (using HTTPS), your links have to be using “https://” also otherwise you cannot load content.

Currently, the link is href="http://imjustvibing.webflow.io/tunes/your-love-mixed"

Updating to HTTPS URL’s allowed a default page to be loaded into the iframe. However, the target links are still opening in new tab vs. changing the content of the iframe.

I have tried with both ‘name’ and ‘id’ custom attributes, as well as verified that ‘open in new tab’ is not selected.

@joestory

This project has secure headers turned on in the project hosting settings. Turn it off if you want to be able to show it within an iframe.

Screenshot_2022-01-18_145455

<iframe name="... in your original post screenshot was correct.