Embed Anything in Gutenberg
Complete guide hub for embedding 100+ platforms in Gutenberg using Custom iFrame. Videos, audio, documents, forms, social media, Google services, and more.
Overview
Custom iFrame lets you embed anything in Gutenberg by pasting a URL into the block. 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 Elementor instead? See the Embed Anything in Elementor guide.
Requirements
- Custom iFrame plugin installed and active
- WordPress with the Gutenberg block editor (WordPress 5.8+)
- A URL from any supported platform
How to Embed in Gutenberg
Every embed follows the same three steps.
Copy the URL from your platform
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.
Add the Custom iFrame block
Open your page in the Gutenberg block editor. Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.
Paste the URL and publish
In the right panel, paste the URL into the Source URL field. Set Height to match your content. Click Update or Publish.
That's it. The embed is live on your WordPress site.
Browse by Content Type
Select a category to see every supported platform and a step-by-step embed guide.
Embed Videos in Gutenberg
YouTube, Vimeo, Wistia, Dailymotion, Rumble, and more.
Embed Audio in Gutenberg
Spotify, SoundCloud, Boomplay, and more audio platforms.
Embed Documents in Gutenberg
PDFs, Google Docs, Sheets, Slides, Figma, and more.
Embed Google Services in Gutenberg
Google Maps, Google My Maps, and Google Calendar.
Embed Social Media in Gutenberg
Facebook, Instagram, Instagram Reels, X, and LinkedIn.
Embed Forms in Gutenberg
Typeform, HubSpot, JotForm, Calendly, and more form platforms.
Embed Websites in Gutenberg
Embed any external URL, dashboard, or web app in Gutenberg.
Advanced Features
Take embeds further with these block-level controls.
Auto-Refresh in Gutenberg
Reload the embedded iFrame at a set interval for live content.
Custom Attributes in Gutenberg
Add custom HTML attributes to the iFrame element. (Pro)
Sandbox and Security in Gutenberg
Control sandbox permissions and referrer policy for embeds.
Also in Elementor
Every embed category is also supported in the Elementor page builder.
See Embed Anything in Elementor for the complete Elementor guide hub.
Related Guides
Last updated today
Built with Documentation.AI