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
- Navigate to the Apps tab on the left-hand side of Smart Builder.
- Search and locate the Giphy App.
- Click the plus button next to Giphy to install the app.
- You may see a pop-up that appears, explaining that this 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.
- 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.
- Within the pop-up, open the dropdown menu. Scroll down the menu and select Giphy from the list.
With Giphy enabled, re-select your image/placeholder.
Giphy will load randomly selected GIFs from its library based on the keyword you’ve selected.
If you are not happy with your GIF, click Select Random GIF to generate another!
Take a look at this demo:
Be sure to Save and Publish your page once you're happy with your changes!