How to brand my flipbooks?

Having your content well branded makes it easier for people to be familiar with your company. And that is precisely what brand awareness is all about. Our Branding options give you the tools to adjust your flipbooks to your company image:

  • Apply a Skin and give your flipbook a custom look to suit your brand identity.
  • Utilize a CTA button to make it easier for your audience to reach out to you.
  • Customize the Background image.
  • Apply your Logo to the flipbook.
  • Use the Color Palette to customize the colors of the background and user interface.
  • Use your Favicon and ensure the consistency of your brand identity.

The people will immediately know that they are in the right place!

See the difference between a standard flipbook and a branded flipbook:

Even better, you can save your branding settings as default for future or existing flipbooks!

Skins and Call-to-action are available in all our plans. The premium branding features set are Logo, Favicon, Background Image, and Color Palette. These premium features are available for you to explore within the Customize option. However, to apply those features to your flipbook, you will need to have Optimal or higher plan.

Branding

Lite/Starter

 

Optimal/higher plans

+50 ready skins Available Available
Call-to-action button Available Available
Your company logo 👑   Available
Your background image 👑   Available
Your favicon 👑   Available
Color palette 👑   Available

 

To start branding your flipbook, go to the list of your flipbooks, hover over the flipbook you'd like to brand, and click the Customize option.

 

How to add a Skin to my flipbook?

The appearance of your flipbook greatly depends on what we call the Skin. A skin combines a background image and menu colors. It allows you to fit your brand identity into the publication.

You can change the skin as follows:

  1. Once inside the Customize option of your flipbook, click the Skin section on the left.
  2. Select any of the +50 skins that show up. Pick the one that best suits your content and click OK to apply.
  3. Click Finish at the top of the page to save the changes.
 

How to add a Call-to-action button to my flipbook?

Did you know that you can add a Call-to-action button to your flipbooks? The element will be visible to all visitors who read your publication on a Desktop computer. Since it is part of the interface, it will always be visible no matter what page your reader looks at.

To enable the CTA button:

  1. Click on the Branding section to expand it and enable the Call-to-action button.
  2. Change the details to your preference and hit OK. Press the Finish to save your changes.

For more detailed info, check our article about how to add a CTA button to your flipbook.

 

How to change colors for navigation elements of a flipbook?

As Skin, the Color Palette feature allows you to change the appearance of your flipbook. You can select the color for Panels, Background, and Link Highlights for your flipbook. You can combine both features and make them work together to fit your flipbook to your brand. This feature is available with Optimal or higher plans.

Kindly check our Color Settings article for more in-depth info.

 

How to change my Background image? 

Inside the Branding Options and also part of the premium features available with Optimal or higher plans, you will also find the Background Image feature. With it, you can override the default background of the Skin you chose with your custom image. Make the features work together and enhance your publication!

To change or remove the Background Image, follow the steps below:

  1. Inside the Branding section, click on the button next to Background Image:
  2. Filling From: Pins the selected area so is always shown on the screen. The visible area depends on the screen size of the viewer.
  3. Once you have set your own background image, you will find some options to adjust it:
    • Image Placement:
      • Tile: Displays the image in tile, covering all the screen
      • Fill: Resizes the image to fit the size of the screen
      • Fit: Keeps original width and height, even if it means there is some space around the edges
    • Filling From: Pins the selected area so is always shown on the screen. The visible area depends on the screen size of the viewer.
    • By clicking on the cogwheel icon ⚙️ you can either back to the default background image or remove it.
  4. As always when using the Customize option, don't forget to hit Finish to save the changes.

Note! ⚠️Without any Background Image, your background will be the color you have set in the Color Palette feature.

How to change my Logo?

You can upload your Logo to replace the standard 'Made with FlippingBook' or remove it. We also support GIF files. Having an animated logo can make your publication stand out! This feature is available with Optimal or higher plans.

To change or remove the logo, follow the steps below:

  1. Inside the Branding section, click on the button next to Logo:
    • If you want to use your logo, choose Browse Logo Image to import the image. You can specify a link to your website in the field Web Address (URL). When your visitors click on the logo, this URL will be opened in a new tab.
    • If you want to remove the default logo, press on the cogwheel icon ⚙️ and click Remove.
  2. Click OK to apply the settings, and Finish to save the changes.

For the best experience, we recommend using PNG files with a transparent background.

For more detailed info about this feature check our how to brand your flipbook with your logo Check our how to brand your flipbook with your logo article. You will find there a more in-depth explanation of this feature, along with recommendations and examples.

Note! ⚠️ The logo is responsive. It adjusts its size and fits the available space in the bottom-right corner. This way you don't have to worry about your flipbook covering it when opened. However, if you make the browser window small enough, the logo may be slightly covered by the flipbook.

 

How to change my Favicon?

A favicon is an icon associated with a specific website or brand. When the webpage is open, it is visible in the browser tab. It can also be found in bookmarks, browser history, and search engine results pages. Favicon is also part of our premium branding features available with Optimal or higher plans. Having a branded favicon:

  • Increases your brand awareness. It helps to empower your brand identity and give your flipbook a professional look.
  • Enhances the user experience. When several tabs are open, it is easier to recognize where your flipbook is.

Default favicon

Custom favicon

Follow these steps to change or remove the favicon:

  1. Inside the Branding section, click on the button next to Favicon:
  2. Once the Edit Favicon window pop-ups:
    • Click on the cogwheel icon ⚙️ to remove the favicon or set it back to the default setting.
    • Choose Browse Image to import the favicon.
    • As an alternative, you can specify a URL to grab the favicon. However, note that some websites do not allow fetching their elements like this. In that case, when trying to import the favicon, you will see an error message.
  3. Click on OK to apply the settings, and Finish to save the changes.

Tip! 💡The most common favicon size is 32x32 pixels. We recommend using a .ico or .png file with a transparent background.

 

Can I save my branding settings for all the flipbooks?

Your branding settings can be saved as default for future and existing uploads. This might come in handy when you need your publications to share a common style and preferences. You won’t have to select your settings manually, which can save you time and effort.

Check the article Managing your FlippingBook Online flipbook settings for a full detailed description on how to achieve this.

Note! ⚠️This article contains information on one of the advanced FlippingBook Online features. If after reading it you feel like you need extra help, please feel free to book a meeting with one of our specialists.

 

Related articles:

 

Was this article helpful?
drift chat