# Set up a banner for your course directory 

https://help.circle.so/p/courses/course-setup/set-up-a-banner-for-your-course-directory

Category: [Courses](https://help.circle.so/p/courses) › [Course setup](https://help.circle.so/p/courses/course-setup)

---

_Last updated: July, 2026_

A well-designed banner with an eye-catching image can make your course directory more engaging and informative. It helps highlight key details, promote important announcements, and guide members toward a specific action using a clear call-to-action button.

 ![](https://assets-v2.circle.so/0qsuskm4t602i9nb905c9tcxdu5k)
## **Setting up a banner**

To get started, follow these steps:

1. Navigate to the directory on the desktop by clicking the **Courses** tab on the top navigation bar. If you've[](https://help.circle.so/p/basics/customization/manage-links-on-the-top-navigation-bar?locale=en#edit-links)[**customized**](https://help.circle.so/p/basics/customization/manage-links-on-the-top-navigation-bar?locale=en#edit-links) the name of the course directory link, the updated name will appear on the navigation bar instead.

2. Click the **More actions (three dots)** icon located in the right corner of the directory navigation bar and select **Banner**.

3. Enable and customize the banner:

### **Image**

The banner image appears on the right side to complement your banner text. Supported file formats include **JPG, PNG, and GIF** , with recommended dimensions of **1279x680 px**.

To upload an image:

1. Click **Upload** and choose a file from your desktop.  

2. Adjust the image for the best fit:

1. Click **Save changes** to apply your adjustments.

### **Text**

The text section appears on the left side of the banner in a white background by default and includes:

- **Title** : Enter a short and engaging title that effectively conveys the purpose of the banner.

- **Description** : Craft a brief, engaging message that complements the title. Use it to highlight key benefits or offerings to capture user interest.

 ![](https://assets-v2.circle.so/str4k23u4tx2qzwfu4zu6sq5fa8x)
### **Button**

The button serves as a call to action, appearing below the banner text.

- **Button text** : Choose clear, action-driven text for the button, such as "Start learning," or "Join." Ensure it aligns with the banner’s purpose and encourages users to take action.

- **Custom URL** : Enter a link that directs users to the most relevant area. This could be a specific featured course, sign-up link, or paywall checkout URL. Ensure the link is functional and provides an engaging user experience.

 ![](https://assets-v2.circle.so/xaiw63uzmy0nyfgimoyzojzsagzn)

### **Saving and updating the banner**

Once you've configured the banner, click **Save changes**. You can update the banner for both logged-in and logged-out members at any time by following these same steps.