SmartFrame embed code structure
Here is an example of a SmartFrame embed code, which consists of an HTML <script> tag, <smart-frame-embed> tag and a comment with a link to embedding support page:
<script async src="https://embed.smartframe.io/7d0b78d6f830c45ae5fcb6734143ff0d.js"></script> <smart-frame-embed customer-id="7d0b78d6f830c45ae5fcb6734143ff0d" image-id="imgp7068_3_copy_1676383547359" theme="standard" style="width: 100%; display: inline-flex; aspect-ratio: 6768/4517; max-width: 6768px;"> </smart-frame-embed> <!-- https://smartframe.io/embedding-support -->
<script> tag attributes:
- async
- src
<smart-frame-embed> tag attributes:
- customer-id
- image-id
- theme
- style
Note:
It’s essential that the CMS allows the <script> and <smart-frame-embed> tags and their attributes to be added to the page source code so they can be evaluated and rendered by the browser.