> 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 Wistia Video in Elementor

Step-by-step guide to embed Wistia video in Elementor using the Custom iFrame WordPress plugin. Show demos and tutorials. No coding required.


## Overview

Custom iFrame lets you embed Wistia video in Elementor by pasting any Wistia video URL into the widget. Display product demos, testimonials, and tutorials 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? Follow the [Embed Wistia Video in Gutenberg](/gutenberg/video/embed-wistia) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A Wistia account with the video you want to embed

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/oTyOCJWqKf0"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## Step 1: Get the Wistia Video URL

<Steps>
  <Step title="Open Wistia" icon="play" title-type="p">
    Go to [wistia.com](https://wistia.com) and log in to your account.
  </Step>
  <Step title="Copy the video URL" icon="link" title-type="p">
    Find the video you want to embed. Copy its URL from the browser address bar.
  </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 video. 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: Embed Wistia Video in Elementor

<Steps>
  <Step title="Paste the Wistia URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Wistia video URL into the **Source URL** field. The video player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776884390/elementor/video/wistia/paste-wistia-url.webp"
      alt="Custom iFrame widget in Elementor editor showing Wistia video URL pasted in Source URL field with live video preview"
      width="1024"
      height="438" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to 450px or enable **Auto Height**. Click **Update** or **Publish**.
  </Step>
</Steps>

## Step 4: Adjust Settings

**Height:** 450px works for most Wistia videos at standard width.

**Auto Height:** Let the iFrame resize to fit the video dimensions automatically.

**Lazy Load:** Enable to load the video only when it enters the viewport. Reduces initial page load time.

**Placeholder Image:** Upload a thumbnail to display while the video loads.

## Troubleshooting

**Video shows blank:** Confirm the Wistia video is set to public or that your domain has embed access in your Wistia account settings.

**Video is cut off:** Increase the height or enable Auto Height.

For more help, see [iFrame Not Showing](/troubleshooting/iframe-not-showing).

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need a paid Wistia plan to embed videos?" default-open="false">
    Wistia's free plan allows limited video uploads with embedding. Paid plans remove Wistia branding and add analytics. Custom iFrame works with any public Wistia video regardless of plan.
  </Expandable>
  <Expandable title="Why does my Wistia video show blank?" default-open="false">
    The video may be private or restricted by domain in your Wistia account. Go to your Wistia video settings and confirm embedding is allowed for your site's domain.
  </Expandable>
  <Expandable title="Can I embed a Wistia channel or playlist?" default-open="false">
    Yes. Paste the Wistia channel or playlist URL into the Source URL field the same way as a single video.
  </Expandable>
  <Expandable title="What height should I use for a Wistia video?" default-open="false">
    450px works well for most 16:9 Wistia videos. Enable Auto Height to let the iFrame fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Wistia in Gutenberg" href="/gutenberg/video/embed-wistia" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed Vimeo Video in Elementor" href="/elementor/video/embed-vimeo" icon="layers" horizontal={false}>
    Embed Vimeo with Pro advanced controls.
  </Card>
</Columns>

## Related Guides

- [Embed Video in Elementor - Overview](/elementor/embed-videos)
- [Embed YouTube Video in Elementor](/elementor/video/embed-youtube)
- [Embed Vimeo Video in Elementor](/elementor/video/embed-vimeo)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)