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 display 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
