Chapter 8. Create and edit a website page with an embedded PDF

Click on a section title to jump down the web-page:

A.         Introduction

B.         Start an embedded PDF page

C.         Add text content

D.         Select PDF file

E.          Save or discard your work


A. Introduction

1. A PDF document can be embedded within a frame on one of your website pages. This frame has much the same functionality as the PDF viewer in web browsers such as Firefox and Chrome.

2. What does a website visitor see on an embedded PDF page?

The page contains brief text at the top and a large frame displaying the PDF document.

127. Website page with embedded PDF

a) Scroll up and down the document.

b) Zoom in and out to read more easily.

c) Download or print the document directly from the viewer frame.

3. Add embedded PDF pages to your website to highlight them to your website visitors.

4. Much of the process of creating an embedded PDF is the same as creating a page. Review the process of creating a page in Unit 02, Chapter 3, Section B.

5. Text above an embedded PDF should introduce the document and help the website visitor use the functions of the viewer frame. Text may also be added below the viewer frame.

6. Embedded PDFs will not display well on small screens (cell phones and small tablets), so they should be used carefully.

Return to top...

B. Start an embedded PDF page

1. At the Overview screen, click the Add new dropdown menu, then click on the option PDF.

128. Add new PDF from Overview screen

a) The page editing screen Add new PDF opens.

Return to top...

C. Add text content

1. Write a page title in each Navigation Language.

2. A PDF page gives the option of having text above and/or below the PDF viewer.

129. Options for text above and below PDF viewer

3. Click on one of the links titled Text above or Text below. (You may use both.)

a) The standard text editing box appears. You are already familiar with its use.

4. Write a small amount of text in each Navigation Language to introduce the PDF document.

Return to top...

D. Select PDF file

1. The section titled PDF File is between the two links for Text above and Text below.

130. PDF File section of Add new PDF screen

a) Click +Add files at the bottom left of the gray frame.

b) A file browser window opens showing your computer’s file system.

131. Select a PDF from files on your computer

c) Choose only one file (the only allowed file type is .pdf).

d) Click on the button Open.

e) Your file is now listed inside the gray frame.

132. PDF file ready to upload

f) Click on the link Start upload.

g) As the file is successfully uploaded, the dash inside a red circle changes to a checkmark inside a green circle.

h) Alternate methods of selecting the PDF file are covered in Chapter 9.

2. Once the PDF file is uploaded, it will appear in this same section of the screen under the heading File information. The original filename and the file size are listed.

133. PDF file uploaded for embedding

Return to top...

E. Save or discard your work

1. To make the page immediately visible, click on the button Save and publish at bottom left.

2. To save the page but not make it visible, click on the button Save as draft at bottom left.

3. To exit without saving your work, click on the button Cancel at bottom left.

a) A pop-up screen asks you to confirm if you want to stay on the page or leave the page without saving your work. Click on the button that states your choice.

4. When you save your work, you will exit the Add new PDF editing screen and see a preview of the public version of the page.

5. When you cancel your work, you will exit the Add new PDF editing screen and return to the Overview screen.

Return to top...