Embed an animated GIF from Giphy.com on a page

You can embed an animated GIF on a page. Giphy is the mos popular source on the web for animated GIFs.

On Giphy.com, click on the GIF that you want, then click on embed:

 

In the embed code that appears, there’s only one part of if that you want, which is the actual https link to the GIF. So copy the embed code in to a notepad file:

 

The only part of the giphy embed code that you’re interested in, is the part highlighted below, after src=”

 

Copy the below embed code in to an HTML module on your page in the CMS, but replace the red example link here, with the giphy link.

<!DOCTYPE HTML>
<html>
<head>
<title>GIF</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>body { margin: 0; }</style><style>
.tabweb-video-container
{ position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.tabweb-video-container iframe
{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
</style></head>
<body><div class="tabweb-video-container"><iframe src="https://giphy.com/embed/1hAY6PJUCjMZiNjvuo" frameborder="0" allowfullscreen></iframe></div></body>
</html>

Finally, click Save and Publish, and your giphy GIF will be embedded within the page on the app: