> 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 Gutenberg

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


## Overview

Custom iFrame lets you embed Wistia video in Gutenberg by pasting any Wistia video URL into the block. 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 Elementor instead? Follow the [Embed Wistia Video in Elementor](/elementor/video/embed-wistia) guide.

## Requirements

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

## 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: Install the Plugin and Add the Block

<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/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button"
      width="1024"
      height="396" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the video. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed Wistia Video in Gutenberg

<Steps>
  <Step title="Paste the Wistia URL" icon="clipboard" title-type="p">
    Select the Custom iFrame block. In the right panel, paste the Wistia video URL into the **Source URL** field. The video player appears inside the block in the editor.
  </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>

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

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) guide.

This guide showed you how to embed Wistia video in Gutenberg using the Custom iFrame plugin. From copying the video URL to pasting it and publishing, the whole setup runs through the block editor without any code.

## 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 block fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

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

## Related Guides

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