---
title: Cum adaug widgetul de chat live pe site (website inbox)?
description: "Una dintre cele mai folosite funcții Chatwoot este **chatul live pe site**. Îl adaugi creând un „website inbox\" și inserând o scurtă secvență de cod pe paginile tale. ## 1. Creează un inbox de tip Website Mergi la **Settings →…"
url: "https://www.hostx.ro/kb/cum-adaug-widgetul-de-chat-live-pe-site-website-inbox/"
updated: "2026-08-06"
category: "AI & Automatizări / Chatwoot"
tags:
  - Chatwoot
  - configurare site
  - integrare
  - Widget
  - WordPress
---

# Cum adaug widgetul de chat live pe site (website inbox)?

Una dintre cele mai folosite funcții Chatwoot este **chatul live pe site**. Îl adaugi creând un „website inbox" și inserând o scurtă secvență de cod pe paginile tale.

## 1. Creează un inbox de tip Website

Mergi la **Settings → Inboxes → Add Inbox** și alege **Website**. Completează numele, adresa site-ului și personalizează culoarea și mesajul de întâmpinare.

## 2. Adaugă agenți

Asociază inbox-ului agenții care vor răspunde pe acest canal.

## 3. Copiază codul widgetului

Chatwoot îți oferă un **cod de tip script**. Îl adaugi înainte de `</body>` pe paginile site-ului:

```
<script>
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src="https://chatwoot.domeniultau.ro/packs/js/sdk.js";
  g.async=true;
  g.onload=function(){window.chatwootSDK.run({websiteToken:'TOKEN', baseUrl:'https://chatwoot.domeniultau.ro'});};
  s.parentNode.insertBefore(g,s);})(document,"script");
</script>
```

## 4. Testează

Deschide site-ul: în colț ar trebui să apară bula de chat. Trimite un mesaj de test și verifică dacă ajunge în Chatwoot.

## 5. Personalizează comportamentul

Poți seta program de disponibilitate, mesaje în afara programului, pre-chat form (colectarea numelui/e-mailului) și multe altele, din setările inbox-ului.

**Sfat:** Pentru WordPress, există și pluginuri care simplifică inserarea codului. Widgetul este responsive și funcționează și pe mobil.