> For the complete documentation index, see [llms.txt](https://docs.cdev.shop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cdev.shop/fivem/chat-system/installation-guide-esx-server.md).
# Installation Guide ESX Server
{% hint style="danger" %} Important: **Before you start the installation, if you have previously installed cdev\_chat, follow the steps below before proceeding with the installation steps.**
{% endhint %}
**➤ Step 1:** Completely delete the database table named **cdev\_chat\_channels**.
**➤ Step 2:** Delete the cdev\_lib and cdev\_chat resources from your **resources** folder.
{% hint style="success" %}
**All set! You can now start the installation guide below without any issues.**
{% endhint %}
{% stepper %}
{% step %}
### Install resource from [Portal](https://portal.cfx.re/assets/granted-assets)
**After installing, you should get a zip file with the name shown below.**
* cdev\_lib.pack.zip
* cdev\_chat.pack.zip
{% endstep %}
{% step %}
### Extract and Organizing Your Resource Folders
🚩**Correct folder organization is essential for everything to work properly.**
➤ Step 1: Create the `[cdev]` folder. Inside your server's `resources` folder and Place **only** the following resource inside:
* cdev\_chat
➤ Step 2: Add `cdev_lib` to the Resources Root
**Below is an example screenshot showing the correct folder structure:**
{% endstep %}
{% step %}
### Server.cfg Configuration
This resource must always be started **after your ****framework**** and any ****other**** required resources**.
It is essential to follow the correct startup order to ensure proper functionality and avoid conflicts.
**➤ Step 1:** Inside the **server.cfg** file, look for the line `set resources_useSystemChat = true` and change **true** to **false**.
**➤ Step 2:** Add the ACE permission `add_ace group.admin cdev_chat.manager allow` so that you can control the chat as an admin, placing it bellow the `add_ace group.admin command.quit deny` line, just like shown in the picture below.
**➤ Step 3:** Remove the line `ensure chat`, and if you have it, also remove the line `ensure chat-theme-gtao`.
**➤ Step 4:** Start the resources cdev\_lib and \[cdev] after all the other resources — it’s very important that it’s done exactly as shown in the picture below.
{% endstep %}
{% step %}
### Deleting default chat resources
{% hint style="danger" %}
Inside your server’s **resources** folder, use the Windows search bar to look for **chat** and delete all of them except **cdev\_chat**, as showbelow.
{% endhint %}
```lua
cdev_chat (Not Delete)
esx_chat_theme (Delete) #resources\[core]
chat-theme-gtao (Delete) #resources\[cfx-default]\[gameplay]
esx_rpchat (Delete) #resources\[esx_addons]
#If have another folder with chat delete too
```
{% endstep %}
{% step %}
### Cdev\_lib Configuration
For the cdev\_chat and the connection between your framework and the resources to work correctly, you need to configure the `cdev_lib` resource properly according to your framework. For more details, click the link below to follow the instructions.
{% tabs %}
{% tab title="ESX" %}
{% content-ref url="/pages/Yi1MUNc2bDxhthgwzwsL" %}
[ESX Configuration](/fivem/cdev-library/esx-configuration.md)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}
{% endstep %}
{% step %}
### Cdev\_chat Configuration
**➤ Step 1:** Open the config.lua file located in the folder **`[cdev] > cdev_chat > public > config > config.lua`**
**➤ Step 2:** On line 58, you’ll see a setting called `UseFallbackIcons = false`. Change **false** to **true**, so it becomes `UseFallbackIcons = true`.
**➤ Step 3:** If you want to add more icons, follow the step-by-step instructions below.
To add new icons:\ - Drop your .svg files in `cdev_chat/data/icons`\ - Open the file: `cdev_chat/public/config/config.lua`
**On line 59, add new icon example:**
```lua
FallbackIcons = {
"alert.svg",
"megaphone.svg",
"message.svg",
"person.svg",
"newIcon.svg", -- New Icon Add
}
```
{% endstep %}
{% step %}
### How create new Chat Group
{% hint style="info" %}
**To have access to the** chat **command, you need to have added the** ACE permission **for the** admin group**, and your account must belong to the** admin group**.**\
\
⚠ The **Input Icon** field refers to the icons defined in the **FallbackIcons** configuration, with an example above showing how to add them.
{% endhint %}
{% endstep %}
{% endstepper %}
