• Working with Content Editor

FlippingBook Publisher lets you create fully-featured rich-media publications with video, links and pop-up images. Links can be added when importing a PDF or edited directly in FlippingBook Publisher when working on the publication.

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 in the software that you created the PDF in for that.

Below you can find the instructions about how you can add the interactive elements to your publication. 

How to embed a video into a publication?

To embed a video, first upload it to YouTube, Vimeo or Wistia services.

Import a document into FlippingBook Publisher.

Choose a page in the Page Browser and right click on it. In the dropdown menu, choose Edit.

In the Content Editor window, click Insert Video.

When the window appears, you'll have the option to paste a YouTube or Vimeo link or embed code.

To copy this Video URL, open your video in Youtube or Vimeo and copy the URL of the video from the address bar of your browser.

If you have an account with Wistia, just open your video project there, open the video and copy the URL of your video from the address bar of your browser at the top of the web page:

For every video you can set the following properties individually:

  • Aspect Ratio defines the relation between the width and the height of your thumbnail. 16:9 and 4:3 are fixed formats. This means that if you increase the width then the height is also increased correspondingly. If you select Custom, then you can set the size anyway you like.
  • Autostart means that the video will automatically start playing when your users click on the video link. When you deselect this, then your users will have to manually press the play button in the pop-up player to start playing the video.
  • The Preview Image (appears for the Pop-up window Display Mode only) will show the Youtube/Vimeo thumbnail of your video in your publication if you set this to Thumbnail. If you set it to None then the area will be completely transparent apart from the ‘Play’ button. This is useful if your publication already contains a suitable image that you want to link to the video.
  • The Video Display Mode which will allow you to indicate how you want your video to open in your publication. Actually there are 2 varians for that:
  1. Auto which give you an opportunity to play the video directly in your publication;
  2. Pop-up window which will open your video in a pop-up window.

Note:Before embedding your video, make sure it is uploaded to YouTube, Vimeo or Wistia.

Note: The display mode Auto will not work directly in your publication in some of the cases.

Here they are:

  • if you open your publication on the smartphones that run iOS mobile operating system;
  • if you open your publication in Safari on desktop;
  • if you video is located in the middle of a wide page;
  • if the height of your video is less than 144 pixels. Also this size can change if you resize the window of your browser.

Once you have finished placing and setting your video, you can simply close the Content Editor and FlippingBook Publisher will save the changes automatically.

How to create and edit links?

Import a document into FlippingBook Publisher.

Choose a page in the Page Browser and right click on it. In the dropdown menu, choose Edit.

Click the Insert Link button.

When the window appears, you can specify the link target. This can be a page in the same publication or any valid URL.

In the page preview window, you'll see a green rectangle, which defines the area of the link. Try moving it on the page and adjusting its size (you can do this by dragging the link or by using the settings in the column on the left). Put the rectangle on a word, word combination, sentence, or image you'd like to transform into a link.

By enabling the Use Custom Link Settings option, you can manually customize the link's look.

If you later want to edit a link, simply open the page containing the link, click on it, and edit the parameters in the column on the left.

 

How to embed and edit pop-up images?

Import a document into FlippingBook Publisher.

Choose a page in the Page Browser and right click on it. In the dropdown menu, choose Edit.

In the Content Editor window, click Pop-up Image.

Select an image from a folder on your computer and click Open. Now you can work with the chosen image.

A red rectangle shows the clickable area that will trigger your pop-up image to appear.

You can adjust your image area size by pulling its corners with your mouse.

There is a Pop-up Image Properties window in the left lower corner of Content Editor. You can change the dimensions of the image area or replace the current image with another one there.

By default, an embedded pop-up image looks like a transparent clickable area over an existing picture or another element on the page. You can include an actual preview of a pop-up image by enabling the Show Image Preview on Page option. 

Once you are ready, close the Content Editor. All the changes will be applied automatically.

 

How to embed an animated GIF into my publication?

Starting with FlippingBook Publisher 2.9.30 and later, Business edition allows you to embed GIF-files the same way as videos and pop-up messages.

This feature can make your publication 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.

To use this feature, please, follow the steps below:

  1. Import a document into FlippingBook Publisher Business.
  2. Go to the upper program toolbar and click on the “Insert Media” button.
  3. Select the “Insert GIF animation” option.

A purple rectangle shows a clickable area that will trigger your pop-up image to appear. 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 Properties” window in the left lower corner of Content Editor. You can change the dimensions of the animation area there or replace the current gif-file with another one.

Also, you can specify the following settings for the GIF-file in your publication:

  1. Autostart - enable/disable autostart of your GIF-animation when the page is opened.
  2. Loop Animation - enables you to view your GIF-animation in a continuously looping animation.

Once you are ready, close the Content Editor. All the changes will be applied automatically.

Was this article helpful?