---
title: Embed and customize the bookshelf of your collection
description: Introducing you to the newly implemented feature - bookshelf customization. If you are embedding the bookshelf of your collection you might want to brand or make it more attractive by customizing its
---

[Skip to content](https://help.joomag.com/migration/knowledge/embed-and-customize-the-bookshelf-of-your-collection#main-content)

- [English](https://help.joomag.com/migration/knowledge/embed-and-customize-the-bookshelf-of-your-collection)
- [Deutsch](https://help.joomag.com/migration/de/knowledge/einbetten-und-anpassen-des-bücherregals-ihrer-sammlung)
- [Español](https://help.joomag.com/migration/es/knowledge/incrusta-y-personaliza-la-biblioteca-de-tu-colección)

English

Show submenu for translations

[![joomag logo blue-3.png\]](https://help.joomag.com/hs-fs/hubfs/joomag%20logo%20blue-3.png?height=29&name=joomag%20logo%20blue-3.png)](https://joomag.com)

- [Joomag Blog](https://help.joomag.com/blog)

Open main navigation

Close main navigation

- [Joomag Blog](https://help.joomag.com/blog)
- - [English](https://help.joomag.com/migration/knowledge/embed-and-customize-the-bookshelf-of-your-collection)
    - [Deutsch](https://help.joomag.com/migration/de/knowledge/einbetten-und-anpassen-des-bücherregals-ihrer-sammlung)
    - [Español](https://help.joomag.com/migration/es/knowledge/incrusta-y-personaliza-la-biblioteca-de-tu-colección)
  
  
  
  
  
  
  English
  
  Show submenu for translations
- [Contact us](mailto:support@joomag.com)

[Contact us](mailto:support@joomag.com)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.joomag.com/migration/knowledge?hsLang=en)
2. [Distribute](https://help.joomag.com/migration/knowledge/distribute?hsLang=en)
3. [Embed a Collection](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#embed-a-collection)

- [Email Marketing](https://help.joomag.com/migration/knowledge/email-marketing?hsLang=en#main-content)
  
  
  
  
  
    - [Email Templates Basics](https://help.joomag.com/migration/knowledge/email-marketing?hsLang=en#email-templates-basics)
    - [Standard Email Template Editor](https://help.joomag.com/migration/knowledge/email-marketing?hsLang=en#standard-email-template-editor)
    - [Campaign Basics](https://help.joomag.com/migration/knowledge/email-marketing?hsLang=en#campaign-basics)
- [Publications](https://help.joomag.com/migration/knowledge/publications?hsLang=en)
- [Distribute](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#main-content)
  
  
  
  
  
    - [Private Sharing](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#private-sharing)
    - [Embed a Collection](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#embed-a-collection)
    - [URL Customization](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#url-customization)
    - [Embed a Specific Publication](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#embed-a-specific-publication)
    - [AI Tools](https://help.joomag.com/migration/knowledge/distribute?hsLang=en#ai-tools)
- [Collections](https://help.joomag.com/migration/knowledge/collections?hsLang=en)
- [For the Readers](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#main-content)
  
  
  
  
  
    - [Managing Reader Account Data](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#managing-reader-account-data)
    - [Publication Viewer](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#publication-viewer)
    - [Android Joomag App](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#android-joomag-app)
    - [iOS Joomag App](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#ios-joomag-app)
    - [Mobile HTML5 Viewer](https://help.joomag.com/migration/knowledge/for-the-readers?hsLang=en#mobile-html5-viewer)
- [For Branded Mobile Applications Development](https://help.joomag.com/migration/knowledge/for-branded-mobile-applications-development?hsLang=en#main-content)
  
  
  
  
  
    - [Android Branded Application](https://help.joomag.com/migration/knowledge/for-branded-mobile-applications-development?hsLang=en#android-branded-application)
    - [iOS Branded Application](https://help.joomag.com/migration/knowledge/for-branded-mobile-applications-development?hsLang=en#ios-branded-application)
- [Viewer Customization](https://help.joomag.com/migration/knowledge/viewer-customization?hsLang=en)
- [Measure](https://help.joomag.com/migration/knowledge/measure?hsLang=en#main-content)
  
  
  
  
  
    - [Analytics](https://help.joomag.com/migration/knowledge/measure?hsLang=en#analytics)
- [The Creative Studio](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#main-content)
  
  
  
  
  
    - [Images](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#images)
    - [Links](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#links)
    - [Crater Editor Basics](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#crater-editor-basics)
    - [Texts](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#texts)
    - [Lines and Shapes](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#lines-and-shapes)
    - [Slideshows](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#slideshows)
    - [Popups](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#popups)
    - [Library](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#library)
    - [Videos](https://help.joomag.com/migration/knowledge/the-creative-studio?hsLang=en#videos)
- [Forms](https://help.joomag.com/migration/knowledge/forms?hsLang=en)
- [Create](https://help.joomag.com/migration/knowledge/create?hsLang=en)
- [Engage](https://help.joomag.com/migration/knowledge/engage?hsLang=en)
- [FAQ](https://help.joomag.com/migration/knowledge/faq?hsLang=en)
- [CRM](https://help.joomag.com/migration/knowledge/crm?hsLang=en#main-content)
  
  
  
  
  
    - [Filters](https://help.joomag.com/migration/knowledge/crm?hsLang=en#filters)
    - [Contacts](https://help.joomag.com/migration/knowledge/crm?hsLang=en#contacts)
    - [Lists](https://help.joomag.com/migration/knowledge/crm?hsLang=en#lists)
- [Managing Account Data](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#main-content)
  
  
  
  
  
    - [Users](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#users)
    - [Payments](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#payments)
    - [Billing](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#billing)
    - [Account Settings](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#account-settings)
    - [Integrations](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#integrations)
    - [User Settings](https://help.joomag.com/migration/knowledge/managing-account-data?hsLang=en#user-settings)
- [Troubleshooting](https://help.joomag.com/migration/knowledge/troubleshooting?hsLang=en)
- [Edu accounts](https://help.joomag.com/migration/knowledge/edu-accounts?hsLang=en)
- [Integrations](https://help.joomag.com/migration/knowledge/integrations?hsLang=en#main-content)
  
  
  
  
  
    - [SSO](https://help.joomag.com/migration/knowledge/integrations?hsLang=en#sso)

# Embed and customize the bookshelf of your collection

Introducing you to the newly implemented feature - bookshelf customization. If you are embedding the bookshelf of your collection you might want to brand or make it more attractive by customizing its visuals.

Now let's see how the bookshelf code can be customized.

Make sure you are [logged in](https://intercom.help/joomag/en/articles/5626300-log-in-to-joomag) to your Joomag account

**1.** From the **[My Publications](https://www.joomag.com/Backend/ControlPanel/MagazineWizard/Magazine/index.php)** page open the collection and click the **Embed collection** button from the **Actions** drop-down menu located on the right upper corner.

![](https://help.joomag.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio456921564019e26d1d01825f62dbc3d2754766c4f-cb95-44bd-be22-406a35bfd363-Mar-02-2023-04-56-18-6076-PM.png)

**2.** Select the **Bookshelf** embedding option.

![](https://help.joomag.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio508734584ba93a434ff983f5a1ba1b7986de22dca-2a28-4a04-8824-953577867e81-1.png)

**Note**: You can just copy the embed code ***(HTML/[WordPress](https://intercom.help/joomag/en/articles/5632253-embed-the-collection-on-a-wordpress-site)/[Joomla](https://community.joomag.com/knowledge/embed-the-publication-on-a-joomla-site))*** of the bookshelf without customizing it.

![](https://help.joomag.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio45693536517c781abd75c4abf9eebe4c6bcc48a6b-4f6a-4213-ac79-8e9f5770c2b1-1.png)

**3.** Customize all the following settings that you want:

1. **Bookshelf width -** Customize the size of your embed so that it occupies the entire space on the website or you can choose the custom option and specify the needed size in pixels yourself.
2. **Publications** - Set the number of publications that you need to be visible on the bookshelf.
3. **Background settings -** Select any of the following background options:
   
     - **Image** - Choose the option to select a background from standard images
     - **Color -**  Choose to set a background color.
     - **Transparent** - Choose to remove the background.

![](https://help.joomag.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio5086796171336204f62e4fe5fb889be5c9e48ec13-941d-4e8d-9b36-0ef0f19c002d-1.png)

Once you choose the customization for the bookshelf, copy the provided code and then paste it onto your website.

![](https://help.joomag.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio439505698163728fc003d8fba0520cdb6EN_EmbedCode-1.png) 

Copyright © 2026, Joomag, Inc.