> For the complete documentation index, see [llms.txt](https://docs.responsiveads.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements.md).

# Elements

The Fluid Ad Creator offers a variety of elements that you can add to your responsive ads, enabling you to craft engaging and dynamic creatives. These elements are organized into categories such as Design Elements, Icon/Fonts/Social, Components, and Video/Rich Media, each serving a unique purpose in enhancing your ad's functionality and appearance. This page will guide you through each element type, their uses, and how to configure them. Each element also includes best practices, tips, and relevant instructional videos.

***

## **1. Design Elements**

Design Elements form the foundation of your creative. They include basic visual and structural components that allow for extensive customization:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Background (HTML)</strong></td><td><a href="/files/MNeAFxKqFqB4lU7Q0NyA">/files/MNeAFxKqFqB4lU7Q0NyA</a></td><td><a href="/pages/MB9PMVPjRocq6VXWqDZ0">/pages/MB9PMVPjRocq6VXWqDZ0</a></td></tr><tr><td><strong>Group Element (HTML</strong></td><td><a href="/files/VdPsCGjtiKkGnRvWc8Nd">/files/VdPsCGjtiKkGnRvWc8Nd</a></td><td><a href="/pages/f8dm13HepyTofmNHUNWI">/pages/f8dm13HepyTofmNHUNWI</a></td></tr><tr><td><strong>Hot Spot Element</strong></td><td><a href="/files/5tviDwh989Tu0zthju0z">/files/5tviDwh989Tu0zthju0z</a></td><td><a href="/pages/pYu6NwlW6UjBQOwUj91e">/pages/pYu6NwlW6UjBQOwUj91e</a></td></tr><tr><td><strong>Scroll Element</strong></td><td><a href="/files/dd96MC3o86tx2ygg4gEj">/files/dd96MC3o86tx2ygg4gEj</a></td><td><a href="/pages/PFACAMURghRpzWddW6St">/pages/PFACAMURghRpzWddW6St</a></td></tr><tr><td><strong>Image (PNG, JPEG, GIF, SVG)</strong></td><td><a href="/files/VdPsCGjtiKkGnRvWc8Nd">/files/VdPsCGjtiKkGnRvWc8Nd</a></td><td><a href="/pages/MkjuCQL7pC0KwFLmbzje">/pages/MkjuCQL7pC0KwFLmbzje</a></td></tr><tr><td><strong>SVG Element (Inline, HTML)</strong></td><td><a href="/files/MNeAFxKqFqB4lU7Q0NyA">/files/MNeAFxKqFqB4lU7Q0NyA</a></td><td><a href="/pages/f1a9aBJLGOGwTeF6l7sx">/pages/f1a9aBJLGOGwTeF6l7sx</a></td></tr></tbody></table>

***

## **2. Icon/Fonts/Social**

These elements are designed to help you add buttons, text, and social media functionality to your ads:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Button (HTML)</strong></td><td><a href="/files/MNeAFxKqFqB4lU7Q0NyA">/files/MNeAFxKqFqB4lU7Q0NyA</a></td><td><a href="/pages/khVT93DOA4Z7QWGhECW1">/pages/khVT93DOA4Z7QWGhECW1</a></td></tr><tr><td><strong>Button (Image)</strong></td><td><a href="/files/VdPsCGjtiKkGnRvWc8Nd">/files/VdPsCGjtiKkGnRvWc8Nd</a></td><td><a href="/pages/b9SjCRRRDVkwtz8w17Rp">/pages/b9SjCRRRDVkwtz8w17Rp</a></td></tr><tr><td><strong>Text Box (Web fonts)</strong></td><td><a href="/files/5tviDwh989Tu0zthju0z">/files/5tviDwh989Tu0zthju0z</a></td><td><a href="/pages/Ya4rlOZsKriBhtgDyC62">/pages/Ya4rlOZsKriBhtgDyC62</a></td></tr></tbody></table>

***

## **3. Components**

Components provide advanced interactive features to make your ads stand out. These elements are ideal for adding functionality and engagement:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>App Canvas (iFrame)</strong></td><td><a href="/files/5tviDwh989Tu0zthju0z">/files/5tviDwh989Tu0zthju0z</a></td><td><a href="/pages/HNFqRVlrhims80tlSZ5X">/pages/HNFqRVlrhims80tlSZ5X</a></td></tr><tr><td><strong>Carousel Widget</strong></td><td><a href="/files/VdPsCGjtiKkGnRvWc8Nd">/files/VdPsCGjtiKkGnRvWc8Nd</a></td><td><a href="/pages/3Iopd1IccyRq6cdalpy4">/pages/3Iopd1IccyRq6cdalpy4</a></td></tr></tbody></table>

***

## **4. Video/Rich Media**

Video and rich media elements help you integrate dynamic and engaging content into your ads. These elements support a variety of playback options and settings:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Video</strong></td><td><a href="/files/VdPsCGjtiKkGnRvWc8Nd">/files/VdPsCGjtiKkGnRvWc8Nd</a></td><td><a href="/pages/NxNI1vBTqUGv2p2GkIQX">/pages/NxNI1vBTqUGv2p2GkIQX</a></td></tr><tr><td><strong>Custom Video (HTML)</strong></td><td><a href="/files/MNeAFxKqFqB4lU7Q0NyA">/files/MNeAFxKqFqB4lU7Q0NyA</a></td><td><a href="/pages/lZRnK5KH3XhIO5uES7yo">/pages/lZRnK5KH3XhIO5uES7yo</a></td></tr><tr><td><strong>Youtube</strong></td><td><a href="/files/5tviDwh989Tu0zthju0z">/files/5tviDwh989Tu0zthju0z</a></td><td><a href="/pages/4075sRKBZipNSfEzqPv2">/pages/4075sRKBZipNSfEzqPv2</a></td></tr><tr><td><strong>Vimeo</strong></td><td><a href="/files/dd96MC3o86tx2ygg4gEj">/files/dd96MC3o86tx2ygg4gEj</a></td><td><a href="/pages/TJ237Vre3sMAmaUZPkQQ">/pages/TJ237Vre3sMAmaUZPkQQ</a></td></tr></tbody></table>