Page Editing
Learn how to edit the content of your website pages.
Adding Images to a Page
To get started:
Uploading Your Image
When you upload an image to a page in Oncord, the image is stored in the attached media folder for that particular page. Images uploaded on one page won't appear in another pages attached media folder.
Resizing and Positioning Images
After placing an image on the page, you can resize it and choose how it interacts with elements around it.
Click the image to display a sizing tab in the bottom right-hand corner, and positioning handles on the bottom and the right-hand sides.
Adding Icons to a page
To add a generic image from an image library click the insert option from the toolbar on the left-hand side of the page.
Select the icon element in the insert toolbar and drag it onto the page where you want the icon to sit. A new window will open up where you can adjust the size of the icon and search for the icon you need from the icon library.
Adding Videos To A Page
To get started, log in to the website dashboard and select the Pages option, which appears under the website heading in the left sidebar. Click the "New Page" button on the top of the page and configure a new page, or select a existing page from the list of pages.
Embed or Upload?
There are two ways of adding a video to your website: uploading or embedding.
Uploading The Video
Note: when you upload a video to a page in Oncord, the video is stored in the attached media folder for that particular page. Videos uploaded on one page won't appear in other pages attached media folder.
From the "Attached Media" folder drag the video to the place you want it to display on the page.
Embedding a YouTube Video
To embed a YouTube Video, click the insert button on the left hand side of the page. Drag the YouTube box to the place on the page where you want the video to display.
Embedding a Vimeo Video
Vimeo has a feature for generating a video embed code. 'Embed code' is a small snippet of code that can be pasted onto your site to link to interactive content from an external site.
Firstly go to vimeo.com and search for the video you want featured on your page. Once you have found the
video, hover over the video and click the share button.
A popup window will appear, copy the embed code from that popup window.
To embed a the Vimeo video:
Resizing and Positioning Videos
After placing an image on the page, you can resize it and choose how it interacts with elements around it.
Click the image to display a sizing tab in the bottom right hand corner, and positioning handles on the bottom and the right hand sides.
Adding A Google Map To A Page
To get started:
Embedding the map
Select the insert button on the left hand side. Then drag the "Map" box onto the section of the page where you want the map to display.
Defining the map
A menu will open on the left hand side allowing you to adjust the size of the map, the centring, and any markers you wish to add.
Creating Links
This article will offer a complete tutorial on how to link page elements like text and images to other pages on your website, as well as external addresses and downloadable files. This article also explains how "link targeting" works, allowing you to open links in new browser windows.
To get started:
Clicking the link icon will show additional options on the left-hand side of the screen.
The following options are available in this toolbar:
Page on your Website
To create a hyperlink to a page on your website, select this option and then select the page you would like to link to from the library of
pages.
Link to: External URL
If you would like to create a hyperlink to an external website, select this option and then type the web address you would like to link to in the first field.
Link to: E-Mail Address
If you would like to create a hyperlink to open an email account and pre-fill an email with specific email details, select this option and then type the details into the E-Mail Address, Subject, and Body fields.
Link to: Heading on this page
If you would like the link to scroll to a particular heading on the page, select this option and choose a heading from the "Scroll to heading" dropdown box.
Link to: File / PDF
If you would like to create a link to a file or PDF, select this option and then upload the file you would like to link to.
Modify or Remove an Existing Hyperlink
To modifying an existing link, select the hyperlinked text or image, open the link tool and alter the hyperlink details.
If you would like to remove a hyperlink select the "Remove Link" option at the bottom of the link toolbar.
Checking your Hyperlinks
After creating or editing hyperlinks, you can check that all hyperlinks on the website are working correctly. To check your website links:
If you still have questions, please message us at www.oncord.com/company/contact-us/ and we will get back to you as soon as we can.