Two Ways to Embed a PDF to your Website

This tutorial shows you how to embed PDF files on your website.  (Note:  You can convert your Microsoft Word document into a PDF for free here: http://www.freepdfconvert.com/)

Video Tutorial

If you prefer to watch a video tutorial, here it is (otherwise, continue with the written tutorial below):

 

Written Tutorial

The First Method: Create a Link that will open your PDF

1. Login to your IconoSites Control Panel. Then on a specific page, please click Edit. In this example, Article One under News page was selected. Please see screenshot below.

How to add a pdf onto your website


2. Next scroll down to Your Page Content. You may type text in your content that will be clickable to open up your PDF documents. Then highlight the text that you’ve just created. Please see screenshot below.

Add pdf to website


3. Next click the Hyperlink button in Your Page Content tools. Please see screenshot below.

Embed pdf to website


4. Next click the Browse button. Please see screenshot.

Pdf in website


5. Click Disk Icon button. Please screenshot.

Pdf in website


6. Then click Choose File button. Please see screenshot.

How to add a pdf onto your website


7. Locate the PDF document that you would like to insert. Please see screenshot.

Add pdf to website


8. Click Ok button after selecting PDF document to be uploaded.

Embed pdf to website


9. Once the document file is uploaded, select and double click the uploaded file.

Pdf on website


10. Click the Insert button. You may provide additional settings like Target and Title. Please see example screenshot.

Pdf in website


11. Lastly click SAVE button to finish. You may checkout and test your webpage with the hyperlink text that directs to your PDF document when you click.

How to add a pdf onto your website

How to add a pdf onto your website

 

The Second Method: Embed the actual PDF on the web page itself

1. Simply click the Embed Media button. See screenshot below.

Add pdf to website


2. Choose type Iframe under the drop down menu. See Screenshot below.

Embed pdf to website


3. Click the Browse button. Please see screenshot below.

Pdf on website


4. Next select and double click the PDF document. In this example the PDF document is already uploaded from our first method. You may upload new PDF document file if you need to do so. Please see screenshot below.

Pdf in website


5. Click the Insert button. Please see screenshot.

How to add a pdf onto your website


6.Click SAVE button to finish and checkout your webpage with embedded PDF. You’re done.

Add pdf to website

Embed pdf to website

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk