How to Add a Document


Step One

To start adding a document, navigate to the page you want to edit in the admin area.

Step Two

Click the blue ‘Frontend Editor’ button. This will bring you up to the Frontend Editor page, where you can see a live update of website changes that you make on the page.

Step Three

Add a text box or hover over the edit button of a current text box that you want to the document to.

Screenshot 2015-10-21 15.47.27

Step Four

Once the Text Block Settings box has opened, move your cursor where you want to add the document (for example, highlighted by the green box)

Click on the ‘Add Media’ button (highlighted by the red box)

Screenshot 2015-10-21 15.48.49

Step Five

The Media Library will then pop up. If the document you want to add is already in the Media Library you can find it and click on it, then press the ‘Insert into page’.

If you need to upload the document from your computer, you can click the ‘Upload Files’ button.

Screenshot 2015-10-21 15.50.21

Step Six

You can then click the ‘Select Files’ button to bring up your computer files.

Screenshot 2015-10-21 15.50.39

Step Seven

Select the file you want to upload.

Screenshot 2015-10-21 15.50.45

Step Eight

Once your file has uploaded, click on it.

Screenshot 2015-10-21 15.51.12

Step Nine

You will then need to give your document a title, that will show up on the website page. For example ‘Download our Privacy Policy’.

Once you are happy with the name, click the blue ‘Insert into page’ button.

Screenshot 2015-10-21 15.51.43

Step Ten

This will take you back to the ‘Text Block Settings’ box, where you will be able to see the text for the document.

Click the ‘Save Changes’ button once you are happy.

Screenshot 2015-10-21 15.52.01

Step Eleven

Click on the exit ‘x’ button on the Text Block Settings box to return to the live view page.

Screenshot 2015-10-21 15.52.36

Step Twelve

You can now see the document that you have uploaded in the live view.

Screenshot 2015-10-21 15.52.48

Step Thirteen

Remember to press the light blue ‘Update’ button in the top right hand corner of the Frontend Editor.

Partner with the team that will never let you down

Get access to all our features and one-on-one support