Embed Documents in Elementor
Guides for embedding PDFs, Google Docs, Sheets, Slides, Figma, Notion, and more in Elementor using the Custom iFrame WordPress plugin. No coding required.
Overview
Custom iFrame lets you embed documents in Elementor from Google Docs, Google Sheets, Google Slides, PDFs, Figma, Notion, and more. Paste any document URL into the widget. No API keys, no shortcodes, no coding required.
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 Documents in Gutenberg guide.
Requirements
- Custom iFrame plugin installed and active
- Elementor installed
- A document URL from any supported platform
How to Embed a Document in Elementor
All document platforms follow the same three-step process.
Step 1: Get Your Document Link
Open your document platform
Go to the platform where your document lives: Google Drive, Figma, Notion, or any other supported source.
Copy the embed or publish link
Use the platform's share or publish option to get a public embed URL. Copy it to your clipboard.
Each platform guide below shows exactly which link to copy.
Step 2: Add the Custom iFrame Widget
Open your page in Elementor
Go to the page where you want the document. Click Edit with Elementor.
Drag the widget onto your page
Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.
Step 3: Paste the URL and Publish
Paste the document URL
In the Content tab, paste the URL into the Source URL field. The document appears in the editor.
Set height and publish
Set Height to match your document. 600px to 800px works for most documents. Click Update or Publish.
Click Update or Publish. Your document is now live on your WordPress site.
Supported Document Platforms
Select your platform for a step-by-step embed guide.
Embed PDF in Elementor
Display PDFs inline without forcing downloads.
Embed Google Docs in Elementor
Embed published Google Docs directly on your page.
Embed Google Sheet in Elementor
Display live spreadsheet data from Google Sheets.
Embed Google Slides in Elementor
Embed presentations, portfolios, and reports from Google Slides.
Embed Google Form in Elementor
Collect form responses without leaving your WordPress page.
Embed Figma Prototype in Elementor
Show interactive design mockups and prototypes from Figma.
Embed Notion Page in Elementor
Share Notion docs, wikis, and databases on your site.
3D Flipbook PDF in Elementor
Turn static PDFs into interactive 3D page-flip experiences. (Pro)
Also in Gutenberg
All document platforms are also supported in the WordPress block editor.
See Embed Documents in Gutenberg for all Gutenberg guides.
Related Guides
Last updated today
Built with Documentation.AI