Before you share a Google Docs file, please make sure that the document is public. If it is private, you’ll be the only one who can see it. To change your privacy setting, click the Share link at the top of the screen to make it public.

Click the Advanced button.

Click the Change button.

Select On – Public on the web to allow for anyone to the Google Doc you want to share. Click Save to finish this step

To embed a Doc into a post or page, open the document. Select Publish to the Web under the File menu.

Click the Publish button.

Click on the Embed tab and copy the provided embed code.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode) and paste in the embed code.

To embed a document, for example, a PDF from Google Drive, right-click the document and click Share. Make it public by clicking Get shareable link.

Double click this shared document in Drive, which should open up a preview. Click Open in new window from the option menu (vertical bar with three dots).

In the new window, click Embed item from the options menu.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode) and paste in the embed code.

Note: Replace drive.google.com with docs.google.com. Leave everything else intact.

To embed a Sheet from Google Docs, open the spreadsheet you want to embed and click on the Publish to the Web link under the File menu.

Click the Publish button.

Click on the Embed tab and copy the provided embed code.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode) and paste in the embed code.

To embed Slides into a post or page, open the project and Publish to the Web button under the File menu.

Click the Publish button.

Click on the Embed tab. There are a few dropdown menus to control the size and speed of the slides. Copy the provided embed code.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode) and paste in the embed code.

To embed a document without converting it to the Google Docs format, click on the Upload icon on your Google Docs’ file listing.

Back on the files list, select your file and click on Embed link under the File menu.

Copy the provided embed code.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode) and paste in the embed code.

Visit Google Maps, type in any street address or geographic location, and click the Search button.

Select Share and a popup will appear, as illustrated below.

Select the Embed tab as above and copy the code from the box. In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post or page in editing mode). Open the editor and paste the code directly into your post or page.

Click Save Draft, Update, or Publish depending on the status of your post or page. If you refresh the page, you will notice that the code has changed. WordPress has converted the HTML code into the working shortcode.

Here is an example of what the embedded map will look like.

Visit Google Maps and click on the Menu icon found in the upper left corner of your browser window.

Select My Maps, and choose either a map you have already created or to create a brand new one.

Once you have the map you would like to use, click Share.

A window will appear, as illustrated below.

If your window says something other than “Public on the web”, click on Change and select Public.

Save those changes and close out of the Sharing window.

Click the More icon next to the Share button (it looks like three vertical dots), and a menu will appear. Select Embed on my site from that list.

This will open a window with an embed link. Copy the entire code.

In the dashboard of your college website, go to Posts → Add or Pages → Add (or open an existing post/page in editing mode). Open the editor and paste the code directly into your post or page.

Click Save Draft, Update, or Publish depending on the status of your post or page. If you refresh the page, you will notice that the code has changed. WordPress has converted the HTML code into the working shortcode.

Here is an example of what the embedded map will look like.

If your code isn’t working, try using a physical address. Addresses created with longitude and latitude coordinates rather than a physical address may not give you a workable code.

You can insert multiple maps into a single post or page.

To change the dimension of the map, click on the drop down menu during step 4 above. This will automatically update the iframe code.

To make text flow around the map, you can add an alignment option in the shortcode.

align=”left” – The map will appear on the left, with text flowing to the right.

align=”right” – The map will appear on the right, with text flowing to the left.