How To Embed Google Sheet In Elementor?

With the Custom iFrame plugin, you can easily embed Google Sheet in Elementor WordPress site without any API key. Share live data, reports, or spreadsheets 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 Sheet Link

1. Open your Google Sheet that you want to embed.
2. Go to the Top Menu and navigate to File > Share > Publish to Web.
3. Choose what to publish – select a specific sheet or the entire document.
4. Click “Publish”, then confirm by clicking “OK” in the dialog box.
5. Copy the generated link – your spreadsheet 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 spreadsheet 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 Sheet in Elementor

1. Go to Content
2. Paste the Google Sheet 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 embed.

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

Step 5: Save & Publish

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

Keep your content updated with real-time data by using Embed Google Sheet in Elementor. Make data sharing simple and keep your audience informed!