Paġna ewlenijaDokumentazzjoni

Personalizzazzjoni tal-Widget

Agħmel il-widget tal-chat jaqbel mal-marka tiegħek u jġib ruħu eżattament kif trid. Il-personalizzazzjoni kollha ssir fid-dashboard tiegħek — il-bidliet japplikaw fuq il-website tiegħek awtomatikament, mingħajr ma timmodifika l-kodiċi tal-embed.

Issib is-settings f’DashboardChatbots → agħżel il-chatbot tiegħek:

  • It-tab Widget jikkontrolla l-apperjenza (pożizzjoni, kuluri, daqs, testi)
  • It-tab Behavior jikkontrolla kif il-widget jinteraġixxi mal-viżitaturi

Ikklikkja Save Changes fil-quċċata tal-paġna biex tapplika l-editjijiet tiegħek.

Tab Widget: Apperjenza

Pożizzjoni

Agħżel fejn il-widget jidher fuq il-website tiegħek:

PositionDescription
Bottom RightFloating chat bubble in the bottom-right corner (default)
Bottom LeftFloating chat bubble in the bottom-left corner
Inline (Embedded)Widget is embedded directly on the page instead of floating

With the Inline position, the chat is embedded at the spot where the embed script is placed and is always open — no bubble, no close button. Ideal for dedicated chat or support pages. See Widget Embedding for details.

Tema tal-Kulur

Agħżel wieħed minn tliet presets ta’ kulur:

PresetDescription
DefaultThe standard ChatReact color scheme
BrandYour company's brand colors from Company Settings
CustomPick your own colors

The Brand preset is only available once brand colors are set. Go to your Company Settings to extract colors from your website.

Meta tkun magħżul Custom, tista’ tissettja erba’ kuluri bażiċi:

  • Primary — bubble, header gradient, buttuni, u messaġġi tal-viżitatur
  • Secondary — it-tieni kulur tal-header gradient
  • Background — sfond tal-window tal-chat
  • Text — kulur tat-test tal-messaġġ

Settings Avvanzati tal-Kulur

Bżonn aktar kontroll? Meta tkun magħżul il-preset Custom, espandi Advanced Color Settings biex tolqot fuq il-kuluri kalkulati awtomatikament:

  • Visitor Messages — sfond u kulur tat-test tal-bubbles tal-messaġġ tal-viżitatur
  • Bot Messages — sfond u kulur tat-test tal-bubbles tal-messaġġ tal-bot
  • Header Text Color — kulur tat-titlu u s-subtitle fil-header tal-widget

Kull ħaġa li tħalli mingħajr modifikazzjoni tiġi kkalkulata awtomatikament għal kuntrast tajjeb. Kull override għandu buttuna Reset to automatic biex jerġa’ lura għall-kulur kalkulat.

Daqs & Stil

SettingRangeDefault
Border Radius0–32 px24 px
Width300–500 px380 px
Height400–700 px600 px

Fuq skrins żgħar mobbli, il-widget awtomatikament isib forma full-width, indipendentement minn dawn id-dimensjonijiet.

Logo

Ittella’ Use company logo in widget header biex turi l-logo tal-kumpanija tiegħek fil-header tal-chat. Il-logo innifsu huwa uploaded fil-Company Settings tiegħek — rakkomandat: kwadrat, mill-inqas 200×200 px (JPG, PNG, GIF, WebP jew SVG, max. 5 MB).

Din l-għażla hija disponibbli fuq il-pjan Professional u ogħla, u fuq il-pjanni kollha tal-Agency.

Titolu tal-Header, Subtitle & Test tal-Bubble

FieldDescriptionDefault
Header TitleTitlu murija fil-header tal-window tal-chat"Chat with us"
Header SubtitleLinja iżgħar taħt it-titlu"We typically reply within minutes"
Bubble TextTest murija ħdejn il-bubble tal-chat meta l-widget ikun magħluqNone

Jekk qatt ma ssettjat titlu jew subtitle, il-widget juri t-test default — lokalizzat awtomatikament għall-lingwa tal-viżitatur.

How the header subtitle works: As long as you haven't configured a subtitle, the widget shows the localized default, and the settings form pre-fills this default so you can see and edit what visitors get. To hide the subtitle entirely, clear the field and save — an intentionally emptied subtitle stays hidden.

It-test tal-bubble jidher bħala label żgħir ħdejn il-bubble magħluq (per eżempju "Got questions?"). Ħallih vojta biex turi biss il-bubble ċirku.

Traduzzjonijiet tal-Widget

Jekk il-chatbot tiegħek jappoġġja lingwi multipli, karta Widget Translations tidher taħt l-issettjar tal-apperjenza. Hemm tista’ ttraduċi l-messaġġ ta’ merħba, il-messaġġ fallback, it-titlu tal-header, is-subtitle tal-header, u t-test tal-bubble għal kull lingwa attivata.

The welcome and fallback messages themselves are configured in the Persona tab of your chatbot settings.

Live Preview

Il-kolonna tal-lemin tat-tab Widget turi Live Preview tal-widget tiegħek li taġġorna hekk kif tibdel is-settings. Hija interattiva: iffurma’ l-window tal-chat bil-X biex tara l-bubble magħluq (inkluż it-test tal-bubble tiegħek), u ikklikkja l-bubble biex tiftaħh mill-ġdid.

Tab Behavior: Interazzjoni

Settings tal-Behavior

SettingDescriptionDefault
Proactive GreetingBot jissaluta lill-viżitaturi awtomatikament wara dewmien (1–10 seconds)On, 3 s
Auto-OpenIl-widget jinfetaħ awtomatikament għall-viżitaturi wara dewmien (1–15 seconds)Off, 5 s
Sound EnabledPlay sounds for notifications
Typing IndicatorShow an animation while the bot is typing
Pre-Chat FormCapture visitor info before the chat startsOff
Show on MobileDisplay the widget on mobile devicesOn

Massimu ta’ Tul tal-Messaġġ

Ittaffi kemm karattri viżitaturi jistgħu jidħlu f’kull messaġġ (100–10,000 karattri, default 2,000). Dan jgħin biex jipprevjeni użu eċċessiv minn inputs twal ħafna. Ħassar il-kamp jew ikklikkja Remove limit biex tippermetti messaġġi ta’ kwalunkwe tul.

Pre-Chat Form

Meta l-pre-chat form ikun attivat, il-viżitaturi jimlew form qasir qabel tibda l-konversazzjoni. Int tikkonfigura l-kampijiet lilek innifsek:

  • Field types: Text, Email, Phone, Textarea
  • Kull kamp għandu label, placeholder fakultattiv, u toggle required
  • Rekordina l-kampijiet bil-buttuni move up/down, jew eltihom

Jekk il-chatbot tiegħek jappoġġja lingwi multipli, se tidher sezzjoni ta’ traduzzjonijiet taħt l-editor tal-kampijiet. Daħħal traduzzjonijiet għal kull lingwa manualment, jew ikklikkja Translate with AI biex ttraduċi awtomatikament l-ismijiet u l-placeholders kollha.

Live Chat

It-tab Behavior fih ukoll il-karta Live Chat Settings. Ittella’ live chat biex tippermetti lill-viżitaturi jitkellmu mal-aġenti umani tiegħek, u agħżel mod:

ModeDescription
Handoff OnlyLive chat only when the bot can't help
StandaloneVisitors can chat directly with agents
BothHandoff and direct live chat available

Live Chat huwa disponibbli fuq il-pjan Professional u ogħla, u fuq il-pjanni kollha tal-Agency. Ara Live Chat għal kif timmaniġġja konversazzjonijiet inkoming.

Branding

Fuq il-pjanni li jinkludu white-label, karta Branding tidher fil-qiegħ tat-tab Behavior. Il-branding ta’ ChatReact huwa moħbi b’mod default fuq dawn il-pjanni — attiva Show "Powered by ChatReact" jekk tixtieq turiha fil-footer tal-widget xorta waħda.

Fazli tat-Tagħlim

Filwaqt li chatbot ġdid ikun fil-fażi tat-tagħlim, tista’ tikkontrolla kemm hu kawt fil-modi ta’ twieġib — Cautious, Balanced (rakkomandat), jew Confident — fit-tab Confidence ta’ l-istess paġna ta’ settings. Dan it-tab jidher fuq il-pjanni li jinkludu l-Improvement Agent. Ara l-gwida tal-Improvement Agent għal dettalji.


Passi Li Jmiss