> For the complete documentation index, see [llms.txt](https://docs.littlebaytech.com/templates/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](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).

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

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXRlPOw8wj0jNkdkW95%2F-LXRlVmygthy4or4bkv5%2FFGAddGIPHYToMessage.png?alt=media\&token=5dc09336-8ae8-4e52-bc6b-df6e754fcd0f)

**Preview**

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXRlPOw8wj0jNkdkW95%2F-LXRlYIrRw65L1OCzaAa%2FAddGIPHYPreviewMode.png?alt=media\&token=be1c559e-fc12-4b2e-93fc-6fdc2b41e3b4)

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:

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXRlPOw8wj0jNkdkW95%2F-LXRl_gnkr522jSA2n4Q%2FSearchForGIFs.png?alt=media\&token=4d5d833a-3894-4e4b-a2d4-77e940823d21)

{% 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:

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXRlhYdYwhO7WArJKzn%2F-LXRm75FHvqOpRYInRzX%2FSelectedGIPHY.png?alt=media\&token=564b8d1e-8e3c-4651-8714-570c7c943696)

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 %}