Agencies
Services
Embed
The Embed component allows authors to place external or third-party content directly onto a page. It is commonly used for videos, maps, social media posts, dashboards, and other externally hosted experiences.
This component should be used whenever content is hosted outside AEM but needs to be displayed within a page layout.
Common use cases include:
Videos (YouTube, Vimeo)
Social media posts (Twitter/X)
Maps (Google Maps)
Data visualizations (Tableau)
External applications or widgets
The Embed component allows you to add 3rd party elements onto the page. Some examples include Youtube, Vimeo videos, Google Maps, and Tableau tables.
Configuring the Properties tab
- Type: Select the type of the embeddable you wish to embed.
- URL: Use this option if you have an embed URL that works right away, such as YouTube.
- Embeddable: Use this option if you wish to embed Youtube, Vimeo, Tableau, a Map, etc.
- HTML: Use this option if you have HTML code to embed. This will be sanitized and scripts will be removed.
Configuring the Styling tab
- ID/Class: Set an ID and/or Class on the component to target it for CSS updates.