As a precautionary health measure for our Google support specialists in light of COVID-19, some support options may be unavailable or delayed. We apologize for any inconvenience this may cause and appreciate your patience. This message will be updated as the situation changes.

The iFrame component

This component is not supported for Google Ads, Google AdMob, AMPHTML adsvideo ads, or image ads.

The iFrame component lets you load external URL elements (including other web pages) in your project within an iframe.

To add the iFrame component to your project:

  1. Open the Components panel, then the Miscellaneous folder.
  2. Drag the iFrame component to the stage.
  3. In the iFrame properties section of the Properties panel, enter the URL you want to load in the Source field. It must be served over HTTPS.

Properties

Property Description
Name The name of the component.
Source The URL of the external element. It should be served over HTTPS. Can be bound to dynamic data.
Scroll
  • auto - Scrollbars appear if needed. (Default)
  • yes - Scrollbars always appear.
  • no - Scrollbars never appear.

Scrollbar controls do not work for iOS.

Events and actions

Events sent by the iFrame component

You can trigger other actions based on the following iFrame component event:

Event Description
iFrame loaded Sent when the iFrame loads.

To select this event in the Event dialog, set the iFrame component as the target.

Actions performed by the iFrame component

The following iFrame component action can be triggered in response to other events:

Action Configuration options
Set url URL - The new URL for the iFrame. It should be served over HTTPS.

When you select this action in the Event dialog, set the iFrame component as the receiver.

Learn how to configure events.

Preview

This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper right corner.

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue

Search
Clear search
Close search
Google apps
Main menu
Search Help Center
true
5050422
false