> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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](/getting-started/installation)
- Elementor installed
- A GFYcat or Giphy GIF embed URL to embed

## Step 1: Get the GIF Embed URL

<Steps>
  <Step title="Open Giphy and find your GIF" icon="film" title-type="p">
    Go to [giphy.com](https://giphy.com) and open the GIF or short video you want to embed.
  </Step>
  <Step title="Copy the embed src link" icon="link" title-type="p">
    Click the **Embed** option on the GIF. Copy the iFrame src link from the embed code.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget in Elementor

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776999071/elementor/other/gfycat/cif-plugin-banner.png"
      alt="Custom iFrame for Elementor WordPress plugin by Coderz Studio on the plugin repository page"
      width="814"
      height="334" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the GIF. Click **Edit with Elementor**.
  </Step>
  <Step title="Add the Custom iFrame widget" icon="plus" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget onto the page.
  </Step>
</Steps>

## Step 3: Embed GFYcat GIF in Elementor

<Steps>
  <Step title="Paste the GIF embed URL" icon="clipboard" title-type="p">
    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.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776999073/elementor/other/gfycat/widget-embed-gfycat.webp"
      alt="Custom iFrame widget in Elementor editor showing a Giphy GIF URL in the Source field with a Jim Carrey GIF displayed on the right"
      width="1024"
      height="490" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## 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](/getting-started/styling) guide.

<Callout kind="success">
  Click **Update** or **Publish**. Your GFYcat GIF is now live on your WordPress site.
</Callout>

Want to add a custom watermark (Pro) or device frame (Pro)? See the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) 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

<ExpandableGroup>
  <Expandable title="GFYcat shut down. Can I still embed GIFs?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Where do I find the embed src URL on Giphy?" default-open="false">
    Open the GIF on Giphy and click the **Embed** button. Copy the src URL from inside the iframe code shown in the dialog.
  </Expandable>
  <Expandable title="The GIF is not loading. What should I do?" default-open="false">
    Make sure you copied the src URL from the embed code rather than the page URL. See the [iFrame Not Showing guide](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can I control how often the GIF loops?" default-open="false">
    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.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Flourish in Elementor" href="/elementor/other/embed-flourish" icon="bar-chart" horizontal={false}>
    Embed interactive data visualizations in Elementor.
  </Card>
  <Card title="Embed Sketchfab in Elementor" href="/elementor/other/embed-sketchfab" icon="box" horizontal={false}>
    Embed 3D models and drawings in Elementor.
  </Card>
</Columns>

## Related Guides

- [Elementor Other Embeds Overview](/elementor/embed-other)
- [Embed Flourish in Elementor](/elementor/other/embed-flourish)
- [Embed Sketchfab in Elementor](/elementor/other/embed-sketchfab)
- [Style Custom iFrame](/getting-started/styling)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)