Agencies
Services
Super Embed
The Super Embed component allows you to directly embed HTML code and embed script files from the DAM.
*Note: Due to the risky nature of the Super Embed component, it is only available for Webmasters/Admins to view/insert/remove.
The Super Embed is a powerful component that gives users complete flexibility on the type of content being imported and how it is displayed. Because of this, the tool is restricted to users in a specific Super Embed group and Platform Admins.
Configuring the Super Embed
- HTML: The HTML field is required and will automatically remove unsafe tags, such as the script tag.
- Script File Path: multifield that allows users to embed script files along with the HTML. For each script file, you can specify:
- Include Asynchronously: When checked, adds the 'async' attribute to the script element in HTML.
- Attribute Name and Attribute Value pairs for the embedded script tag. This will add an attribute to the script element of the Name specified and attaches the Value specified to the attribute.
- Cache Buster: When updating scripts (uploading different version with the same name) increment the Cache Buster to force browsers to disregard their cache and download the newest version.
Examples
Example #1
The Super Embed below has custom HTML inserted to insert content directly on to the page. The example below shows an H3 heading in bold, green text with 15px of left padding, along with standard paragraph text in bold, red text that has 30px of left padding.
Example #2
The Experience Fragment below includes a Super Embed that has HTML inserted and a Javascript script included to work with our Image Card v2 to create dynamic navigation elements that can automatically gray-out the currently-loaded page. Depending on the page you have loaded, the active and disabled items below will switch.