---
title: How to Upload a Details Banner and Connecting Banner
description: Customize your FiveM server by uploading a details banner and connecting banner to make your server stand out in the server list.
source: "https://nodecraft.com/support/games/fivem/setup/how-to-upload-a-details-banner-and-connecting-banner"
image: "https://dynamic-assets.nodecraft.com/signedurl/w7vokBAexMnVlnMZ1Q/image.jpg?modifications=W3sibmFtZSI6ImdhbWVfYmciLCJpbWFnZV91cmwiOiJodHRwczovL2Ntcy1hLm5vZGVjcmFmdC5jb20vZi8xMzM5MzIvMjAwMHg1NTAvZDE3ZGYzNmNhNi81bS1sYW5kaW5nLTEtNi0xLnBuZy9tLyJ9LHsibmFtZSI6ImdhbWVfbG9nbyIsImltYWdlX3VybCI6Imh0dHBzOi8vY21zLWEubm9kZWNyYWZ0LmNvbS9mLzEzMzkzMi8zNzV4MTUwLzdiMTM0ZDQ4MjgvZml2ZW0tbG9nby0xLTItMS5wbmcvbS8ifSx7Im5hbWUiOiJjdGFfdGV4dCIsInRleHQiOiJDcmVhdGUgeW91ciBvd24gc2VydmVyISJ9LHsibmFtZSI6InRleHQiLCJ0ZXh0IjoiSG93IHRvIFVwbG9hZCBhIERldGFpbHMgQmFubmVyIGFuZCBDb25uZWN0aW5nIEJhbm5lciJ9XQ&s=27198f05f44bc8c7c4c5775f8b7fb9fcf6e538bc65a47e17f518cf899101d259"
published: "2025-03-10T14:38:56.000Z"
updated: "2025-03-10T14:38:56.000Z"
---

# How to Upload a Details Banner and Connecting Banner

Customize your FiveM server by uploading a details banner and connecting banner to make your server stand out in the server list.

First impressions matter, and your server’s banners are one of the first things players see. The **details banner** helps your server stand out in the list, while the **connecting banner** sets the vibe as players load in. A little customization goes a long way with first impressions.

- **Details Banner**: Shows on the FiveM server list.  
  ![An image of a Details Banner example for a FiveM server](https://cms-a.nodecraft.com/f/133932/1814x525/9c18fabf59/details-banner.png/m/1000x0/smart)
- **Connecting Banner**: Displays when a player joins your server.  
  ![An image of a Connecting Banner example for a FiveM server](https://cms-a.nodecraft.com/f/133932/973x313/91bb7a12d9/connecting-banner.png/m/)

---

This guide will walk you through adding and customizing these banners for your FiveM server:

**Note: Be sure that your FiveM server is fully stopped before making any configuration changes or setting updates!**

## Using the Control Panel

### Add a Details Banner

1. Navigate to the **Game Settings** tab in your FiveM servers control panel.
2. Click the **Server Listing** tab.![The Game Settings - Server Listing tabs for a FiveM server in the Nodecraft Control Panel](https://cms-a.nodecraft.com/f/133932/1369x783/c011694d62/game-settings-server-listing.png/m/1000x0/smart)
3. Scroll down till you see the **Details Banner** setting.![The Details Banner setting field for a FiveM server hosted with Nodecraft](https://cms-a.nodecraft.com/f/133932/706x765/ac08f09fec/details-banner-setting.png/m/)
4. Paste the direct link to your image into the **Details Banner** field.
5. Click the **Submit** button to save your changes.
6. **Start **your server.

---

### Add a Connecting Banner

1. Navigate to the **Game Settings** tab in your FiveM servers control panel.
2. Click the **Server Listing** tab.![The Game Settings - Server Listing tabs for a FiveM server in the Nodecraft Control Panel](https://cms-a.nodecraft.com/f/133932/1369x783/c011694d62/game-settings-server-listing.png/m/1000x0/smart)
3. Scroll down till you see the **Connecting Banner** setting.![The Details Banner setting field for a FiveM server hosted with Nodecraft](https://cms-a.nodecraft.com/f/133932/706x765/ac08f09fec/details-banner-setting.png/m/)
4. Paste the direct link to your image into the **Connecting Banner** field.
5. Click the **Submit** button to save your changes.
6. **Start **your server.

---

## Using the Server.cfg File

### Add a Details Banner

**Reminder: The Details Banner shows on the FiveM server list.**

1. Grab the **Direct Link** that you generated earlier.
2. Open the `server.cfg` file for your FiveM server.
3. Locate the following line: `sets banner_detail ""`   
  **Note: If this line does not exist in your server.cfg file, you can add it manually. **
4. **Add** the Direct Link URL to the configuration line. It should look something like this: `sets banner_detail "https://banner.png"`
5. **Save** the file.
6. **Start **your server.

---

### Add a Connecting Banner

**Reminder: The Connecting Banner is displayed when a player joins your server.**

1. You'll need the **Direct Link** from your image.
2. Open the `server.cfg` file for your FiveM server.
3. Locate the following line: `sets banner_connecting ""`   
  **Note: If this line does not exist in your server.cfg file, you can add it manually. **
4. **Add** the Direct Link URL to the configuration line. It should look something like this: `sets banner_connecting "https://banner.png"`
5. **Save** the file.
6. **Start **your server.

---

## How to Generate a Direct Link

1. **Locate** the image you would like to use and save it to your computer.
2. **Upload** your image to an online image-sharing and image-hosting service. For our testing, we used [https://postimages.org/](https://postimages.org)
3. **Copy** the Direct Link provided after the upload.

---

## Conclusion

Custom banners give your FiveM server a more polished and immersive feel, making a strong first impression on players. If something isn’t displaying correctly, double-check your file paths and settings. A little attention to detail goes a long way in creating a great player experience! 🚀

## Need Help?

If you have questions or run into any issues, our support team is here to help! Reach out using the support widget on our website or visit our **[support center](https://nodecraft.com/support)** for further assistance.