Creating a Transparent Background

When embedding interactive content on your website, there may come a time when you want the experience iframe to not have a background color. This would allow the color or imagery on your website to show through in the experience's iframe.

Here’s How:

1. In the Studio, open the experience that you want to have a transparent background

2. In the Settings panel, navigate to the Custom HTML tab

   

3. Add the following snippet to the Custom HTML:

<style> body { background: transparent !important; } </style>

4. Publish your experience, and voilà! You should now see a transparent background!