---
title: How to create a custom content interface
description: Discover creating custom content interfaces with Joan for tailored room booking experiences in easy steps.
---

[Skip to content](https://support.getjoan.com/knowledge/how-to-create-a-custom-content-interface#main-content)

[Submit a ticket](https://support.getjoan.com/knowledge/kb-tickets/new?hsLang=en)

[![joan\_logo\_white](https://support.getjoan.com/hs-fs/hubfs/joan_logo_white.png?width=180&height=77&name=joan_logo_white.png)](http://www.getjoan.com/)

Open main navigation

Close main navigation

- [Submit a ticket](https://support.getjoan.com/knowledge/kb-tickets/new)

 How can we help you?

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

1. [Help Center](https://support.getjoan.com/knowledge?hsLang=en)
2. [Joan devices](https://support.getjoan.com/knowledge/joan-devices?hsLang=en)
3. [Custom content](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#custom-content)

# How to create a custom content interface

To learn more about custom content, please click [here](https://visionect-25346629.hs-sites-eu1.com/knowledge/custom-content-interface-on-joan-devices?hsLang=en).

In order to create a custom content interface for any of your Joan devices, follow the steps below. 

*For optimal performance on Joan devices, we recommend excluding animations and off-canvas menus from the website you would like to display as custom content. *

#### How to create a custom content interface

1. Log in to [MyJoan](https://my.getjoan.com/) with your admin account
2. Navigate to the “**Settings**” page via the top navigation menu
3. Select "**Rooms**" - \> “**Custom content**” from the left-hand side menu
4. A list of all your custom content interfaces will appear. If you do not have added any so far, click the “**add custom content**” button

![2024-06-30 22\_51\_17-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2022_51_17-MyJoan.png?width=688&height=392&name=2024-06-30%2022_51_17-MyJoan.png)

 

       5. Select your preferred layout and click the “**+**” sign

![2024-06-30 23\_17\_46-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_17_46-MyJoan.png?width=688&height=568&name=2024-06-30%2023_17_46-MyJoan.png)

 

        6. You can choose between **Gallery**, **Text**, **Webpage** and **Room status**

![2024-06-30 23\_18\_27-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_18_27-MyJoan.png?width=688&height=350&name=2024-06-30%2023_18_27-MyJoan.png)

 

- If you select “**Gallery**”, click the “**Upload**” button and select all of the images you wish to add
- Once satisfied with the added images, select the time for each image in the slideshow in the “**Interval**” section. Enter the amount and select either “**seconds**”, “**minutes**”, or “**hours**”
- Click “**Ok**”

![2024-06-30 23\_20\_14-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_20_14-MyJoan.png?width=688&height=400&name=2024-06-30%2023_20_14-MyJoan.png)

 

-  If you select **Text**, you can input any text you would like. You can change the font size, positioning, **bold**, *italics**...***
- Unfortunately, it is not possible to change the font type
- Once done, click **Ok**.

![2024-06-30 23\_20\_41-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_20_41-MyJoan.png?width=688&height=638&name=2024-06-30%2023_20_41-MyJoan.png)

 

- If you select **Webpage**, you can put in the desired URL. 

*Please note, not all webpages will be supported. For optimal performance on Joan devices, we recommend excluding animations and off-canvas menus from the website.*

![2024-06-30 23\_21\_10-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_21_10-MyJoan.png?width=688&height=385&name=2024-06-30%2023_21_10-MyJoan.png)

 

If you select the “**Room status**” content type, the custom application will display the meeting room information to which your Joan device is connected.

- - - To apply the settings, click "**Ok**"
            
            ![device cc](https://support.getjoan.com/hs-fs/hubfs/KB%20images/device%20cc.png?width=595&name=device%20cc.png)

 

Once you have filled up all the sections in your selected layout, scroll down to the bottom of the page.

![2024-06-30 22\_56\_40-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2022_56_40-MyJoan.png?width=605&height=782&name=2024-06-30%2022_56_40-MyJoan.png)

Click “**Change**” in the “**Show on devices**” section to assign the interface to your Joan devices.

Click “**OK**” when you have selected at least one Joan device

![2024-06-30 22\_57\_11-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2022_57_11-MyJoan.png?width=688&height=351&name=2024-06-30%2022_57_11-MyJoan.png)

Next, navigate to the “**Set custom content schedule**” section and click “**Change**”

1. Select either “**Always show custom content**” or set a specific time for when you wish to display this custom content
2. Selecting “**Show custom content at a specific time**” will allow you to set the start and end date and time and if the content should repeat or be a one-time event

![2024-06-30 23\_23\_04-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_23_04-MyJoan.png?width=688&height=234&name=2024-06-30%2023_23_04-MyJoan.png)

Next, name your custom content interface under “**Slideshow title**” section

1. Enter the name of your new custom content interface

![2024-06-30 23\_24\_10-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2023_24_10-MyJoan.png?width=688&height=143&name=2024-06-30%2023_24_10-MyJoan.png)

Finally, click “**Save**” to finish creating your custom content interface

![2024-06-30 22\_58\_53-MyJoan](https://support.getjoan.com/hs-fs/hubfs/2024-06-30%2022_58_53-MyJoan.png?width=688&height=553&name=2024-06-30%2022_58_53-MyJoan.png)

And that’s it! You have successfully created a custom content interface.

To learn how to display this interface on your Joan devices, click [here](https://visionect-25346629.hs-sites-eu1.com/knowledge/how-to-display-custom-content-on-a-joan-device?hsLang=en).

If you wish to remove the custom content interface from your device, click [here](https://support.getjoan.com/knowledge/how-to-remove-a-custom-content-interface-from-a-device-1?hsLang=en) to find out how.

 

*If you encounter any issues, please contact [support@getjoan.com.](mailto:support@getjoan.com)*

- [Getting started](https://support.getjoan.com/knowledge/getting-started?hsLang=en#main-content)

    - [General information](https://support.getjoan.com/knowledge/getting-started?hsLang=en#general-information)
    - [Joan Devices](https://support.getjoan.com/knowledge/getting-started?hsLang=en#joan-devices)
- [Room management](https://support.getjoan.com/knowledge/room-management?hsLang=en#main-content)

    - [Account configuration](https://support.getjoan.com/knowledge/room-management?hsLang=en#account-configuration)
    - [Room configuration](https://support.getjoan.com/knowledge/room-management?hsLang=en#room-configuration)
    - [Microsoft 365](https://support.getjoan.com/knowledge/room-management?hsLang=en#microsoft-365)
    - [Exchange](https://support.getjoan.com/knowledge/room-management?hsLang=en#exchange)
    - [Google](https://support.getjoan.com/knowledge/room-management?hsLang=en#google)
    - [iCalendar](https://support.getjoan.com/knowledge/room-management?hsLang=en#icalendar)
    - [Using Joan in a shared environment](https://support.getjoan.com/knowledge/room-management?hsLang=en#using-joan-in-a-shared-environment)
    - [Buildings](https://support.getjoan.com/knowledge/room-management?hsLang=en#buildings)
    - [Interfaces](https://support.getjoan.com/knowledge/room-management?hsLang=en#interfaces)
    - [Integrations](https://support.getjoan.com/knowledge/room-management?hsLang=en#integrations)
    - [Troubleshooting](https://support.getjoan.com/knowledge/room-management?hsLang=en#troubleshooting)
- [Joan devices](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#main-content)

    - [Device configuration](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#device-configuration)
    - [Device settings in the Joan portal](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#device-settings-in-the-joan-portal)
    - [Custom content](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#custom-content)
    - [Using Joan with 3rd party devices](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#using-joan-with-3rd-party-devices)
    - [Mounting your Joan device](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#mounting-your-joan-device)
    - [Device troubleshooting](https://support.getjoan.com/knowledge/joan-devices?hsLang=en#device-troubleshooting)
- [Workplace management](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#main-content)

    - [Account configuration](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#account-configuration)
    - [Additional Desk booking features](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#additional-desk-booking-features)
    - [Users](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#users)
    - [Integrations](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#integrations)
    - [Frequently Asked Questions](https://support.getjoan.com/knowledge/workplace-management?hsLang=en#frequently-asked-questions)
- [Visitor Management](https://support.getjoan.com/knowledge/visitor-management?hsLang=en#main-content)

    - [General information](https://support.getjoan.com/knowledge/visitor-management?hsLang=en#general-information)
    - [Devices](https://support.getjoan.com/knowledge/visitor-management?hsLang=en#devices)
    - [How to invite your visitors?](https://support.getjoan.com/knowledge/visitor-management?hsLang=en#how-to-invite-your-visitors)
    - [App permissions](https://support.getjoan.com/knowledge/visitor-management?hsLang=en#app-permissions)
- [Workplace Digital Signage](https://support.getjoan.com/knowledge/workplace-digital-signage?hsLang=en#main-content)

    - [Setting Up Your Digital Signage](https://support.getjoan.com/knowledge/workplace-digital-signage?hsLang=en#setting-up-your-digital-signage)
    - [Compatible Hardware and Supported Media](https://support.getjoan.com/knowledge/workplace-digital-signage?hsLang=en#compatible-hardware-and-supported-media)
    - [Using Joan Workplace Digital Signage in Practice](https://support.getjoan.com/knowledge/workplace-digital-signage?hsLang=en#using-joan-workplace-digital-signage-in-practice)
- [Mobile application](https://support.getjoan.com/knowledge/mobile-application?hsLang=en)
- [Analytics](https://support.getjoan.com/knowledge/analytics?hsLang=en)
- [Plans & Billing](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#main-content)

    - [Subscription plans](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#subscription-plans)
    - [Billing information](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#billing-information)
    - [Prepaid subscription codes](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#prepaid-subscription-codes)
    - [Ordering and shipping](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#ordering-and-shipping)
    - [Returns and cancellations](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#returns-and-cancellations)
    - [Information for resellers](https://support.getjoan.com/knowledge/plans-billing?hsLang=en#information-for-resellers)

 **Support Hours:**  
**08:00–24:00 (CET)**  
Monday–Friday 

<https://www.facebook.com/meetJOAN/> <https://www.instagram.com/meetjoan/> <https://twitter.com/meetjoan> <https://www.youtube.com/channel/UCt6KzgZei_I97n-2KDqCclw/featured>

Copyright © 2025, Visionect d.o.o.