Using the Media Gallery

BentoBox sites all include a Media Gallery, which can be used for uploading images and PDFs for use on your site. Once an image is uploaded to the Media Gallery, it is available to use in galleries or anywhere you want to add an image using the WYSIWYG text editor.

Uploading images to the Media Gallery

Follow the steps below to upload images directly to the Media Gallery. Keep in mind that you can also upload images elsewhere on the site, when editing galleries or hero sections, or when uploading an image using the WYSIWYG text editor. Any time you upload an image to BentoBox in any of those sections, it will automatically be added to the Media Gallery.

  1. Log in to the backend and click on Media Gallery in the left hand sidebar, then click on “Images” from the list that appears.
    media-gallery-sidebar-copy.png

  2. You will land on the images section of the Media Gallery, where you will see thumbnails of images that are already uploaded. Click the “ACTIONS” dropdown and choose “Upload Images.” media-gallery-dropdown-copy.png

  3. Use the upload dialog that appears to add new images from your desktop. You can also link a Dropbox, Facebook, Google Drive, or Instagram account to upload images stored on those services, or use a URL to add new images. File-upload.png

  4. Once you’ve selected your images, click the red “Upload” button. You’ll see a green check mark confirming that the upload was successful.  

  5. When you land back in the images section of the Media Gallery, you’ll see the images among the thumbnails. Now you’ll be able to utilize the image in galleries or wherever you might add an image using the WYSIWYG text editor.

Editing images in the Media Gallery

Follow the steps below to edit images that are already uploaded to the Media Gallery. 

  1. Log in to the backend and click on Media Gallery in the left hand sidebar, then click on “Images” from the list that appears.
    media-gallery-sidebar-copy.png

  2. You will land on the images section of the Media Gallery, where you will see thumbnails of images that are already uploaded. Media-gallery-thumbnails.png

  3. Click on the image you’d like to edit and you’ll be taken to the Media File page, where you’ll see the image viewer on the left and the image details to the right. Media-file.png
    • Name: enter a name for the image in this field. This is optional and for your own reference. Visitors will not see this name when you use the picture on your site.
    • Link: copy the URL in this field if you need a direct link to your image. This is good for sharing on social media or elsewhere on the web.
    • Alt Text: this text will appear if a user hovers over the image on your site. This is optional and only appears in some instances (for example, when an image is uploaded using the WYSIWYG text editor).
    • Delete: click this button to delete an image. Note that this cannot be undone and will remove it from any pages and gallery where it currently appears, so delete at your own risk.

  4. Click the “Save & Close” button to save any changes and return to the images section of the Media Gallery.

Uploading files to the Media Gallery

Follow the steps below to upload files other than images to the Media Gallery. This is most often used for PDFs of menus, flyers, and other marketing or promotional materials, but can also be used for video, audio, and other file types.  

  1. Log in to the backend and click on Media Gallery in the left hand sidebar, then click on “Files” from the list that appears.
    media-gallery-images-copy.png

  2. You will land on the images section of the Media Gallery, where you will see thumbnails of images that are already uploaded. Click the “ACTIONS” dropdown and choose “Upload Files.” file-dropdown-copy.png

  3. Use the upload dialog that appears to add new images from your desktop. You can also link a Dropbox or Google Drive account to upload files stored on those services, or use a URL to add files. File-upload.png

  4. Once you’ve selected your files, click the red “Upload” button. You’ll see a green check mark confirming that the upload was successful.  

  5. When you land back in the images section of the Media Gallery, you’ll see the files among the thumbnails. Now you can click the “Copy URL” button to copy a link to the file, or utilize the file elsewhere on the site.
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.