# 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FoAKypKu1Wc5DV1UvOmnZ%2FTheme%20Setting%20Configuration%201.png?alt=media&#x26;token=0a0972db-413d-451a-a490-c2d96056d36d" alt=""><figcaption></figcaption></figure>

* Go to **Theme Tab.**

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2F7oO5qxnPVTNovxhRyNPv%2Ftheme%20Setting%20%201.png?alt=media&#x26;token=a81dfb6a-bd41-4b69-a500-b41725c00a25" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FIm9EPmQ6thS2Aybc31Rp%2FTheme%20Setting%20Configuration%203.png?alt=media&#x26;token=97a7eccd-56be-4525-8438-53f972b513c8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2F9N3WWOQpRo5c3lxWcJft%2FTheme%20Setting%20Configuration%204.png?alt=media&#x26;token=af488d95-8c7a-4231-9eab-a06c13af73e3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FLI6auvf1CGovKPgPStb8%2FTheme%20Setting%20Configuration%205.png?alt=media&#x26;token=2f9d2ab8-e501-479b-b7a6-9f524704f6c4" alt=""><figcaption></figcaption></figure>

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