# Chat Widget

In this section, you can create a chat widget for your website to generate new leads and communicate with existing customers!\
\
New leads and customers will input their contact information and request a text back using this chat widget.

{% hint style="warning" %}
NOTE: Depending on your user permissions, you may not have access all of the components.
{% endhint %}

## Install Chat Widget

In order to use this chat widget, you will need to install it on your website or application.

If you are unfamiliar with how to do this, seek out the help of a web developer or your CRM administrator.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FTAFnD6U7F3KDuRekyrAg%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-14b52c19d0c077e5579ea9346b1c486e5a8929e3_Chat%20widget%20-%20Install%20Chat%20Widget.png?alt=media&#x26;token=b22f0e3f-68fe-400c-9b6f-13e128649f53" alt=""><figcaption></figcaption></figure>

### Chat Widget Code

Here you will find the code that you'll need to install on your website or application in order for this chat widget to be shown to visitors.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FTAhimfOvQm80cIxLCeqo%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-5c6823978ea1db94775b6361bb679758781bdcc1_Chat%20widget%20-%20Chat%20Widget%20Code.png?alt=media&#x26;token=adcdd194-ed77-45ee-877e-dced5aacb0dd" alt=""><figcaption></figcaption></figure>

### Choose How To Install

You can choose how to install this code. Whether you'd like to use Google Tag Manager or simply copy and paste the raw code in the header of your website or application.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FXBVFIn80YaMfE1K65lhJ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-1b623b30de3d9b58288a69e158327408175480ba_Chat%20widget%20-Choose%20How%20To%20Install.png?alt=media&#x26;token=fc3e8eb1-1878-40f9-9b36-d8cc44354ee1" alt=""><figcaption></figcaption></figure>

### Copy Code

This is a quick copy button. By clicking this button, you will copy the code below so you can then paste it into the header of your website or application.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FprwC0OpX300TqmlGeK1i%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-5a505289272b5b4052f5bd3d3ed477f1735d5730_Chat%20widget%20-%20Copy%20Code.png?alt=media&#x26;token=ed33fb73-b593-4c07-a102-129127c6f9be" alt=""><figcaption></figcaption></figure>

### WordPress Plugin

If you are currently using WordPress for your website, you can download this plugin to help with the installation of the chat widget.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FjMyR9J9STzdbzVcFpyvx%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-f44ba0ab80a6262626eb8913231749df000ab8fe_Chat%20widget%20-%20Wordpress%20Plugin%20(1).png?alt=media&#x26;token=6a2c6c64-59d2-4752-bc49-371f24c97f77" alt=""><figcaption></figcaption></figure>

#### Save After Editing

Don't forget to save your changes after editing your chat widget.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FHULciD1zl9q886yTzRKg%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-7fd0a15d77e77e1038c42a8f22dfa6da43ab40e1_Chat%20widget%20-Save%20After%20Editing.png?alt=media&#x26;token=6393c2b8-97dc-40c1-a71e-44bc609932fb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FTYr7A4APLVew9XkiYoea%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-2e21a1505a9b7d19d3aedf4a4428b3869a08e408_Chat%20widget%20-%20Return%20Visitors.png?alt=media&#x26;token=9744a17c-c47c-470a-ab2d-ef9071db25b9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
![](https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fu0kHtstEkShHs4ylAoSB%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-cf51f0086862d8cfc8398f081572e0b8636bfd08_Start%20Help%20Guide%20Button.png?alt=media\&token=8316b830-db65-4edf-abaf-9f0527035ec1)\
Click the "**Start Help Guide**" button in this section of your CRM to start an interactive, guided tour and learn more about the components found in this section and how to use them!
{% endhint %}
