All Collections
Engage
Enrich your flipbooks
How to add videos and images to your Flipbook with Popup Media Gallery
How to add videos and images to your Flipbook with Popup Media Gallery

Give your visitors a media-rich, engaging Flipbook experience with Popup Media Gallery.

Updated over a week ago

The more engaging an experience you can give your visitors, the longer they remain engaged with your Flipbook. The Popup Media Gallery feature allows you to surface images and videos, in a CTA-activated modal, without having to directly embed it in-line in your Flipbook.

Popup Media Gallery gives you the power to surface single assets, or create curated asset galleries that include both images and videos, including from external sources—everything you need to create the rich experiences your Flipbook deserves!

🔰 Before we get started

This article assumes that you are familiar with the Enrichment Editor and have already created enrichments in your Flipbook. If not, no problem. We recommend, however, that you get warmed up with our guide on how to create enrichments in the Enrichment Editor, below:

📖 This article explains

Let’s get started!

How to insert a Popup Media Gallery enrichment into your Flipbook

  1. Start by highlighting an area, in your Flipbook, or inserting text, an image, or video that will serve as the CTA for your Popup Media Gallery.

  2. Once positioned correctly, from the Select an enrichment action dropdown menu on the right, select Popup Media Gallery.

Your Popup Media Gallery is now ready to be set up and customized. You can do this in two ways:

  • Selective: Choose and sort a list of media options, such as Media Library files, images/video URLs, YouTube and Vimeo, or

  • Folder: Select a Media Library folder and show all the images and videos in that folder, sorted by name.

We’ll show you both ways, but let’s start with the selective method first.

Create a Popup Media Gallery by individually selecting your media assets

⚠️ Please note that you can upload a maximum of 50 media files to a single Popup Media Gallery.

  1. Once you’ve selected the Enrichment action as Popup Media Gallery, select the Edit Media button underneath. This will open the Select Media Mode modal, like the one shown below:

  2. Select the Selective option.

  3. From the Edit media gallery modal, you can choose where you would like to add media from.

Configuring your Popup Media Gallery with individually selected images and videos

When custom–selecting videos and images for your Popup Media Gallery, you have 5 sources to choose from:

  • Media Library file

  • External MP4

  • External Image

  • YouTube

  • Vimeo

Adding a title to your media assets

Adding a title to your media files allows visitors browsing your Popup Media Gallery to have a better understanding of what each image, or video represents.

For example, if you have two photos of your product: one from the front, and one from the back, you might want to reflect this in the title for each image, giving your visitors a better understanding of what they’re looking at.

Adding a title can also help you organize the media files in your Popup Media Gallery: when you select a new file, it will be displayed with the file name, or file URL, depending on whether it is located in your Media Library, or an external location.

In order to give yourself a better overview of the media assets in your Popup Media Gallery, you might want to give each one a name that helps you identify it. Doing so is easy:

  1. Click on the pencil icon that is located on the right-hand side of each media asset.

  2. In the new Edit media library file modal that opens, you can give your file a name that’ll help you remember what it is.

💡 In the Edit media library file modal, you’ll also be able to see a preview of the file.

How to select and change the order in which your images and videos are shown in Popup Media Gallery

All media files you select, regardless of source, will be visible in the Media Items section.

If you’d like to show your media assets in a particular order, you can do so by dragging each asset into the order you want them to appear, like so:

💡 Always remember to save your changes, once you’re happy with the order.

How to delete files from a customized Popup Media Gallery

There might be times when you want to get rid of an image or video from your Popup Media Gallery. Doing so is easy:

  1. Click on the trash icon that is located on the right-hand side of each media asset.

⚠️ Keep in mind, once you click on the trash icon to remove a media asset, it will be removed from the Media Items list immediately. However, these changes only come into effect once you’ve saved your changes.

Create a Popup Media Gallery by selecting an asset folder from your Media Library

The other option available to you when creating a Popup Media Gallery is to use all the images and videos already uploaded to a folder in your Media Gallery.

  1. Once you’ve selected the Enrichment action as Popup Media Gallery, select the Edit Media button underneath. This will open the Select Media Mode modal, like the one shown below.

  2. Click on the Folder option. This will open your Media Library in a new modal, from where you can select the folder you wish to use.

  3. Click Select to upload all the available media files within your folder into your Popup Media Gallery.

⚠️ When using this method, iPaper will automatically sort your images and video files, and display them in alphanumeric order. If you’d like your images and videos to be shown in a particular order, remember to choose a naming convention that sorts them in your preferred order. For example:

Alphabetical

  • A - Fervenzi Sweater front

  • B - Fervenzi Sweat back

Numerical

  • 1 - Brommo 2 Man tent - black

  • 2 - Brommo 2 Man tent - green

Best practices and supported media file types

There are a few best practice rules to keep in mind when uploading media to your Popup Media Gallery, that will ensure you give your visitors the best possible browsing experience.

Please see our in-depth guide on how to optimize your media for Popup Media Gallery, as well as an overview of all supported media file types, in our guide, below:


Still have questions?

If you've still got questions about how to use the Popup Media Gallery, our Customer Care team is happy to help! Just reach out to us using the chat bubble in the corner. ✌️

Did this answer your question?