Learn how media management works in Booking Website Pro, including media libraries, file pickers, and image selection tools.
The Media Manager, Libraries, and Pickers contain all your site’s media, i.e., images, videos, audio, and files.
To access the Media Manager, click on CMS from the side panel, then select Media Manager. The Libraries and Pickers are accessed from widgets. For example, to access the Image Picker, add an image widget to your site (the Quick View should automatically come up) and select Full View.
The Media Manager, Libraries, and Pickers offer a similar layout and management options. The primary differences are the media categories available and the ease of managing the media.
All categories are available from the Media Manager, while only the media the widget supports is available in Libraries and Pickers (for example, when opening a library from a video widget, you will only be able to see videos).
Media is primarily managed from the Media Manager, but can also be managed from a Library or Picker by enabling the manage toggle.
To manage media from Libraries and Pickers, toggle on Manage Images, Manage Icons, Manage Videos, Manage Audio, and Manage Files (the verbiage is dependent on the library or picker you are currently viewing).
| Number | Setting name or Element | Description | Media Manager, Library, or Picker |
|---|---|---|---|
| 1 | Search for images | Search for media in uploaded media by file name. On the Images, Icons, and Videos tabs, you can also search for free media, and on the Images tab, you can search for premium images as well | All |
| 2 | Media type tabs (Images, Icons, Videos, Audio, and Files) | Navigate between the media types. | Media Manager |
| 3 | + Upload images (verbiage will be different on the different media type tabs) and Import Images (only on Images tab) | Options for uploading media. For more information on importing content, see Import Content to Media Manager. | All |
| 4 | Built-in categorization and sources |
|
All |
| 5 | + Add Folder | Click + Add Folder to add folders. For more information, see the section in this article, Folders. | All |
| 6 | All Alt Text | Click All Alt Text to access the alt text for all images. | All |
| 7 | Images | The Image Tab and Image Picker offers a filter that can be most helpful when searching free images. The filter options are Images, Textures, and Giphy. | Media Manager and Image Picker |
| 8 | View options for files |
Content can be viewed as thumbnails (this is the default view) or as a list. The list view offers a smaller thumbnail, the date it was uploaded or imported, and the size. To view content as a list, click the list icon at the top. |
All |
| 9 | Managing a single file or selecting it | Hover over a file and click Select to select it or the "x" to delete it. | All |
| 10 | Select multiple files (always available when managing; only available for certain widgets when selecting to add to site) | Select multiple files at once for managing purposes or for elements and widgets that allow for multiple files to be selected. | All |
| 11 | Most recently selected file's information | File information of the most recently selected file. This includes a thumbnail of the file as well as the name, size, and source (the file name is also a link). | All |
| 12 | Rename | Click Rename to rename the latest selected file. | All |
| 13 | Additional management options |
Additional management options, including:
|
All |
Folders are a great way to keep your content organized. Here are some key points about using folders:
- Universal Availability: Once created, a folder is available across all tabs, libraries, and pickers, regardless of where it was initially created.
- File Count Indicator: Each folder displays a number next to its name, indicating the total number of files it contains. This number remains consistent across all tabs, libraries, and pickers. However, when you open the folder, only the files relevant to the current media type will be shown. For example, if a folder contains an image and an icon, and you open it on the Videos tab, no files will appear since the folder doesn't contain any videos.
- File Visibility: After moving a file into a folder, it will no longer appear in the media type's main tab. You can access it through the folder or, if it was uploaded, by clicking on Uploaded.
- Deleting Folders: Deleting a folder will also delete all files contained within it.
Using folders effectively can greatly enhance your ability to manage and locate your media files.
The Media Manager combines all media types under one location. There are tabs at the top to navigate between the media categories (Images, Videos, Audios, Files). All media can also be easily managed here.
To access the Media Manager:
- In the side panel, click CMS, then click Media Manager.
Each type of media (Images, Icons, Videos, Audios, Files) has its own Library or Picker that will open depending on the widget’s supported format.
When selecting an image, icon, or video, the Quick Picker will be the first to appear. To view the picker or library, the Full View button can be selected.
The quick picker is a simple way to choose the desired image, icon, or video. You can select from your folders or from media that we have already pulled into the platform.
For most image and video widgets, when selecting an image or video to use on your site, by default, the Quick Picker will appear first. To view the picker or library, the Full View button can be selected.
We use infinite scrolling, so just scroll down to reveal more options in this window.
With the quick picker open, you can:
- Select the folder with the media you want to use.
- Click the + icon to upload your own media.
- Switch to the Full View to open the Picker or Library.
- (Images only) Select the type of image: Images, Textures, or Giphy
Individual media files can be deleted by hovering over the desired file and then clicking the "x".
For all other management options, toggle the Manage setting on. For more managing options, see the section in this article, Navigating and Managing Media: Media Manager, Libraries, and Pickers.
To access a file's link:
- In the side panel, click CMS
- Click Media Manager.
- Navigate to the tab where the file is located (Images, Icons, Videos, Audio, or Files).
- Click on the desired file.
- In the side panel with the file's thumbnail and information, click the file's name.
- The file should open in a new tab (depending on your browser's settings).