How to brand your bookshelf

Learn how to change the appearance of your bookshelves to match your brand

Table of Contents

• How to customize your bookshelf
  • Bookshelf name
  • Logo
  • Background options
  • Bookshelf color
  • Thumbnail size
  • Open flipbook in a New Tab
  • Allow searching in bookshelf
  • Show flipbook name on hover
  • Save changes to your bookshelf
• Next steps

Overview

Flipsnack’s bookshelf customization options let you transform a basic collection of flipbooks into a branded, user-friendly display. By editing the shelf’s name, background, color scheme, and more, you can ensure it aligns with your organization’s style and enhances the reader experience.

Key benefits:

• Branded display: Customize your bookshelf’s name, logo, and colors to align with your brand identity.
• Consistent branding across Flipsnack assets: Ensure uniform branding across bookshelves, flipbooks, and embedded content.
• Enhanced reader experience: adjust backgrounds, thumbnail sizes, and search functionality for easy navigation.
• Better engagement: a visually appealing bookshelf encourages readers to explore more content.

How to customize your bookshelf

After you’ve created a bookshelf, you’ll land on its Details page. From there:

1. Locate the Customize tab in the left-hand menu.
2. Click Customize to open the bookshelf customization panel.

If you want to customize an existing bookshelf, Go to your Dashboard >My flipbooks. Find the bookshelf you want to edit, hover over it, then click Customize.

Customization options

Here's what you can customize:

Bookshelf name

• Name your bookshelf: enter a title that helps readers identify the theme or content of this shelf.

Logo 

• Upload your brand logo: Click Upload logo and select an image from your computer.

(Optional) Add a URL in the Add a link to your logo field to make it clickable.

Replace or remove

• Click Replace logo to swap in a new image, or click the trash icon to remove it entirely.

Background options

 

• Transparent: perfect for embedding on a website where you want the shelf to blend seamlessly with the page.

• Solid color: select from team or brand colors, default colors, or input a HEX code for a custom shade.

• Image: upload a background image and choose scale-crop, center, or tile to determine how it fills the shelf’s space.

Bookshelf color

• Choose from a palette: use the brand colors, default options, or a custom HEX code.
• Different from background: if desired, pick one color for the background and another for the shelf itself to create contrast.

Thumbnail size

• Adjust width: drag or type a value between 75px and 300px to change how large each flipbook thumbnail appears.

Open flipbook in a new tab

 

• Enable if you want each flipbook to open in a separate browser tab, allowing readers to keep the shelf open.

Allow searching in bookshelf

• Let readers quickly locate a specific flipbook by keyword or title within the shelf.

Show flipbook name on hover

 

• When enabled, mousing over a flipbook thumbnail reveals its name—helping readers identify publications faster.

 

Save changes for your bookshelf

When you're satisfied with your design, click Save changes on the top left side

To preview your work or make further edits, click Go to page in the bottom right corner, or Details from the left-hand Dashboard.

Next steps

Ready to take the next steps? Explore our other detailed guides:

• Bookshelf design and functionality
• Branding and customization options
• How to add your brand kit (fonts, colors, logo, typography) in Flipsnack
• How do I change my flipbook appearance?

Need expert support?

Our team is here to help. Connect with our team experts or message us via the in-app chat for a personalized demo.