How to add videos, links, and images to my flipbook?

Product: FlippingBook Online

Note! ⚠️This article explains the basics of adding content. If you are looking for more in-depth info, jump directly to our specialized articles about links, videos, images, galleries, and GIFs.

 

With the Editor, you can enhance your flipbook by adding links, videos, and images. This way, you can set your flipbook truly apart from a printed version! Links can guide your readers to your website where they can buy your product. Images can better showcase your articles. Videos can show how something is done much more easily than text. Use GIFs to add animated text, charts, or highlights.
The Editor feature is available in FlippingBook Online Optimal or higher.

 

To open your flipbook in the Editor mode, do the following:

  1. Go to the Flipbooks tab in your account.
  2. Hover over the flipbook where you want to add a video, a link, or an image.
  3. Click the button with more options and choose Editor (video, links, etc.):

This opens the Editor mode for your flipbook:

 

How to add videos to my flipbook?

To embed a video, you will need to copy the link from the video platform and paste it into the Editor. At the moment, it is only possible to embed videos hosted on YouTube, Vimeo, or Wistia.

Note! ⚠️It is not possible to upload videos directly to FlippingBook.

 

Once you have copied the video link, follow the steps below to embed the video into the flipbook:

  1. Open your flipbook in the Editor mode.
  2. Go to the page where you want to add the video. You can use the paginator at the bottom to quickly jump to a specific page.
  3. Press the Video button in the menu pane on the left-hand side.
  4. This will open a popup dialog. Copy/paste your video link from YouTube, Vimeo, or Wistia here.
  5. If needed, you can adjust the size and position by clicking on one of the edges and dragging it to the desired size.

You can change several settings in the panel on the right-hand side. For all the details refer to our article videos in-depth. But the most important one is the Playback mode.

The Playback Mode determines how your video is opened in a flipbook. Two options are available: Inline and Popup.

  • Inline embeds the video directly into the flipbook page so that it looks like a part of your page. A great option if you have enough space available so that users can see the video without zooming.
  • Pop-up will add a thumbnail to the page. When the reader clicks on the thumbnail, this opens a pop-up window where your video is played. Your flipbook will fade to the background. When the reader closes the popup, they will return to the flipbook.

Want to explore all the details about videos? Visit our article Video in-depth.

How do I create and edit links using the Editor?

After you create a flipbook, you can add new links or edit the ones that we extracted automatically for you. All web addresses, emails, and phone numbers found in your PDF are automatically converted into links.

You can add two types of links to your flipbook:

  • Web address - when a reader clicks on the link, we open the webpage with the URL that you specified. It is also possible to enter an email address or phone number.
  • Page - go to another page in your current flipbook. This way your readers can quickly find the content they need. 

To add a link, follow these steps:

  1. Open your flipbook in the Editor mode.
  2. Go to the page where you want to add the link.
  3. Press the Link button in the menu pane on the left-hand side.
  4. Choose the link type (Web address / Page) and paste the URL or type the page number:

  5. The link area is highlighted by a green rectangle. To adjust it, click on the link and hold down the mouse button to move the element to the desired position. Resize the link by clicking on one of its edges and dragging it to the desired size.

To edit an existing link, go to the Editor mode and click on your link. Once selected, the right-hand menu pane will appear. You will be able to edit it from there.

For all the ins and outs of links, visit our article Links in-depth.

 

How do I add images using the Editor?

You can add two different kinds of images to your Flipbooks:

  • Inline images are non-clickable parts of the page. You place an image in an empty spot or on top of your content. You could also add a link on top of it. So when your readers click on the image, they will be directed to the page or website you had set up. Learn more about working with overlapping elements

  • Pop-up image - adds a clickable version of the image that opens in the pop-up window every time you click on it. Pop-up images are great to show a high-quality picture of your item or display it from a different angle.

To add an image to your flipbook follow these steps:

  1. Open your flipbook in the Editor mode.
  2. Go to the page where you want to add the Image.
  3. Click on Inline Image or Pop-up Image in the menu pane on the left-hand side.



  4. You can now add an image from your device, but it is also possible to add an image from the internet.
    • To add a local image, drag and drop it onto the marked area or click on browse and select it from your device.
    • To use an image from the internet, you can use Insert link to image, paste the URL to the image, and press Confirm. We will make a copy of that image and insert it into your flipbook. Your flipbook will not be affected if the online version changes or is deleted.


  5. To adjust the image, click on the link and hold down the mouse button to move the element to the desired position. Resize the image by clicking on one of its edges and dragging it to the desired size.
  6. When done, press Finish to save your work. 

You can find more detailed info in our Images in-depth article.

 

How to add multiple images in a gallery?

Instead of adding a single pop-up image, you can also add multiple images in a single pop-up. We call this an Image gallery. This gives you even more options to showcase your products. Also, your publication won't be cluttered by so many pop-up images.

To create an Image gallery:

  1. Open your flipbook in the Editor mode.
  2. Click on Image gallery in the menu on the left-hand side.
  3. Drag and drop the images onto the marked area or click on Choose images and select them from there.
  4. Your images will be uploaded to FlippingBook, indicated by a white tick. Keep adding images until all images for your gallery have been added.
  5. Drag your images to a new position to change the order.
  6. When you're happy with the result, press the Create button to add the element (don't worry, you can always add, move, or delete images later).
  7. Your gallery is added to the page. Move it to the desired position on the page and press Finish to save your changes.

Our article Image Gallery in-depth shows all the ins and outs.

 

How to work with animated GIFs using the editor?

Important! ⚠️Adding GIFs is possible with the Advanced, Team, or Enterprise plan.

While widely known for their meme-potential, animated GIFs have a great business potential as well. GIFs can be used as alternatives for short videos, without the need for a video player.

But you can also use them for:

  • animated infographics
  • 360-degree images of your products
  • visual explanations in training documents
  • animated icons or borders to attract attention to e.g. new products or important content.

If you don't have any suitable GIFs yet, head over to our article How to make your own GIFs for some tips and inspiration!

To add a GIF to your flipbook follow these steps:

  1. Open your flipbook in the Editor mode;
  2. Go to the page where you want to add the GIF;
  3. In the menu on the left-hand side of the Editor, click on Animated GIF.

    You can now add a GIF -file from your device or the internet.
    • To add a GIF from your local device, drag and drop it onto the marked area or click on browse and select it from your device.
    • If you want to use a GIF from the internet, then you can use Insert Link to GIF, paste the URL to the GIF, and press Confirm. We will make a copy of the GIF and insert it into your flipbook. This means that the version in your flipbook will not be affected even if the online version changes.
  4. Adjust the size and position of your GIF (indicated by a purple rectangle) as required. Click on the GIF and keep the mouse pressed to drag it to the desired position. Resize the GIF by clicking on one of the edges and drag to the desired size.
  5. When done, press Finish to save your work. 

 
 

How can I manage the icons of my videos, pop-up images, and GIFs?

If you add videos, pop-up images, or GIFs, we add an icon so your readers understand that they can interact with it. You can control the size, position, and behavior of these icons and even hide them completely. You can even change the settings for all icons of a specific type in bulk.
Our article How to prevent icons from interfering with your content? explains all the options in detail.

 

Note! 💡Want us to show you how the Editor works? Book a meeting with one of our specialists.

Related articles

Was this article helpful?
;
drift chat