IFRAMEs & Webflow

Targeting an IFRAME with Links

Overview
Using IFRAMEs
Working with IFRAMEs
100
Styling IFRAME contents
101
Targeting an IFRAME with Links
102
IFRAMEs & Mobile Devices
Testing Your IFRAMEs on Mobile Devices
201
Best Practices for Mobiles
202
Advanced IFRAMES
Sizing IFRAMEs Dynamically
401
IFRAME Embedding Your Site inside Another Site
402
No items found.
Published
April 13, 2024
Updated
April 13, 2024
in lightbox

In HTML, a link element can easily target an IFRAME as the place to load the link src content. Webflow supports this as well.

- Create your IFRAME using an Embed element

- Give the IFRAME a name attribute, with a unique name for your targeting

- On your links, add a custom attribute of `target`, containing that same name

Demonstration

Here's a demo & read-only link using a Webflow dropdown;

https://targeted-dropdown-lnks.webflow.io/

https://preview.webflow.com/preview/targeted-dropdown-lnks?utm_medium=preview_link&utm_source=dashboard&utm_content=targeted-dropdown-lnks&preview=0bc606d54ec3fafb7cbab1f829280eca&workflow=preview

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.