IFRAMEs & Webflow

Targeting an IFRAME with Links

No items found.
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
Int
401
IFRAME Embedding Your Site inside Another Site
Int
402
No items found.

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

Table of Contents
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.