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 guide.

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A Wistia account with the video you want to embed

Step 1: Get the Wistia Video URL

Open Wistia

Go to wistia.com and log in to your account.

Copy the video URL

Find the video you want to embed. Copy its URL from the browser address bar.

Step 2: Install the Plugin and Add the Block

Install and activate the plugin

Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.

WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button

Open your page in the block editor

Go to the page or post where you want the video. Click Edit to open the Gutenberg block editor.

Add the Custom iFrame block

Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.

Step 3: Embed Wistia Video in Gutenberg

Paste the Wistia URL

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.

Set height and publish

Set Height to 450px or enable Auto Height. Click Update or Publish.

Click Update or Publish. Your Wistia video is now live on your WordPress site.

For all block settings, see the Set Up Custom iFrame in Gutenberg 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.

FAQ

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.

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.

Yes. Paste the Wistia channel or playlist URL into the Source URL field the same way as a single video.

450px works well for most 16:9 Wistia videos. Enable Auto Height to let the block fit the video dimensions automatically.

Also Available For

Embed Wistia in Elementor

Guide for the Elementor widget.

Embed Vimeo Video in Gutenberg

Embed Vimeo with Pro advanced controls in Gutenberg.

Was this page helpful?

Last updated today

Built with Documentation.AI