> 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 Anything in Elementor

Complete guide hub for embedding 100+ platforms in Elementor using Custom iFrame. Videos, audio, documents, forms, social media, Google services, and more.


## Overview

Custom iFrame lets you embed anything in Elementor by pasting a URL into the widget. Videos, audio players, PDFs, Google services, social posts, forms, live streams, 3D models, and full websites all load directly on your page.

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

Using Gutenberg instead? See the [Embed Anything in Gutenberg](/gutenberg/embed-anything) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor Free or Pro installed
- A URL from any supported platform

## How to Embed in Elementor

Every embed follows the same three steps.

<Steps>
  <Step title="Copy the URL from your platform" icon="link" title-type="p">
    Go to the platform where your content lives. Use the share or copy-link option to get a public URL. Copy it to your clipboard.
  </Step>
  <Step title="Add the Custom iFrame widget" icon="move" title-type="p">
    Open your page in Elementor. Search for **Custom iFrame** in the 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>
  <Step title="Paste the URL and publish" icon="clipboard" title-type="p">
    In the Content tab, paste the URL into the **Source URL** field. Set **Height** to match your content. Click **Update** or **Publish**.
  </Step>
</Steps>

<Callout kind="success">
  That's it. The embed is live on your WordPress site.
</Callout>

## Browse by Content Type

Select a category to see every supported platform and a step-by-step embed guide.

<Columns cols="2">
  <Card title="Embed Videos in Elementor" href="/elementor/embed-videos" icon="play-circle" horizontal={false}>
    YouTube, Vimeo, Wistia, Dailymotion, Rumble, TED, and more.
  </Card>
  <Card title="Embed Audio in Elementor" href="/elementor/embed-audio" icon="music" horizontal={false}>
    Spotify, SoundCloud, Boomplay, Spreaker, and more audio platforms.
  </Card>
  <Card title="Embed Documents in Elementor" href="/elementor/embed-documents" icon="file-text" horizontal={false}>
    PDFs, Google Docs, Sheets, Slides, Figma, Notion, and more.
  </Card>
  <Card title="Embed Google Services in Elementor" href="/elementor/embed-google-services" icon="map-pin" horizontal={false}>
    Google Maps, Google My Maps, and Google Calendar.
  </Card>
  <Card title="Embed Social Media in Elementor" href="/elementor/embed-social-media" icon="share-2" horizontal={false}>
    Facebook, Instagram, Instagram Reels, X, and LinkedIn.
  </Card>
  <Card title="Embed Forms in Elementor" href="/elementor/embed-forms" icon="clipboard" horizontal={false}>
    Typeform, HubSpot, JotForm, Calendly, and more form platforms.
  </Card>
  <Card title="Embed Websites in Elementor" href="/elementor/embed-websites" icon="globe" horizontal={false}>
    Embed any external URL, dashboard, or web app in Elementor.
  </Card>
  <Card title="Other Embeds in Elementor" href="/elementor/embed-other" icon="layers" horizontal={false}>
    Flourish, Sketchfab, GFYcat, and more specialized platforms.
  </Card>
</Columns>

## Also in Gutenberg

Every embed category is also supported in the WordPress block editor.

See [Embed Anything in Gutenberg](/gutenberg/embed-anything) for the complete Gutenberg guide hub.

## Related Guides

- [Install Custom iFrame](/getting-started/installation)
- [Elementor Widget Setup](/getting-started/elementor-setup)
- [Style Custom iFrame](/getting-started/styling)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)
- [Embed Blocked or Refused](/troubleshooting/embed-blocked)