Page 1 of 1

Embeding a PDF In a Web Page

Posted: Tue Aug 14, 2012 3:00 pm
by BaconFries
Here we will show you how to "Embed" a PDF file using the tools avaiable in WYSIWYG Web Builder.

Open your copy of WYSIWYG Web Builder, now drag&drop the HTML Object to the page. Open the HTML Objects properties and insert the following example code.

Code: Select all

<embed src="http://www.yoursite.co.uk/yourpdfname.pdf" width="800px" height="600px"></embed>

You can use your own url and the change the width and height to suit your own PDF see the image below.
embedpdf.jpg
Ok now that we have done this we need to make the HTML Object the same width of the code used for your own PDF

Code: Select all

<embed src="http://www.yoursite.co.uk/yourpdfname.pdf" width="600px" height="500px"></embed>
Again see image below
embedpdfresize.jpg
Now all we need to do is upload the page with the embed code along with the PDF File you wish to display and you should now have a PDF file that will show in your web page. Note this all depends if the user has a PDF ffile reader installed already on there PC.

Re: Embeding a PDF In a Web Page

Posted: Tue Aug 14, 2012 3:05 pm
by BaconFries
New Tutorial on embeding a PDF file into your webpage.