How to Add a PDF and Link it on a Page

This article will guide you on how to upload and link a PDF on a page of your website.

Login to myRealPage: 

Click here to visit this help article to log in to your account.

1 - Navigate to "Websites" tab:

• Click on "Websites" to manage your website.

2 - Click on "Images & Files" on the left hand sidebar:

3 - Select the Documents folder (Or create a new folder of your choice) in the webdrive:

4 - Click on the "Upload..." button:

5 - Click on the "CHOOSE FILES" button:

• Note: You can also drag your PDF file from your computer into the area to upload

6 - Select the PDF you wish to upload:

• Note: You can upload multiple files at a time at this stage

• A. Open: Once you have selected the PDF(s) you wish to upload, click the open button to upload the file(s) to your webdrive.

7 - Click on "Pages" on the left hand sidebar:

8 - Select the page your wish to add your PDF to:

9 - Click the edit toggle in the bottom toolbar:

• A. Edit Block: Click the pencil icon on the block you wish to edit (Note: Links will only be able to be added to certain text areas)

10 - Pick what you want to link:

• Note: Skip to step 15 for adding PDF link to a button.

• A. Select the text:  Pick where you wish to add a link to.
• A. Click the Insert Link button:  Pick where you wish to add a link to.

11 - Click the magnifying glass icon to select a file from the webrive:

12 - In the webdrive selector, click on the "Files" tab:

• Note: You can follow the following steps anywhere that a link can be added in any block.

13 - Select the Document folder (or whatever folder you uploaded your PDF to):

• A. Select your PDF: Click on the file you wish to link.
• B. Click OK: Click "OK" in the bottom right corner to update your link.

14 - Click "Insert" to add your link:

• A. Save Your Changes: Click "APPLY AND SAVE" to save the block changes on your page.

15 - Click on the "BUTTONS" tab on the left hand side:

16 - Either click on a button to edit, or add a new button:

17 - Setup the button:

• A. Link: Add a label for the button, and select the PDF from the location you uploaded the PDF to in the webdrive (Note: See steps #12 and #13 above).
• B. Image/Icon: Select an image/icon to include next to the text in the button.
• C. Custom Size: Select a custom size for this button to display at.
• D. Custom Button Style: Select a custom style for this button to display (plain, filled, outlined)
• E. Custom Label Color: Select a custom label color for this button to display.
• F. Custom Fill Color: Select a custom fill color for this button to display.
• G. Add and Do Another: Save the changes for this button, and continue to add another button.
• H. Done: Save the changes for this button.

18 - Finish adjusting other button options before saving:

• A. Align: Select how buttons will be aligned.
• B. Size: Select the size of the buttons (Note: Any option set on the individual button will override this setting).
• C. Button Style: Select a custom style for the buttons to display (plain, filled, outlined) (Note: Any option set on the individual button will override this setting).
• D. Label Color: Select a custom label color for the buttons to display (Note: Any option set on the individual button will override this setting).
• E. Button Color: Select a custom fill color for the buttons to display (Note: Any option set on the individual button will override this setting).
• F. Label Case: Select which case for the button labels to display at.
• G. Button Shadow: Select whether buttons will display with a box shadow or not.
• H. Icon After Label: Select whether to have any images/icons to display after the text label.
• I. Button Layout: Select how the buttons will be displayed (horizontal, full width, or vertical layouts)
• J. Hide Buttons: Select this option to hide the buttons from the block.
• K. Done: Once your settings are good, select Done to save you settings.

19 - Save your block to finish: