How to Embed Google Tools and Social Feeds on Any Website

1. Why Embed Google Tools and Social Feeds on Your Website

Learning how to embed Google tools on your website is one of the fastest ways to add dynamic, auto-updating content without building custom features from scratch. Whether you want to embed Google Calendar in a website so visitors can see upcoming events, or embed an Instagram feed on your website to showcase your latest posts, embedded content keeps people on your site instead of sending them to a third-party platform.

Embedded widgets solve three core problems for website owners. First, they keep visitors engaged on your site rather than linking them away to Google, YouTube, or social media profiles where they may never return. Second, embedded content updates automatically -- when you add a new event to Google Calendar, update a Google Sheet, or post to Instagram, the embedded version on your website reflects the change without any manual intervention. Third, embeds add credibility and social proof. Showing real Google Reviews, live social feeds, or a public event calendar signals to visitors that your business is active and trustworthy.

If you are new to the concept of embedding content, our guide on what embeddable widgets are covers the fundamentals. In short, an embed is a piece of content from one website that displays inside another website using an iframe or JavaScript snippet. The content lives on the original platform but renders seamlessly on your page.

In this tutorial, we will cover step-by-step instructions for embedding the most popular Google tools and social media feeds on any website platform -- including WordPress, Squarespace, Wix, Shopify, Notion, and custom-coded sites. If you use Squarespace or Webflow, our guide on embedding widgets in Squarespace and Webflow covers platform-specific details. Each section below includes real code examples you can copy and paste.

The tools we will cover include:

• Google Calendar -- display upcoming events and schedules
• Google Forms -- collect survey responses and registrations
• Google Docs and Sheets -- share live documents and spreadsheets
• Google Reviews -- show customer reviews and ratings
• Instagram feeds -- display your latest photos and reels
• YouTube playlists -- embed video collections and channels
• LinkedIn and Pinterest -- share professional updates and boards

2. How to Embed Google Calendar on a Website

Google Calendar is one of the most commonly embedded Google tools. Whether you run a community organization, a fitness studio, a school, or a SaaS company, displaying a live calendar on your website lets visitors see your schedule without leaving your page. Here is how to embed Google Calendar in a website step by step.

1. Make your calendar public. Open Google Calendar, click the three-dot menu next to the calendar you want to share, select "Settings and sharing," and check "Make available to public."
2. Get the embed code. Scroll down to the "Integrate calendar" section in the same settings page. You will see an iframe embed code that looks like the example below.
3. Paste the iframe on your website. On WordPress, use a Custom HTML block. On Squarespace, use a Code block. On Notion, use the /embed command. On a custom-coded site, paste the iframe directly into your HTML.

Replace YOUR_CALENDAR_ID with your actual calendar ID, which you can find in the same "Integrate calendar" section of your Google Calendar settings. The timezone parameter (ctz) ensures events display in the correct local time for your audience.

Making It Responsive

The default Google Calendar embed is not responsive -- it uses fixed pixel dimensions. To make it fit any screen size, wrap the iframe in a responsive container:

This CSS technique uses percentage-based padding to maintain the aspect ratio while letting the iframe scale to fill its container. For more details on making calendars public and customizing the embed appearance, see the Google Calendar Help documentation.

3. How to Embed Google Forms on a Website

Google Forms is a popular choice for contact forms, surveys, event registrations, and feedback collection. Embedding a Google Form directly on your website means visitors can fill it out without navigating to a separate page. Here is how to embed a Google Form in a website.

1. Open your Google Form and click the "Send" button in the top-right corner.
2. Choose the embed icon (the angle brackets icon, which looks like < >). Google will generate an iframe embed code.
3. Adjust the dimensions if needed. The default width and height work for most cases, but you may want to increase the height for longer forms to prevent a scrollbar from appearing inside the iframe.
4. Copy and paste the iframe code into your website using the same methods described above -- Custom HTML block on WordPress, Code block on Squarespace, or directly in your HTML.

Tip: If your form has many fields, increase the height value to 900 or 1000 pixels to prevent an internal scrollbar. Visitors should be able to see the entire form without scrolling inside the iframe -- scrolling inside a scrolling page creates a poor user experience.

Responses are collected in your Google Forms dashboard just like normal. The embedded version functions identically to the standalone form -- visitors can submit responses, upload files (if enabled), and see confirmation messages. For more about how embed codes work, check our dedicated explainer.

4. How to Embed Google Docs and Sheets on a Website

Sharing live documents and spreadsheets on your website is useful for public reports, pricing tables, documentation, meeting notes, and collaborative resources. Google provides a built-in "Publish to web" feature that generates embeddable content for Docs, Sheets, and Slides. Here is how to embed a Google Doc in a website.

1. Open your Google Doc, Sheet, or Slides presentation.
2. Go to File → Share → Publish to web.
3. Choose the "Embed" tab and click "Publish." Google generates an iframe code or an embed link depending on the document type.
4. Copy the iframe code and paste it into your website.

Here is the typical embed code for a Google Doc:

And here is the embed code for a Google Sheet:

The widget=true parameter for Sheets adds interactive features like sheet tab navigation. The headers=false parameter hides the default Google Sheets header row, which can be useful for embedding in a clean design.

Important note: Published documents are publicly accessible to anyone with the link. Do not publish documents containing sensitive or private information. Changes you make to the original document will automatically appear in the embedded version, usually within a few minutes.

The same "Publish to web" process works for Google Slides. Instead of an iframe showing a document, you get an interactive slideshow that visitors can navigate directly on your page. This is ideal for presentations, pitch decks, or educational content that you want to share publicly.

5. How to Embed Google Reviews on a Website

Google does not provide a native embed code for Google Reviews. Unlike Google Calendar, Forms, or Docs, there is no built-in "Share" or "Embed" button for your business reviews. This is one of the most frequently searched questions for small business owners who want to embed Google Reviews on a website, and the lack of a native solution catches many people off guard.

There are three approaches to displaying Google Reviews on your website:

Manual Approach

You can manually copy individual reviews from your Google Business Profile and display them as text testimonials on your site. This requires no tools or integrations, but the reviews will not update automatically when new ones come in. You will need to check your Google listing periodically and update your website by hand.

Third-Party Tools

Several third-party services can pull your Google Reviews automatically using the Google Places API. Tools like EmbedSocial and Elfsight offer widgets that display your reviews with star ratings, reviewer names, and review text. These tools typically offer free tiers with limited features and paid plans for full customization and auto-updating. We mention them here for awareness but do not link to specific competitors.

Custom Approach with Embeddy

If you want full control over how your Google Reviews look on your website, you can use Embeddy to build a custom reviews widget. Describe the layout you want -- a review carousel, a grid of review cards, a single highlighted testimonial -- and Embeddy generates an embeddable widget that matches your site design. You can include star ratings, reviewer avatars, and review text in any layout you describe.

The advantage of the custom approach is complete design control. Native and third-party review widgets come with fixed styling that may not match your brand. A custom-built widget lets you control every aspect of the presentation, from fonts and colors to layout and animation. For businesses where social proof is a key conversion driver, investing in a polished review display is worth the effort.

6. How to Embed an Instagram Feed on a Website

Instagram is essential for brands, restaurants, photographers, and influencers who want to showcase visual content. Embedding your Instagram feed on your website keeps your site looking fresh with automatically updating content. However, Instagram's native embedding capabilities are limited.

Native Instagram Embed (Single Posts Only)

Instagram allows you to embed individual posts natively. Open any Instagram post in a web browser, click the three-dot menu, and select "Embed." Instagram generates an HTML snippet you can paste on your website. The embedded post shows the image or video, caption, likes count, and a link back to Instagram. For detailed instructions, see the Instagram Help Center.

The limitation is that you can only embed one post at a time. There is no native way to embed an Instagram feed on your website that automatically displays your latest posts in a grid or carousel layout.

Full Feed Embedding

To display a full Instagram feed on your website, you need a third-party tool. Services like EmbedSocial and Elfsight offer Instagram feed widgets that connect to your account via the Instagram Basic Display API or the Instagram Graph API. These tools generate a feed widget that updates automatically as you post new content. Most offer customizable grid layouts, carousel views, and filtering by hashtag.

Alternatively, you can use Embeddy to build a custom Instagram-style gallery widget. Describe the layout and style you want, and Embeddy generates a responsive feed widget you can embed anywhere. This is especially useful if the styling options from third-party tools do not match your brand aesthetic or if you want to combine Instagram content with other social feeds in a single widget.

7. How to Embed a YouTube Playlist or Channel

YouTube provides excellent native embedding support for both individual videos and playlists. If you have a collection of tutorial videos, product demos, or course content, embedding a YouTube playlist lets visitors browse and watch multiple videos without leaving your website.

Embedding a YouTube Playlist

1. Go to the YouTube playlist page you want to embed.
2. Click Share, then click Embed.
3. Copy the iframe code YouTube generates. It will include a list parameter containing your playlist ID.
4. Paste the code on your website.

You can customize the embed behavior with URL parameters. Add &autoplay=1 to start playing automatically, &loop=1 to loop the playlist, or &index=3 to start on a specific video in the list.

Embedding a YouTube Channel

YouTube does not offer a direct "embed channel" feature. However, you can embed a channel's uploads playlist. Every YouTube channel has an automatically generated uploads playlist. To find it, go to the channel page, click on "Videos," and look at the URL -- the playlist ID starts with "UU" followed by the channel ID (with the leading "UC" replaced by "UU"). Use this playlist ID in the embed code above to effectively embed a YouTube channel on your website.

For the best user experience, wrap YouTube embeds in a responsive container using the same CSS technique described in the Google Calendar section. Use a 56.25% padding-bottom ratio for standard 16:9 video aspect ratios. This ensures your embedded videos scale properly on mobile devices without horizontal scrollbars or letterboxing.

8. How to Embed LinkedIn and Pinterest Feeds

LinkedIn and Pinterest are valuable platforms for B2B businesses, creative professionals, and e-commerce brands. Embedding feeds from these platforms can add professional credibility and visual inspiration to your website. However, the native embedding options for both platforms are more limited than Google or YouTube.

Embedding LinkedIn Content

LinkedIn does not provide a native way to embed a LinkedIn feed on your website. You can embed individual LinkedIn posts by clicking the three-dot menu on a post and selecting "Embed this post," but there is no option to display a live feed of your company page updates or personal profile posts.

For a full LinkedIn feed embed, you need a third-party tool or a custom solution. Some social media aggregator services offer LinkedIn feed widgets, but they typically require a paid plan and LinkedIn API access. Alternatively, you can use Embeddy to build a custom widget that displays your LinkedIn content in a feed-style layout on your website.

Embedding Pinterest Boards

Pinterest offers a native widget builder that lets you embed a Pinterest board on your website. Visit the Pinterest Widget Builder to generate embed code for boards, profiles, or individual pins. The widget builder lets you choose the board size, image dimensions, and layout style.

To use the Pinterest widget, you need to add the Pinterest JavaScript SDK to your page and then include the widget markup where you want the board to appear. The SDK handles rendering the board with the correct styling and interactive features like pin hovering and save buttons.

For more platform-specific embedding instructions across WordPress, Notion, and Shopify, check our detailed guide on embedding widgets on different platforms. It covers the exact steps for each content management system and includes troubleshooting tips for common issues like iframe blocking and content security policies.

9. The Easy Way: Embed Anything with Embeddy

Native embed codes from Google, YouTube, and social platforms work well for basic use cases. But they come with significant limitations: you cannot customize the styling to match your brand, the layouts are fixed, responsive behavior is often poor, and some platforms (like Google Reviews and Instagram feeds) do not offer native embeds at all.

Embeddy solves these problems by letting you build custom versions of any embed. Instead of accepting the default Google Calendar iframe with its fixed styling, you can describe a calendar widget that matches your site's design system. Instead of settling for a basic YouTube embed, you can create a branded video gallery with custom thumbnails and category filtering.

Here is an example of how you might use Embeddy to create a custom Google Reviews widget:

Within seconds, Embeddy generates a fully functional widget you can preview, refine through follow-up prompts, and embed on any website with a single line of code. The widget is responsive by default and works on WordPress, Squarespace, Wix, Shopify, Notion, and any platform that supports HTML embeds.

Embeddy is especially useful for embeds that native tools do not support: Google Reviews widgets, full Instagram feed galleries, LinkedIn feed displays, combined social media walls, and custom-styled versions of Google Calendar, Forms, or Docs. You can explore all available Embeddy features to see the full range of what you can build, or check our pricing page for plan details.

If you want a deeper look at the widget-building process, our guide on building embeddable widgets without code walks through everything from prompt writing to embedding the finished widget. You can also browse our best website widgets guide for more inspiration on what to embed on your site.

10. Frequently Asked Questions