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
- Select the type of the embeddable you wish to embed.
- Choose URL if you have an embed URL that works right away.
- Choose embeddable if you wish to embed Youtube, Vimeo, Tableau, Map, etc.
- Choose HTML if you have HTML code to embed.
Configuring the Styling tab
- Enter an ID if this component should be referenced or anchored.
- Enter class value if this component should be referenced by any style sheet.
Examples
YouTube Embed
Embed Map
.........................................................