Embeding a PDF In a Web Page

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Locked
User avatar
BaconFries
 
 
Posts: 5369
Joined: Thu Aug 16, 2007 7:32 pm

Embeding a PDF In a Web Page

Post 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.
User avatar
BaconFries
 
 
Posts: 5369
Joined: Thu Aug 16, 2007 7:32 pm

Re: Embeding a PDF In a Web Page

Post by BaconFries »

New Tutorial on embeding a PDF file into your webpage.
Locked