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

# Other Embeds in Elementor

Guides for embedding Flourish, Sketchfab, GFYcat GIFs, and more in Elementor using the Custom iFrame WordPress plugin. No coding required.


## Overview

Custom iFrame lets you embed a wide range of content in Elementor beyond the major platforms: interactive data visualizations from Flourish, 3D models from Sketchfab, GIFs from GFYcat, and more. Paste any embed URL into the widget. No API keys, no shortcodes, no coding required.

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

Using Gutenberg instead? Follow the [Other Embeds in Gutenberg](/gutenberg/other) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- An embed URL from your chosen platform

## How to Embed in Elementor

All platforms follow the same three-step process.

### Step 1: Get the Embed URL

<Steps>
  <Step title="Open the platform" icon="grid" title-type="p">
    Go to the platform where your content lives: Flourish, Sketchfab, GFYcat, or any other supported source.
  </Step>
  <Step title="Copy the embed or src link" icon="link" title-type="p">
    Use the platform's share or embed option to get a public URL. Copy the src URL to your clipboard.

    Each platform guide below shows exactly which link to copy.
  </Step>
</Steps>

### Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the embed. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

### Step 3: Paste the URL and Publish

<Steps>
  <Step title="Paste the embed URL" icon="clipboard" title-type="p">
    In the Content tab, paste the URL into the **Source URL** field. The content loads in the editor.
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to match your content. Click **Update** or **Publish**.
  </Step>
</Steps>

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

## Supported Platforms

Select your platform for a step-by-step embed guide.

<Columns cols="2">
  <Card title="Embed Flourish in Elementor" href="/elementor/other/embed-flourish" icon="bar-chart" horizontal={false}>
    Display interactive charts, graphs, and data stories from Flourish.
  </Card>
  <Card title="Embed Sketchfab in Elementor" href="/elementor/other/embed-sketchfab" icon="box" horizontal={false}>
    Showcase interactive 3D models and drawings from Sketchfab.
  </Card>
  <Card title="Embed GFYcat GIF in Elementor" href="/elementor/other/embed-gfycat" icon="film" horizontal={false}>
    Add fun GIFs and short loops from GFYcat or Giphy.
  </Card>
</Columns>

## Also in Gutenberg

These platforms are also supported in the WordPress block editor.

See [Other Embeds in Gutenberg](/gutenberg/other) for all Gutenberg guides.

## Related Guides

- [Embed Anything in Elementor](/elementor/embed-anything)
- [Elementor Widget Setup](/getting-started/elementor-setup)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)