You made your PDF, and you have created your Flipbook. Now it's ready to be shown to the world, right? Not so fast, let's add branding to your Flipbook interface, so that your visitors have a browsing experience that matches your brand, and your website.
📖 This article explains:
How to access the branding settings for a Flipbook
Navigating to a Flipbook's branding settings is easy:
In the Flipbooks overview, right-click on the Flipbook you wish to add branding to.
From the drop-down menu, select Edit settings.
Under the Settings pane, select the Design tab. This will open the Branding settings for your Flipbook.
💡 This can also be done on a folder to utilize inherited settings! Meaning that you can add this to a folder, and the containing flipbooks will have the same branding instead of adding it once at a time. More on that here:
How to set up, or change, the branding options for a Flipbook
In the Branding settings for your Flipbook, there are a number of options available, where you can apply branding to match your business:
Preloader image
The preloader is the image, that shows while your Flipbook is getting ready. For those of us blessed with fast internet, we barely see it, but some of your visitors might not be as lucky! So they might be staring at this for some seconds.
Here's an example of a preloader:
You can read more about the importance of a preloader, along with the best practices when uploading a preloader image, in our guide below:
Background image
The background image is, essentially, all the space between your Flipbook and the user interface. It takes up a significant amount of visual real estate, and by default, is just white.
Why waste this prime real estate on a blank, white background, when you could use it to further create an immersive browsing experience for your visitors, that complements the visuals of your Flipbook?
Here's an example of the same Flipbook with, and without a background image:
💡 Please note that background images are neither scaled nor stretched to fit different browsers, so consider appropriate image dimensions when selecting a background image. We recommend an image with 2048 × 1080 pixels.
Logo
Give your Flipbook visitors that extra level of assurance by leveraging the power of your brand, and include your logo in the user interface. Adding it will show it in the top left corner:
💡 We recommend that your logo should not be taller than 50 pixels, and no more than 200 pixels wide.
Logo URL
You can define a link that the logo redirects to, like your business' homepage. If you'd rather not redirect your visitors from your Flipbook, you can leave this empty.
Favicon
The favicon is the small icon on the browser tab. While small, it helps your Flipbook stand out when a visitor has multiple tabs open in their browser. For more on how to make your own, see our guide, here:
💡 To get the best results, we recommend using a .PNG file type, with the size of 512 × 512 pixels, as this works across all devices.
That's it, and now your Flipbook is branded! Wouldn't it be cool if your brand name was in the URL too? You can do just that by applying a Branded Domain!
Take at our guide below, on how to set a Branded Domain up:
Take your Flipbook from flat PDF to engaging digital shopping experience
Understand how this, and other tactics, can help you attract and inspire shoppers, while also capturing buying intent and converting to a sale, in our Success Framework.