You create rich-media publications with video, links, pop-up images, and inline images with both the Professional and Business editions of FlippingBook Publisher. Here we give a general overview of the interactive elements and links to dedicated articles about them.
Note! The content editor can NOT be used for making changes to the PDF itself. If you want to make changes inside your PDF, you will need to use the software that you created the PDF in for that.
Before you start adding interactive elements to your flipbook, let's see how to open Content Editor first:
Import a PDF or open an existing project > go to Pages tab > select a page where you want to add an element > right-click and choose Edit Content... or click on Content Editor button in the menu above:
Once you have Content Editor open, you can add the following interactive elements:
- How to embed a video?
- How to create and edit links?
- How to embed pop-up images?
- How to embed inline images?
- How to embed animated GIFs?
How to embed a video into a publication?
To embed a video, first upload it to YouTube, Vimeo, or Wistia.
In the Content Editor window, click Video.
When the window appears, you'll have the option to place the video’s blue rectangle, paste the YouTube, Vimeo, or Wistia link in the Video URL field, and configure settings.
For more details on how to configure the video’s settings see this article, please. Once you have finished placing and setting your video, you can simply close Content Editor and FlippingBook Publisher will save the changes automatically.
How to create and edit links?
To create links, open Content Editor and click Link. You can now specify what happens if your reader clicks on the link. You can either open a URL on the web or another Page in your flipbook.
A green rectangle indicates the clickable area for your link. You can move and resize it to your liking. Once you are done, just close the Content Editor. All the changes will be applied automatically. Please refer to our article about link settings to learn more about the finer points of editing links.
If you have created links in your original PDF prior to importing it to FlippingBook Publisher, do not worry — all the links will be extracted and made clickable inside the flipbook.
How to embed pop-up images?
In the Content Editor window, click Pop-up Image:
Select an image from a folder on your computer and click Open. The image is now added to your page. When your readers click on it, it will open the selected image in a pop-up. You can move the image around and resize it.
Once you are ready, just close the Content Editor. All the changes will be applied automatically. This article describes pop-up image settings in more detail.
How to embed inline images?
Compared to pop-up images, inline images are static images: when you click on them nothing happens. They will not be highlighted when a viewer clicks on them. It is just a convenient method to add an image in a publication directly instead of adding it to a source PDF first. Also, it may be useful when you want to update an existing image from the PDF by covering it with an inline image.
In Content Editor window, click Inline Image:
That opens the Pick Files window. Select an image file that you want to insert and click Open. An image with a turquoise border will appear on the page, representing where the image will be displayed on the page. Its position can be changed by dragging it across the screen, and the size can be changed by clicking on any of the corners and then dragging the mouse.
If you change the Aspect Ratio of the image and then drag one of its corners, the original image will be adjusted accordingly so that the result wouldn't look distorted. You can then close Content Editor - the changes will be applied automatically. You can also read about inline images in FlippingBook Publisher Product Guide.
How to embed animated GIFs?
In FlippingBook Publisher Business edition you can also embed GIF-files. The benefit of GIFs is that they can be animated. This feature can make your flipbook more attractive for your readers and it opens doors for a lot of possibilities: animated product images, gifs in training documents, and more visual storytelling in general. If you don't have any GIFs yet, head over to our article on How to make your own GIFs.
To embed a GIF into your flipbook follow the steps below:
In the Content Editor click GIF Animation:
A purple rectangle shows a clickable area where your gif animation appears. You will be able to adjust your image area size by pulling its corners with your mouse.
Just like for pop-up images, there is a GIF-animation Settings window. Here you can change the dimensions of the animation area or replace the current gif-file with another one.
Also, you can specify the following settings for the GIF-file in your publication:
- Autostart - enables/disables autostart of your GIF-animation when the page is opened. Please note that on mobile devices, Autostart will not work if your GIF is more than 1MB in size. Readers will have to tap on the GIF to play it. This is by design: mobile users often have a slower connection (making pages with GIFs very slow to load) and/or limited data bundles (so even if they have a fast connection, their data bundle may be depleted quickly by a couple of 40MB GIFs).
- Loop Animation - allows you to view your GIF-animation continuously looping.
Once you are ready, close the Content Editor. All the changes will be applied automatically. You can also read about GIFs in FlippingBook Publisher Product Guide.