How to embed content as a full page in Google Sites

Fill a web page in your web site with a map, video or Drive doc, or embed a full-page calendar or bookable appointment schedule.

In Might 2022, Google added the flexibility to embed content material as a full web page in Google Websites slightly than limiting it to a piece of a web page. With this, you could fill a Google Web site web page with embedded Google Maps, YouTube movies, paperwork, varieties or shows from Google Drive. A full-page embed enables you to function your chosen content material surrounded solely by minimal Google Web site navigation parts.

To embed full-page content material, sign up to your Google account and open a Google Web site to which you have got edit privileges, then observe the steps under.

Create your web page

First, it is advisable to add a brand new web page designated to function a full-page embed to your web site. Along with your web site open, choose the Pages tab, then the + button close to the underside of the column after which select Full Web page Embed, as proven in Determine A. Enter a reputation for the web page, then choose Finished.

Insert embed URL, code or content material from Google Drive

Subsequent, you’ll choose the content material to embed. There are two methods to do that. The primary possibility, out there instantly after you’ve created your new web page, is to pick both Add Embed or Add From Drive. Alternatively, at any time when you have got your web page open, choose the Insert tab, then both the Embed or Drive choices instantly under it or one of many choices displayed within the record: YouTube, Calendar, Map, Docs, Slides, Sheets, Types or Charts, as proven in Determine B.

Once you insert both a video from YouTube or an merchandise from Google Drive, Websites adjusts the content material to fill the display. Particularly, Google Docs, Sheets, Slides and Drawings in addition to Microsoft Phrase, Excel, PowerPoint and PDF recordsdata all match the positioning show dimension. Objects that could be multi-page, resembling PDFs, Docs, Phrase and PowerPoint recordsdata, show so you could scroll down by the doc. Google Slides shows, for instance, fill the display (Determine C, proper), in distinction to a normal embed (Determine C, left), which shows the content material a lot smaller.

If you happen to select to embed a Google Map, you could both enter an handle or choose from a beforehand saved map. An entered handle will show within the higher left of the embedded map, together with a hyperlink that provides individuals instructions. Organizations might discover this an particularly helpful strategy to information individuals to areas.

Full web page embedded Google Calendar content material contains view controls, which let web site guests choose week, month or agenda show choices. Guests might also navigate to completely different dates, as typical, with any embedded Google calendar.

If you happen to select Insert > Embed, you could enter a URL. For instance, in the event you use an version of Google Workspace that helps bookable appointment schedule calendars, you could embed these as a full web page in your Google Web site.

SEE: Learn how to use Google Calendar appointment schedules (TechRepublic)

Navigate to your bookable appointment schedule calendar; copy the URL; after which in Google Websites, select Insert > Embed > URL and paste the URL. If choices show, add the Complete Web page, not the Preview.

The bookable appointment schedule now shows as a full-page embed in your web site, as proven in Determine D, and adapts to show correctly on numerous display sizes. Many third-party websites could also be added as a full web page embed to your Google Web site with this methodology, though not all websites or companies help embedding.

Alternatively, you additionally might choose Insert > Embed and paste an embed code obtained elsewhere. For instance, you may undergo the steps at Twitter Publish to acquire the mandatory code to embed a Tweet, a Twitter record or a Twitter hashtag search. Whereas this embed beforehand positioned third-party content material in a specific portion of a Google Web site web page, it now could also be embedded as a full web page.

SEE: Learn how to embed content material from the net to your Google Web site (TechRepublic)

Nevertheless, not all content material works properly when embedded this fashion. On this case, embedded Twitter streams show as anticipated on smartphone and pill display sizes, however go away a niche of clean area to the fitting facet of the display when considered on a wide-format laptop computer. Be sure to check any third-party content material embedded this strategy to perceive how properly it really works.

What’s your expertise?

If you happen to use Google Websites, what kind of content material do you embed in your pages? How does the flexibility to embed content material as a full web page have an effect on the design of your Google Web site? What do you consider how your embedded Google Map or YouTube video seems to be in your web site? If you happen to use bookable appointment schedules, has the full-page embed possibility made it simpler for individuals to join time with you?

Point out or message me on Twitter (@awolber) to let me understand how you employ the Google Websites full-page embed function.