# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.