How to embed Files.fm content: galleries, video, documents and audio

Want to show an event gallery, a training video or a product catalogue on your own website? Upload the content to Files.fm and use an embed code to display it where visitors need it. You manage the source files in Files.fm, while your website provides the surrounding text and design.

Embedding means displaying content inside your page. A normal sharing link takes visitors to a separate file page. Choose an embed when you want the gallery, player or document to appear alongside your own content.

1. Prepare the content and access

1. Sign in to Files.fm and upload the files. For a gallery or resource library, keep the intended content in a dedicated folder.
2. Check sharing settings. For a public website, make sure the intended audience can open the content without your account. Embedding does not remove passwords or access restrictions.
3. Open the folder or individual file and choose Embed content. Folder options and individual file options differ.

Full gallery embedding is available to Pro and Business customers. Some direct file links also require a subscription. Check the options offered in your account and the current plans.

2. Embed a photo gallery

Open the folder's embedding window, Embed this gallery, and choose a layout:

• Slideshow: present images one at a time; set the slide interval.
• Horizontal or vertical: create a visual portfolio or event photo collection.
• Grid: offer an overview of many items.
• List: make a resource collection easy to scan by file name.

Select the sorting field and direction, review the preview, and copy either the JavaScript or iframe code. Insert one version at the intended place on your website. The JavaScript version can adjust the gallery frame's size; an iframe has explicit dimensions that you may need to adjust.

For example, a photographer can add a gallery below an event recap and later add more photos to the same folder. On a new page load, the embed reads that folder's available content. Keep the folder and its sharing settings in place.

3. Display one image

Open a JPEG, PNG or GIF file and choose Embed content. The image section offers HTML for websites, BBCode for forums, a thumbnail URL and an image embedding URL. Copy the format your editor accepts. The generated HTML displays the image and links to its viewing page.

Use HTML for an image inside an article, BBCode for a compatible forum, or the image URL when your website editor asks for an image address. Add meaningful alternative text in your website editor.

4. Add video and audio

1. Upload the media file and open its viewing page.
2. Choose Embed content and copy an available player code. MP4 files offer a video-player option; MP3 audio can use the offered media-player code.
3. Paste the complete code into your website's HTML or code block, then test playback.

A training page can pair a video with written steps; a musician can place an MP3 recording beside a description. Player options depend on the file format. If a video has no suitable preview, prepare an MP4 version with the video converter. Plan for visitors to press Play: browsers may restrict automatic playback.

5. Embed documents and mixed file libraries

For a PDF catalogue or instruction sheet, open the file's embedding options and copy its iframe. This displays the file viewing page inside your website. Preview support depends on the format; test the actual document. For predictable document presentation, prepare a PDF version.

For several documents, ZIP archives, images and other resources, embed the whole folder using Grid or List. A conference website can then show presentations, recordings and downloadable materials in one place. Viewing, downloading and purchasing depend on the source content's settings.

6. Insert the code and check the result

In your website editor, use a block that accepts HTML or embed code. Paste the code as markup, save the page and open its visitor view. If the editor removes JavaScript, try the offered iframe version where allowed, or ask your website administrator to insert the code.

Check the page on desktop and phone, then in a private browser window. Confirm that images load, media plays, documents open and the intended download options work. If an iframe is too short, adjust its height. If access is denied, check the source folder's sharing settings.

You can also embed a file-sales gallery or collect files through a separate upload form. To start with content display, explore the gallery demo, then generate the code for your own files.