How To Upload Images and Use the Media Storage Tab

Your Media Storage allows you to store image files for use across BILT. You can upload images from your own devices, add images from Pixabay and Unsplash (free image providers), and organize/categorize them into folders. By saving images in your Media Storage, it allows you to regularly access and utilize the same images or logos repeatedly without having to re-upload them.

Key Features

The new editor we've introduced empowers users to customize templates with ease:

• Complete UI Overhaul: Media Library has transformed into Media Storage with a sleek, modern interface.

• Easy Navigation: Access Media Storage directly from the left sidebar with a single click.

• Faster Performance: Enjoy quick access and usage with enhanced speed.

• View Options: Choose between grid and list views for better media organization.

• Enhanced Drag and Drop: Effortlessly upload files with improved drag-and-drop functionality.

• Advanced Sorting: Sort your media by file size, name, size, and modified date.

• Quick Access Menus: Right-click dropdown menus and hover-click functionality for swift file actions.

• Seamless Integration: A unified user interface across all BILT products.

• Compact Modal Interface: A new, non-intrusive modal for a more pleasant experience.

Step-by-Step Guide to Using Media Storage

Step 1: Accessing Media Storage

Navigate to Media Storage:

• Click on Media Storage from the left sidebar.

Step 2: Navigating Media Storage

Within Media Storage, you can sort through files and folders. You can upload media and create folders using the buttons in the top right corner. You can search at the top for media you’ve uploaded, and add images from Unsplash or Pixabay (free image providers).

Step 3: Uploading Files

Upload Files:

• Drag and drop your files directly into Media Storage.

Step 4: Organizing Media

Organize Your Media:

• Use the new sorting options to arrange your media files efficiently.

• Choose between grid and list views for optimal organization.

Step 5: Quick Actions

Quick Actions:

• Right-click on any media file to access a dropdown menu with various options.

• Hover and click for quick actions like renaming, deleting, or moving files.

Using Images in Different Builders

Step 6: Using Images in the Funnel or Website Builder

1. Navigate to Funnels or Websites.

1. Choose a Funnel and Edit a Funnel Step (or Websites and choose a page).

1. Add an Image element to the funnel page using the drag-and-drop features.

1. Click on the “Image” Icon.

1. Choose or Upload an Image from your Media Storage.

1. Save your changes to the Funnel/Website page.

Note: To get the URL the image is hosted at, use the Get Link button in the image options in Media Storage, or add the image to your funnel. Select the image, and copy the URL under Image in the Element Settings.

Step 7: Using Images in the Email Builder

1. Navigate to the Email Builder.

1. Choose the email template you wish to edit.

2. Add an Image element using the drag-and-drop features.

3. Using the menu on the left-hand side, you can add or replace an image and access Media Storage.

1. Choose your image.

2. Save any changes to your email template.

An image added to Media Storage from one part of BILT will be usable system-wide. This means if you add a new image to a funnel page, and you wish to use it later in the email builder, you can do so.

Pro Tip: We recommend naming your images and using folders when possible to stay organized and make searching for images easier. If you want to search for an image at a later time it will be easier to find “Lighthouse”, “Crows”, or “Radio” rather than “img123.jpg” as a title.) You can also use folders, so that if you have several images and you don’t want to rename them individually, consider putting all the “Animals” in one folder, “Nature scenes” in another, etc.

Step 8: Using Images in the Social Planner

1. Navigate to the Social Planner.

2. Create or edit a post.

1. Add an image or a video using the image/video icon.

1. Choose your image.

Media Storage Specs & Formats

• Settings > Media

• Allowed File Types:

File TypeTypeExtensionImagePNGpngJPEG.jpg, .jpeg, .jfif, .pjpeg, .pjpTIFF/X-TIFF.tif, .tiffWEBP.webpSVG.svgICON.ico, .curGIF.gifDocumentspdf.pdfWord Doc.doc, .docx,Excel.xls, xlsx, .xlsmppt.ppt, .pptx. .pptmtext.rtf, .txtVideoavi.aviQuickTime.qt, .qtc, .mov, .moov, .moovMP4 video.mp4    MPEG video      .mpgOgg video.ogvwindows media video.wmv, .asfWebM video.webm      Audioaif.aif, .aiff, .aifcmidi.midi, .midWindows Audio.wavOgg.ogaWebM audio.weba

• Maximum file size allowed:

• - Videos - 4GB

• - Documents - 100MB

• - Audio - 100MB

• - Images - 100MB

• Funnels

• Allowed File Types:

TypeExtensionPNGpngJPEG.jpg, .jpeg, .jfif, .pjpeg, .pjpTIFF/X-TIFF.tif, .tiffWEBP.webpSVG.svgICON.ico, .curGIF.gif

• Maximum file size allowed:

• - Videos - 4GB

• - Documents - 100MB

• - Audio - 100MB

• - Images - 100MB

• Social Planner

• Allowed File Types:

File TypeTypeExtensionImagePNGpngJPEG.jpg, .jpeg, .jfif, .pjpeg, .pjpGIF.gifVideoavi.aviQuickTime.qt, .qtc, .mov, .moov, .moovMP4 video.mp4Ogg video.ogvwindows media video.wmv, .asfWebM video.webm

• Maximum file size allowed:

• - Videos - 1GB

• - Images - 10MB

• Other File Upload Options

• Membership course videos

• 4 GB - avi, QuickTime, MP4 video, Ogg video, windows media video, WebM video

• Membership course files

• 50 MB - All file types allowed

• File upload custom field

• 50 MB - All file types allowed

Real-World Examples

• Example 1: Organizing Product Images: Suppose you manage an online store and have numerous product images. Use the grid view to get a visual overview and sort images by name or date to quickly find and update them.

• Example 2: Quick Access for Marketing Materials: For marketing teams, the right-click menu allows swift access to frequently used files, enabling you to rename, move, or share media with minimal clicks, enhancing productivity.

Summary of Key Points

• Enhanced UI and Navigation: Media Storage offers a modern, user-friendly interface with easy access from the sidebar.

• Improved Upload and Organization: Drag-and-drop functionality and advanced sorting options simplify file management.

• Quick Actions and Integration: Right-click menus and seamless integration with other BILT products ensure a consistent and efficient user experience.