Installing Giphy in Smart Builder

Follow

A “Graphics Interchange Format” image - more commonly referred to as a “GIF” - is a great way to enhance your Smart Builder page’s design and add a burst of creativity.

This article will explain how to incorporate different gifs from Giphy - an online library that houses thousands of interactive GIFs -  on your landing page in Smart Builder via the Giphy App.

For more information on Unbounce Apps, visit this category on Unbounce Apps.

Installing the Giphy App

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the Giphy App.
  3. Click the plus button next to Giphy to install the app.
  4. You may see a pop-up that appears, explaining that this App is swappable:Display popup showing that an app is swappable
    Learn more about swappable elements in our documentation: Swapping Elements in Smart Builder

Adding GIFs to Your Page 

Now that Giphy has been installed, you can begin adding GIFs to your Smart Builder page.

  1. Select an image or an image placeholder, and click the Swap Element icon that appears at the bottom of the element. A pop-up will appear.
  2. Within the pop-up, open the dropdown menu. Scroll down the menu and select Giphy from the list.Annotated image showing how to swap in Giphy placeholder in Smart Builder
  3. With Giphy enabled, re-select your image/placeholder.

  4. Giphy will load randomly selected GIFs from its library based on the keyword you’ve selected.Annotated image showing how to search for GIFs using keywords

  5. If you are not happy with your GIF, click Select Random GIF to generate another!
    Take a look at this demo:Gif demonstrating how to randomly generate different Giphy images

Be sure to Save and Publish your page once you're happy with your changes!