# Image/GIF

### How it Works?

The Image/GIF card empowers you to incorporate visual elements within your AI conversations. This functionality allows you to:

* **Upload Images/GIFs:** Directly upload images or GIFs to enrich your stories and enhance user engagement. Visuals can effectively break up text, capture attention, and communicate information in a more impactful way. This section guides you through adding images to your project. Here, you can choose the dimensions (aspect ratio) of your image. Select either Landscape (wider than tall),Square for a uniform look and an option of portrait.

  A "Custom" aspect ratio option is also be available, allowing you to choose specific image dimensions.

<figure><img src="/files/0mR32GgxlCazpZP3d3OG" alt=""><figcaption></figcaption></figure>

* **Descriptive Text (Optional):** Accompany your image/GIF with a descriptive text to provide additional context or highlight key points. This text can further clarify the visual element and ensure clear communication.

<figure><img src="/files/Aa4rPdGC4XQhNAIqrQO8" alt=""><figcaption></figcaption></figure>

* **Button Integration (Optional):** Add an optional button to your Image/GIF card. This button can be linked to a "Bot Says" action, allowing users to trigger a specific response or action within the conversation upon clicking. It has a character limit of 24 characters.

<figure><img src="/files/ufHYhonQ5na37ZTs0EPC" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NuhH9k3kU4bKDuPZuKtw" alt=""><figcaption></figcaption></figure>

### **Effective Use Cases:**

* **Showcase Product Images:** Display product images within your stories to visually present your offerings and entice users.
* **Illustrate Concepts:** Utilize images or GIFs to visually explain complex concepts or procedures, making them easier for users to understand.
* **Break Up Text:** Intersperse text-heavy conversations with engaging visuals to maintain user interest and improve readability.


---

# 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.makerobos.com/frontman-enterprise-chatbot-platform/story-builder/cards/display-cards/image-gif.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.