How to Embed Google Docs in Elementor?

With Custom iFrame plugin, you can embed Google Docs in Elementor WordPress site easily. Share documents, guides, or important information directly on your website.

Not a fan of reading? No worries — we’ve got a video tutorial for you. 📺

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get the Google Docs Link

1. Open your Google Doc that you want to embed.
2. Go to the Top Menu and navigate to File > Share > Publish to Web.
3. Click “Publish”, then confirm by clicking “OK” in the dialog box.
4. Copy the generated link – your Google doc is now published and ready to embed in your WordPress site.

Before proceeding, make sure your URL can be embedded on other sites:

• Your URL should end in /pubhtml.
• Paste the link into a different browser where you’re not logged into Google.
• If the Google doc doesn’t load, it hasn’t been published correctly. Check the full documentation for more details.

Step 2: Add the Custom iFrame Widget

1. Install and Activate Custom iFrame Plugin
2. Open your page in Elementor Editor.
3. Drag and drop the Custom iFrame Widget onto your page.

Step 3: Embed Google Docs in Elementor

1. Go to Content
2. Paste the Google Doc URL into Source URL field.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your Google Docs embed in Elementor.

Check this How to Style Custom iFrame? guide—adjust colors, backgrounds, borders, & more! 🎨✨

Step 5: Save & Publish

Click Update, and your Google Doc is now live on your page!

Keep your content accessible and up to date with Embed Google Docs in Elementor. Make document sharing seamless and keep your audience informed! 📄🚀