Embed GFYcat GIF in Elementor

Step-by-step guide to embed GFYcat GIF in Elementor using the Custom iFrame WordPress plugin. No coding required.

Overview

Custom iFrame lets you embed GFYcat GIF in Elementor by pasting any GIF embed URL into the widget. Add fun GIFs, reactions, or short loops directly on your WordPress page.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A GFYcat or Giphy GIF embed URL to embed

Step 1: Get the GIF Embed URL

Open Giphy and find your GIF

Go to giphy.com and open the GIF or short video you want to embed.

Copy the embed src link

Click the Embed option on the GIF. Copy the iFrame src link from the embed code.

Install and activate the plugin

Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.

Custom iFrame for Elementor WordPress plugin by Coderz Studio on the plugin repository page

Open your page in Elementor

Go to the page where you want the GIF. Click Edit with Elementor.

Add the Custom iFrame widget

Search for Custom iFrame in the Elementor widget panel. Drag the widget onto the page.

Step 3: Embed GFYcat GIF in Elementor

Paste the GIF embed URL

Go to the Content tab in the widget settings. Paste the GIF embed src URL into the Source URL field.

The GIF loads in the Elementor editor.

Custom iFrame widget in Elementor editor showing a Giphy GIF URL in the Source field with a Jim Carrey GIF displayed on the right

Step 4: Adjust Settings and Publish

Height: Set the height to match the GIF dimensions. 400px to 500px works for most GIFs.

Auto Height: Turn on to let the embed resize automatically.

Refresh Interval: Set how often the iframe refreshes. Useful if you rotate GIFs on a page.

Scrollbars: Disable scrollbars for a cleaner look.

For full styling options, see the Style Custom iFrame guide.

Click Update or Publish. Your GFYcat GIF is now live on your WordPress site.

Want to add a custom watermark (Pro) or device frame (Pro)? See the Set Up Custom iFrame in Elementor guide for all widget options.

This guide showed you how to embed GFYcat GIF in Elementor using the Custom iFrame plugin. From copying the GIF embed URL to pasting it into the widget and publishing, the whole setup runs through the Elementor editor without any code.

FAQ

Yes. GFYcat content is now hosted on Giphy. Go to giphy.com, find the GIF, click Embed, and copy the iFrame src link to use with Custom iFrame.

Open the GIF on Giphy and click the Embed button. Copy the src URL from inside the iframe code shown in the dialog.

Make sure you copied the src URL from the embed code rather than the page URL. See the iFrame Not Showing guide for more help.

Looping is controlled by the GIF itself, not by Custom iFrame. You can use the Refresh Interval setting to reload the embed at a set interval.

Also Available For

Embed Flourish in Elementor

Embed interactive data visualizations in Elementor.

Embed Sketchfab in Elementor

Embed 3D models and drawings in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI