In this article I will explain with an example, how to embed Google Docs Viewer and display Google Drive files such as Word document (.doc, .docx), Excel Spreadsheet (.xls, .xlsx), PowerPoint presentation slides (ppt, .pptx) files and PDF documents (*.pdf) in your website’s web page.
Steps to embed Word, Excel, PowerPoint (PPT) and PDF files in browser web page in ASP.Net
1. Upload the file to be displayed on web page to the Google Drive.
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
2. Right Click on the document to be displayed in Web page and Open with option as shown below.
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
3. Once the document is opened, click the Share button as show below.
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
4. Inside the Share with others Popup, click on the Get shareable link to generate the Public link to the document.
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
Now copy the generated link from the TextBox.
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
5. Finally copy the URL and set it as source to an HTML IFRAME in order to display the document on the web page.
<iframe frameborder="0" src="https://docs.google.com/spreadsheets/d/1NeUShwlPrOvHuO0gisl7XYnoNrqODw1x8JFNlzSaEro/edit?usp=sharing"
width="600" height="800"></iframe>
Screenshot
The Excel spreadsheet displayed in browser
![Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page]()
Demo
Downloads
