> For the complete documentation index, see [llms.txt](https://docs.inogic.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inogic.com/livechat4dynamics/configuration/theme-setting.md).

# Theme Setting

Customize the LiveChat4Dynamics chat widget UI as per your organization’s needs.

Steps to customize chat widget:

* Navigate to **LiveChat4Dynamics app -> Configurations -> Select Theme Setting -> General Tab.**
* **Fill in the Details:**
  * **Default Agent Name:** Enter the name of your customer service agent (e.g., John Carrey).
  * **Default Agent Designation:** Enter the designation of the representative (e.g., Customer Service Representative).
  * **Logo URL:** Enter your organization’s hosted logo url.
  * **Welcome Message:** Type a greeting message (e.g., Just fill out the form below to start chatting with us!)

<figure><img src="/files/GcRr2fmQj5f7RdlsHDCK" alt=""><figcaption></figcaption></figure>

* Go to **Theme Tab.**

<figure><img src="/files/Z0zvvt29EQ3erBCkUatf" alt=""><figcaption></figcaption></figure>

* Use these options to customize the chat widget.
  * **Select Section:** Select the Section you want to Customize (e.g., Header).
  * **Font Size:** Select your desired font size (e.g., 20).
  * **Font Family:** Select your desired font family (e.g., Arial).
  * **Font Color:** Select your desired font color (e.g., White).
  * **Background Color:** Select your desired background color (e.g., Black).
  * **Show Watermark:** You can turn the toggle off or on, to display or hide your watermark on the chat widget (e.g., here we have kept the toggle off).&#x20;

<figure><img src="/files/AWoGe6KzaMFYuGQPHGGG" alt=""><figcaption></figcaption></figure>

* Once you are done customizing the chat widget **“Save”** the changes.

<figure><img src="/files/R1KLYzL7cETX6fNifDfB" alt=""><figcaption></figcaption></figure>

* Now **“Publish”** your customizations.

<figure><img src="/files/3ItqnfHCQK5f5bLrrwZQ" alt=""><figcaption></figcaption></figure>

To see the result of this configuration, [click here](https://docs.inogic.com/livechat4dynamics/features/theme-setting).