Nowadays, a website feels incomplete if the content doesn't include images, videos or other types of multimedia items. Navigate CMS helps you embedding all kinds of media in your contents by drag'n'drop. The first thing you need to know is:
All media files embedded in a website must be previously uploaded to Navigate CMS.
To upload files you can use the Files function or use the shortcuts we'll show you in a second.
When a function allows adding images or other elements you will see a Media button in the Actions bar.
Clicking on it brings to life a floating window.
If you are in the beginnings of a website probably you'll find no elements in the window. To upload new files you have three ways:
≈ Enter Files function to organize folders, files and more.
≈ Click on the Upload file button on the Media browser
≈ Drag'n'drop a file from your computer on the Media browser window
We love the drag'n'drop feature, but not all internet browsers support that operation right now.
Once you see the thumbnail of the file in the window you can drag'n'drop it to the active content editor. Navigate CMS will generate the appropiate code to embed the file in the content, no matter if it is an image, a download, a flash movie, a video... That code will be placed to the last known cursor position. We recommend moving the cursor to the exact position you want the media element to be embedded before starting the operation.
Finding a file
By default, the Media browser displays the latest images uploaded in the website. To change the file type to display, you can click on the toolbar and switch between Images, Audio, Videos, Flash movies and Documents. If you click on the last button (folder icon) the file type filter is disabled to use a hierarchical view of all files and folders available for the website. Like a folder in your computer, double click on it to enter and display its contents. When you are navigating a folder the first element is a shortcut to go to the previous level.
If you know part of the filename you are looking for you can use the mini search filter located on the right. The search filter also takes the active file type filter information.
Adding external resources using tinyMCE's multimedia buttons
The integrated content editor in Navigate CMS is called tinyMCE. The editor by itself has mechanisms to embed images and videos/audios from an external source (not uploaded to your website).
Please, make sure you have the right to embed an external resource to a website. Usually hotlinking is a forbidden practice so ask for permission before you do something that may be illegal.
Let us explain the feature with two examples: an image and a Youtube video.
Add an external image with tinyMCE
1 Place the cursor to the position you want the image embedded.
2 Click on the Insert/Edit Image button
3 A dialog will open. Enter the URL of the external resource in the Image URL field.
4 Click on Insert and your image will be added to the content.
Add a Youtube video with tinyMCE
1 Place the cursor to the position you want the video embedded.
2 Click on the Insert/Edit Embedded Media button.
3 A dialog will appear. We need to do something before. Leave it open by now.
4 Open a new browser tab/window and load the desired Youtube video.
5 Below the video, click on the Share button and then the Embed button. Copy the generated source code ( <iframe... ).
6 Now return to Navigate CMS and click on the Source tab of the dialog.
7 Paste the copied source code and click on Insert.
8 You won't see the video in the editor, only a placeholder. Once you Save and check out your page in your website, the video will load.