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.

<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>body { margin: 0; }</style><style>
{ 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%; }
<body><div class="tabweb-video-container"><iframe src="https://giphy.com/embed/1hAY6PJUCjMZiNjvuo" frameborder="0" allowfullscreen></iframe></div></body>

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