Office 365 & SharePoint 2013: Embed Word Document Contents On SharePoint Page

Our client sometimes wants to attach their documents to their pages so when they do some change on the content of the word file, it will reflect on the page.

This is an awesome functionality for users to update their page without playing by editing the content on the web parts. So for us developers, rather than pointing to a third-party tool, we have that on our own SharePoint 2013 and on Office 365.

Let’s see how a user can embed their word files on a SharePoint page

Upload a word file to a document library

http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image002.png

• Click the Menu dialog option for the selected Word document.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image003.png

• You will see the preview screen below.

• Click the icon as shown by the arrow.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image004.png

• You will see a pop-up as per the screen below with an option, “Embed Information”.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image005.png

• Click the option and you will the screen below, Copy the embedded code.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image006.png

• Now we will add the embedded code to a page,

  a. Create a page

  b. Go the gear icon and click on Add a page.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image007.png

• Provide a name for the page.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image008.jpg

• You will be directed to edit the page as per the screen below.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image009.jpg

• Click on the ‘Insert’ Tab and choose Embed Code as per screen below.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image010.png

• It will open a dialog box, paste your copied code here.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image011.png

• You will see the preview below after pasting the code.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image012.png

• Click OK.

• Your page will save and you will see the below page embedded with the document.

  http://csharpcorner.mindcrackerinc.netdna-cdn.com/article/embed-word-documents-contentson-a-sharepoint-page-in-office/Images/image013.jpg