Working with Content Editor

Product: FlippingBook Publisher

FlippingBook Publisher Professional or Business 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 Content or Edit (depending on your version of FlippingBook Publisher).

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.

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

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!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?

First you need to import the document with which you plan to work into FlippingBook Publisher. Once your document has been imported, you can start adding links.

Select the page where your link will be located. There are three different methods for doing this:

  • Just click on the cover and flip through to the target page.
  • Type in the required page number in the «Pages» field in the publication’s header.
  • Click on the page thumbnail in the «Pages» tab on the right of your publication.

Then click the «Content editor» button in the upper panel of the program (if your version is not up-to-date, you will need to click on the Insert Media button) and choose the button "Link":

 

You can also select the page in the «Pages» tab on the right of the screen, right click on it and choose the «Edit Content» option:

The Content Editor window will open:

Now you need to choose a location on the page for your link. Note the green rectangle. It defines the area that will become a clickable link. You can move it around on the page and adjust its size. To do so, drag it with the mouse or use the controls in the «Link Settings» window. Place the rectangle over the word, phrase, sentence, or image you’d like to transform into a link.

The «Link Settings» window also allows you to set the link target and customize it. If you want to add an external link, click on the «URL» button. The field for the URL will appear.

If you wish to create a link to another page of the publication, please select the «Page» option and you will be able to choose the required page number.

Now you can customize the link. Options include highlight color and opacity for the specific link, and — in the case of URL — target the links opening location («Self» and «Parent» differ if iFrame is used to embed the publication).

If you want to add another link after you have finished working on the first one, click on the «Insert Link» button in the «Toolbox» on the left:

Once you have finished, you can close the Content Editor — and the changes will be automatically saved.

If you want to edit this link later, simply select the page in the «Pages» tab on the right of the screen, right click on it and choose the «Edit Content» option. Then adjust the settings in the «Link Settings» window of the Content Editor.

If you’d like to remove the link, select it in the Content Editor window and press the «Delete» key.

Note!

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 publication.

 

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 Content.

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 a 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 Settings” window in the left lower corner of Content Editor. You can change the dimensions of the image area there or replace the current image with another one.

When you embed a pop-up image in your publication, by default it looks like a transparent clickable area over an existing picture or some other element on the page. However, you can include an actual preview of a pop-up image you have added, by enabling the “Show Image Preview on Page” option. This is where you can find this option: 

Once you’ve finished working with a pop-up image, you can add another one by clicking the “Pop-up Image” option in Toolbox on the left.

The “Pages” tab on the right allows you to switch between pages in case you need to embed images throughout the whole publication.

Once you are ready, just 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 “Content editor” button.
  3. Click on the “GIF animation” button.

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 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?
drift chat