# 11. Send a GIPHY in a Message

{% hint style="info" %}
In order for GIPHYs to display in your app, you will need GIPHY API keys.  Follow [these step-by-step instructions](https://docs.littlebaytech.com/templates/messaging-template/quickstart#get-a-giphy-api-key) to obtain your API keys. 
{% endhint %}

GIPHYs are displayed in the app using Bubble's GIPHY plugin. When the Current User clicks either the `Button Attach Giphy (Desktop)` or Button `Attach Giphy (Mobile)` elements, the `FG - Add GIPHY to Message` element becomes visible (and the `FG - Fade Overlay` element also becomes in order to darken the rest of the page):

**Editor**

![](/files/-LXRlVmygthy4or4bkv5)

**Preview**

![](/files/-LXRlYIrRw65L1OCzaAa)

The Current User can search for GIPHYs using the `Input GIPHY Search` element. This changes the `Repeating Group GIPHYs`'s data source so that GIPHY returns that search term's GIFs:

![](/files/-LXRl_gnkr522jSA2n4Q)

{% hint style="info" %}
When the `Input GIPHY Search` element is empty (i.e., the Current User has not yet entered a search term), GIPHY will automatically display the search term "happy"'s GIFS in the repeating group. You can change this default search term in the conditional on the `Repeating Group GIPHY`'s element.
{% endhint %}

When the Current User would like to send a particular GIPHY, clicking that GIPHY once will 'white-out' the other GIPHY cells and show the `Button Send GIPHY` element over-the-top of the selected GIPHY's cell:

![](/files/-LXRm75FHvqOpRYInRzX)

Clicking the `Button Send GIPHY` element confirms the Current User would like to send that GIPHY, and sends it as a new Message.  

If the Current User doesn't click the `Button Send GIPHY` element, (i.e., the Current User doesn't want to send the selected GIPHY), the Current can click anywhere outside of that selected GIPHY's cell to 'de-select' that GIPHY, and choose a different GIPHY. 

{% hint style="info" %}
More information on how GIPHYs are selected and sent as new Messages can be found in the **D. Files/Images/GIPHYs** workflow folder.
{% endhint %}


---

# 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.littlebaytech.com/templates/messaging-template/page-guides/pages/3.-logged-in/messages/built-in-functionality/11.-send-a-giphy-in-a-message.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.