# Sohbet Deneyiminizi Oluşturun

Zoom'un araçları, çok az kodla veya hiç kod olmadan sohbet deneyiminizi özelleştirmeyi ve başlatmayı kolaylaştırır.

### Sohbet Etkileşim Penceresi

Sohbet etkileşim penceresi, kullanıcılarınızın sanal temsilcinizle veya insan temsilcinizle mesajlaşma şeklidir. Zoom'un araçlarıyla, görülmesi ve etkileşim kurulması kolay olan ve şirketinizin markasıyla uyumlu bir sohbet penceresi oluşturabilirsiniz.

Sohbet Etkileşim Pencerenizi oluşturmak veya düzenlemek için Zoom'un Web Yönetici'ye gidin.

Oradan şuna tıklayın **+Kampanya Ekle** veya mevcut bir Kampanyanın taslağını açın. Şuraya kaydırın **Sohbet Etkileşim Penceresi** bölümü pencerenizi oluşturmak veya düzenlemek için.

#### <mark style="color:mavi;">Pencere Boyutu ve Mobil Deneyim</mark>

Zoom'un sohbet etkileşim penceresi duyarlıdır; bu, kullanıcı sitenize masaüstü bilgisayarından veya akıllı telefonundan erişirse düzenini otomatik olarak uyarladığı anlamına gelir.

Mobil cihazlarda, sohbet penceresi sınırlı ekran alanını en üst düzeye çıkarmak ve temiz, okunabilir bir deneyim sağlamak için tam ekran açılır.

<figure><img src="/files/7dbf6b6f049fbf91383a14cb2ed751b17cc18e34" alt="Image of mobile Zoom Virtual Agent window, opened full-screen." width="375"><figcaption></figcaption></figure>

<figure><img src="/files/54b89490721af003cf27c9e69878dacbf3091e1e" alt="" width="375"><figcaption></figcaption></figure>

Sohbetinize masaüstü cihazlardan erişen kullanıcılar için, pencere yüksekliği açısından üç boyut seçeneğinden birini seçebilirsiniz:

* **S:** 540 piksel
* **M:** 650 piksel, **varsayılan**
* **L:** 780 piksel

{% hint style="info" %}
**Not**

Genişlik, okunabilirliği sağlamak için her zaman 420 piksel olarak sabittir.
{% endhint %}

<figure><img src="/files/8cb587bb0b00b26960a9da8b43a62c471960330d" alt="Image of desktop Zoom Virtual Agent window, opened in the lower right corner of the window."><figcaption></figcaption></figure>

#### <mark style="color:mavi;">Üst Bilgi Çubuğu</mark>

Bu **sohbet üst bilgi çubuğu** sohbet tasarımınızın önemli bir unsurudur. Düşünceli bir şekilde tasarlandığında, kullanıcılarınıza Destek deneyimlerinden ne bekleyebilecekleri konusunda bağlam sağlar ve görüşmeye güven verir. Üst bilgiyi Destek ekibiniz hakkında bilgi paylaşmak ve/veya markanızın logosunu ya da renklerini Ekle için kullanabilirsiniz.

Zoom CX, Seçebileceğiniz birkaç üst bilgi tasarım seçeneği sunar.

**Tam Üst Bilgi Görseli**

Tüm üst bilgi alanını dolduran, 426 piksel x 95 piksel boyutunda bir görsel Ekle; özel tasarımlar için harikadır.

<figure><img src="/files/90c21cb3453649b28b2c9cd9457acbbd5e7ec257" alt="This image shows a chat window with a blue gradient header that says Zoom Virtual Agent. The image fills the header space." width="375"><figcaption></figcaption></figure>

**Avatar Görsel Boyutu**

Üst bilgi çubuğunda görünmesi için 40 x 40 piksel boyutunda bir görsel Ekle; tek başına veya Üst Bilgi Metni ile birlikte görünebilir.

{% columns %}
{% column %}

<figure><img src="/files/15ad2924c4e884645ee0e88860104ddeb0966572" alt="Image of a chat screen with Zoom logo in the header bar."><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

<figure><img src="/files/54b89490721af003cf27c9e69878dacbf3091e1e" alt="Image of a chat screen with Zoom logo and header text in the header bar."><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

**Yalnızca Üst Bilgi Metni**

Ekibinizin adı, uygunluğu veya Destek saatleri gibi herhangi bir konuda kısa bir not paylaşın. Üst bilgi metninin boyutunu H1, H2, H3 veya gövde paragrafı boyutunu kullanarak kontrol edin.

<figure><img src="/files/b9d37e2d38e3a5cfaf0f4c2020856f3d7b1c07d2" alt="Image of a chat screen with header text only in the header bar." width="375"><figcaption></figcaption></figure>

Daha sade, minimalist bir tasarım için şunu yapmayı seçebilirsiniz **boş bırakın**, kullanıcılarınızın odağını sohbette tutun.

<figure><img src="/files/304dc0ae2e68abf3f52b508576858603da85017d" alt="Image of a chat screen with nothing in the header bar." width="375"><figcaption></figcaption></figure>

Şunu kullanabilirsiniz **üst bilgi arka planı ve simgeleri için herhangi bir rengi seçin**, sohbet tasarımınızı web sitenizle uyumlu hale getirmek için kullanışlıdır.

{% hint style="warning" %}
**Dikkat**

Arka plan rengini değiştirirseniz, küçültme ve menü simgelerini hâlâ görebildiğinizden emin olun. Simge rengini de değiştirmeniz gerekebilir.

<img src="/files/3a5189bb54c5b9b805898c348ca3bb638bc035bf" alt="Image of a chat screen with a blue header bar, with no logo or text." data-size="original">
{% endhint %}

#### <mark style="color:mavi;">Sohbet balonunuz, metniniz, simgeleriniz ve daha fazlası için renkler</mark>

Etkileşim penceresi oluşturucusu, sohbetiniz için istediğiniz tam renkleri seçmenizi sağlar. Pencerenin her bir bölümü için onaltılık kodlar girersiniz ve nasıl göründüğünü görmek için önizlemeyi incelersiniz.

Zoom, başlamak için bir şablon sunar. Her şeyin harika görünmesini sağlamak (ve kolay okunmasını sağlamak) için marka renklerinize sadık kalın ve metin ile arka plan renkleri arasında yeterli kontrast olduğundan emin olun.

<figure><img src="/files/585912961eba352aec894a190c9166b074f65ecd" alt="Image of the template for formatting your engagement window."><figcaption></figcaption></figure>

#### <mark style="color:mavi;">Hoş Geldiniz Ekranı</mark>

Bu **Hoş Geldiniz Ekranı** Zoom İletişim Merkezi ve Zoom Virtual Agent içinde, sohbet başlamadan önce görünen isteğe bağlı bir tanıtım ekranıdır; müşterilerinizi karşılama, onlardan bilgi toplama ve deneyimi markanızla uyumlu hale getirme fırsatı verir.

Bu, web sohbet deneyimi için uygundur. Yapılandırmak için **Sohbet Etkileşim** penceresine, ardından **Hoş Geldiniz Ekranı** sekme.

***

### Davet Tasarımı

Davet, destek deneyimini web sitenizde başlatacak olan öğedir. En yaygın olanı [**Yapışkan** davet türünü](/technical-library/tr/isletme-hizmetleri/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md#the-parts)kullanmaktır; bu, web sitenizde görünen kayan bir simgedir. Kullanıcılarınız buna tıkladığında sohbet penceresi açılır ve deneyimleri başlar.

Bir davet oluşturmak veya düzenlemek için, Zoom'un Web yöneticisine gidin.

Oradan, tıklayın **+Kampanya Ekle** veya mevcut bir Kampanyanın taslağını açın. Şuraya kaydırın **davet** bölümüne yeni bir davet oluşturmak için.

<figure><img src="/files/5dae5b7927ed9e5b11ce25514d637c8460cc27d4" alt="Image of a Zoom Support window that says &#x22;Hello! How can we help?&#x22;" width="375"><figcaption></figcaption></figure>

Aşağıdaki Ayarları Yapılandırabilirsiniz **Yapışkan davet** simgesi:

* **Düğme Boyutu:** sohbet davet simgenizin boyutu, kolayca fark edilip tıklanabilecek veya dokunulabilecek kadar büyük olmalı, ancak kullanıcı deneyimini bozacak veya önemli içeriği kapatacak kadar da büyük olmamalıdır. Zoom üç davet boyutu sunar:
  * **S:** 40 piksel
  * **M:** 56 piksel, **varsayılan**
  * **L:** 72 piksel
* **Düğme Rengi:** Web sitenizin arka planına karşı yüksek kontrasta sahip bir düğme rengi Seç. Şunu takip etmenizi öneririz [WCAG 2.1 yönergeleri](https://www.w3.org/TR/WCAG21/#contrast-minimum); bu, simgeler ve düğmeler gibi kullanıcı arayüzü (UI) bileşenlerinin arka planlarına karşı en az 3:1 kontrast oranına sahip olmasıdır.
* **Simgesi:** Bir simge, kullanıcılarınızın düğmeye dokunduklarında ne bekleyebilecekleri hakkında fikir edinmelerine yardımcı olabilir. Zoom, sohbet başlatmayı belirten varsayılan tasarımlar arasından Seç için bazı seçenekler sunar. Ayrıca bir SVG dosyası kullanarak kendi özel simgenizi de Ekleebilirsiniz. SVG dosyaları 10 MB’tan küçük olmalıdır.
* **Köşe Yarıçapı:** davet simgesinin ne kadar yuvarlak ya da kare olmasını istersiniz? Düğmelerinizin nasıl göründüğüne dair web sitenizde bir desen olup olmadığını görmek için web sitenize bakın veya bir tercihlerinin olup olmadığını marka ekibinize sorun. 8 piksel gibi daha düşük bir köşe yarıçapı kullanmak, davetinizi daha kare yapar. 28 piksel gibi daha yüksek bir köşe yarıçapı kullanmak, davetinizi daha yuvarlak yapar.
* **Davetinize Metin Ekle:** Bir davet düğmesine metin etiketi Ekle, onu daha anlaşılır ve çekici hale getirir. Kullanıcılar düğmenin amacını hemen anlar, böylece simgenin ne anlama geldiğini tahmin etmek zorunda kalmazlar. Ancak bu, daha fazla alan kaplar ve özellikle mobilde ekranı kalabalıklaştırabilir. Hedef kitlenizi ve en sık kullandıkları cihazları dikkate aldığınızdan emin olun. Bir yazı tipi Ekleyecekseniz, Arial, Georgia, Tahoma veya Verdana hazır yazı tipi seçeneklerinden birini Seçebilir; ya da TTF dosyası kullanarak kendi özel yazı tipinizi yükleyebilirsiniz.

#### <mark style="color:mavi;">**Sayfadaki Davet Konumu**</mark>

Bir Destek davet simgesi için en popüler Konum, alttan ve yandan 20 piksel boşluk bırakarak sağ alt köşedir. Bu, genellikle önemli içeriği engellemeden kolayca fark edilir.

Kendi web sitenize hem masaüstünde hem de мобilde bakmanızı öneririz. Tesisinizde bu Konumda zaten bir banner veya düğme varsa, bu müşterinizin kullanılabilirliğine zarar verebilir veya kullanıcı akışlarını bozabilir.

Aynı noktada bir öğeniz (örneğin bir çerez banner’ı, gezinme çubuğu veya başka bir widget) varsa, sohbet davet simgeniz için hizalamayı sola ya da sağa değiştirmeyi veya alttan ya da kenarlardan olan boşluğu ayarlamayı düşünün.

{% hint style="success" %}
**Örnek**

Sohbet davet düğmenizin mobil cihazlarda sayfanızın alt kısmındaki kritik bir bağlantıyı kapattığını fark ederseniz, davet simgesi artık o öğeyi kapatmayana kadar boşluğu artırın.
{% endhint %}

Ayrıca, simgeyi sayfa üzerinde daha da esnek bir şekilde hareket ettirebilmeleri için "Tüketicilerin daveti sürükleyip taşımasını Etkinleştir" seçeneğini de kullanabilirsiniz.

#### <mark style="color:mavi;">Sık Sorulan Soru</mark>

Sohbet davet simgesi, mobil cihazlarda belirli bir sayfada kullanıcıları engelliyor veya dikkatlerini dağıtıyor. Seçeneklerim nelerdir?

**Yanıt:**

Bunu başarmanın birkaç yolu vardır.

* **Seçenek 1:** Davet simgesinin konumunu sayfada Değiştir. Offset ve konum seçeneklerini kullanarak davetin sayfadaki yerleşimini değiştirebilirsiniz. Bu, daveti düzenleyerek yapılandırılır.
* **Seçenek 2:** Sayfa Konumuna göre sohbet simgesini Göster veya Gizle. Tüm ödeme sayfaları için sohbet davetini tamamen kaldırmak istiyorsanız, ödeme sayfalarını hariç tutacak şekilde Konum'u düzenleyin. Örneğin, URL'de "ödeme" geçen tüm sayfaları hariç tutabilirsiniz.
* **Seçenek 3:** Cihaz ile hedeflemeyi ayarlayın. Davet simgesinin mobil sitelerde görünmesini istemiyorsanız, Kampanya Hedefleme altındaki "mobil telefon" seçeneğinin işaretini kaldırın. Ayarlamak için tıklayın **Kampanya**, **Hedefleme**.

Zoom Campaigns bir [**Gömülü davet**](/technical-library/tr/isletme-hizmetleri/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md#the-parts) seçeneği sunar; eğer sohbeti başlatmak için varsayılan yapışkan simgeyi kullanmak istemiyorsanız. Bu, sitenizdeki menünüzde bir düğme ya da bir sayfadaki bir bağlantı gibi herhangi bir öğeyi, sohbet penceresini açmak için bir tetikleyiciye dönüştürmenizi sağlar.

Bunu yapmak için, öğeyi tesisinizin HTML’inde oluşturur ve onu sohbete bağlamak için Zoom Campaign SDK’sını kullanırsınız. Bir kullanıcı o öğeye tıkladığında, sohbet penceresini açar ve kampanya deneyimini başlatır. İsterseniz, sitenizdeki mevcut HTML’i de sohbet penceresini tetiklemek için kullanabilirsiniz.

<figure><img src="/files/64ea3030122a5d40b0c11ffbf8dee5d1a7b10a82" alt="Image of the Create Embedded Invitation screen." width="375"><figcaption></figcaption></figure>

{% hint style="warning" %}
**Dikkat**

Hem Yapışkan bir davet simgesi hem de web sitenizdeki bir düğme tıklamasıyla sohbeti başlatmayı tetiklemek mi istiyorsunuz?

Yapışkan davet seçeneğini kullanarak bir Campaign oluşturun, ardından [Zoom's Campaign SDK](https://developers.zoom.us/docs/contact-center/web/sdk-reference/) ile sohbeti başlatmayı tetikleyin.
{% endhint %}

***

### Proaktif Mesajlaşma

Ya ekibinizle veya sanal temsilcinizle sohbet etmeleri için kullanıcınızın dikkatini çekmenin daha Aktif bir yolu istiyorsanız? Zoom's Proaktif Mesajlaşma Özellikler, işletmelerin daveti tıklayarak müşterinin sohbeti başlatmasını beklemek yerine ziyaretçilerle konuşma başlatmasına olanak tanır.

#### <mark style="color:mavi;">Nasıl Yardımcı Olur</mark>

* **Daha İyi Etkileşim:** İnsanların dikkatini çekebilir ve doğru zamanda yardım sunabilirsiniz.
* **Daha Fazla Potansiyel Müşteri:** Özel mesajlar ve düğmeler, bir ajanla sohbet ederek daha fazla bilgi edinmeleri ya da bir takip çağrısı için bilgilerini paylaşmaları konusunda insanları teşvik edebilir.
* **Daha Hızlı Destek:** Ziyaretçileri hızlıca bir bot veya canlı bir ajana bağlayarak gecikmeden yanıt almalarını sağlayın.

Bir kullanıcı, proaktif mesajlaşmanın etkin olduğu bir sayfaya geldiğinde bir mesaj alır ve belirli bir akışı başlatmak için düğmelere tıklayabilir.

#### <mark style="color:mavi;">Nerede Kurulur</mark>

Bu Özellikler altında kurulur **Kampanyalar**, ve web sayfalarında kullanılan **Yapışkan** davet türü için sohbet kampanyalarında kullanılabilir.

#### <mark style="color:mavi;">Kullanıcılarınızı Hedefleyin</mark>

Proaktif mesajınızı gecikmeli olacak şekilde ayarlayabilirsiniz; böylece yalnızca o sayfada belirli bir süre boyunca bulunmuş kullanıcılar için görünür. Ayrıca, kullanıcının mesajı 24 saatlik bir süre içinde yalnızca bir kez görmesini mi istediğinizi ya da kullanıcının sayfayı yenilemesi veya eşleşen başka bir sayfayı ziyaret etmesi durumunda proaktif mesajın yeniden görünmesini mi istediğinizi de seçebilirsiniz.

<figure><img src="/files/487a7cf1ea67c36e5d5d016729d35f100de9964f" alt="Image of a Zoom Campaign window that asks &#x22;How can I help&#x22;." width="191"><figcaption></figcaption></figure>

#### <mark style="color:mavi;">Sık Sorulan Soru</mark>

Kullanıcılarımın herhangi bir zamanda bir sohbet başlatabilmesi için bir davet simgesine sahip olmak istiyorum, ancak Müşterilerime belirli bir sayfada (örneğin, şirketimin fiyatlandırma sayfasında) proaktif bir mesaj da göndermek istiyorum. Bunu nasıl kurarım?

**Yanıt**

İki Kampanya oluşturmak isteyeceksiniz: tüm web siteniz genelinde standart davetiniz için bir tane ("Kampanya A"), ve proaktif mesajın olmasını istediğiniz sayfa için başka bir Kampanya ("Kampanya B").

Her bir Kampanya için, Kampanya Konumlarını örtüşmeyecek şekilde tanımlamak isteyeceksiniz.

{% hint style="success" %}
**Örnek**

Kampanya A'nın Konum'u "zoom.us/pricing" hariç tutulmalı ve Kampanya B'nin Konum'u "zoom.us/pricing" içermelidir. Böylece, "zoom.us" içeren herhangi bir URL'yi ziyaret eden kullanıcılar normal daveti görecek, ancak "zoom.us/pricing" belirli sayfasına gelen kullanıcılar proaktif mesajın açıldığını görecektir.
{% endhint %}

***

### Avatarlar

Bir avatar, web sohbetinde iletilerin yanında görünen görüntüdür. Sohbete kişilik ve markalama katmaya yardımcı olur.

<figure><img src="/files/6fd8da3d1cbe1f1b9651e8ab993649c4b0b540d9" alt="Image of the Zoom Virtual Agent avatar, including a picture of a woman with dark hair and a headset." width="375"><figcaption></figcaption></figure>

Bir kullanıcı bir temsilciye bağlanmadan önce gönderilen iletiler için (örneğin, bir karşılama mesajı veya Sanal Temsilci), tüm deneyimleriniz genelinde tek bir varsayılan avatar ayarlayabilir ya da her bir sohbet akışı için benzersiz bir avatar ayarlayabilirsiniz. Bu, işleri tutarlı tutma veya deneyimi farklı markalar ya da kullanım durumları için özelleştirme esnekliği sağlar.

Kullanıyorsanız **Zoom iletişim merkezi**, aşağıdakine tıklayın:

1. Tercihler
2. Tüketici Deneyimi
3. Varsayılan Akış Mesajı Avatarı ve Adı.

Kullanıyorsanız **Yalnızca Zoom Virtual Agent**, aşağıdakine tıklayın:

1. AI Studio
2. Sanal Temsilciler
3. Sohbet botları
4. Ayarlar

<figure><img src="/files/888a865b5f019a84b40b88549f700db82da71ecb" alt="Side-by-side image of the Customize Name and Avatar screen and a rendering of the settings."><figcaption></figcaption></figure>

Müşteriniz bot'tan Zoom İletişim Merkezi'ndeki canlı bir temsilciye geçtiğinde, temsilcinin avatarının nasıl görüneceğini de kontrol edebilirsiniz. İletişim Merkezi'ndeki temsilcinin profil resmi, baş harfleri veya belirlenmiş bir avatar görüntüsü arasından Seçip Göster.

Kurulum için aşağıdakine tıklayın:

1. Tercihler
2. Tüketici Deneyimi
3. Görüntüyü göster

***

### Ek Sohbet Yapılandırması Ayarlar

#### <mark style="color:mavi;">Zoom Campaign SDK ile Web Sohbet Penceresini kontrol edin</mark>

Zoom İletişim Merkezi (ZCC) ve Zoom Virtual Agent (ZVA) Kampanya SDK’sı, geliştiricilere web sohbetinin nasıl davrandığı ve web sitenizle nasıl etkileşime girdiği üzerinde daha fazla kontrol sağlar. Kullanıcı eylemlerine, sayfa bağlamına veya özel mantığa bağlı olarak sohbeti programlı biçimde açmanıza, kapatmanıza ve davranışını kontrol etmenize olanak tanır.

Örneğin, kullanıcılarınız belirli bir sayıda saniyedir sayfadayken veya belirli bir düğmeye tıkladıklarında sohbet pencerenizin otomatik olarak açılmasını sağlayabilirsiniz.

Bak [Zoom Geliştirici Dokümantasyonu SDK Referansı](https://developers.zoom.us/docs/contact-center/web/sdk-reference/) daha fazla ayrıntı için.

#### <mark style="color:mavi;">Tesis Geneli Sohbet Kalıcılığı</mark>

Sohbet kalıcılığı, bir kullanıcının sohbet oturumunun web sitenizdeki farklı sayfalar arasında hareket ederken devam edip etmediğini kontrol eder.

* **Kalıcılık&#x20;*****etkinse*****&#x20;(varsayılan):** Aynı sohbet sayfalar arasında açık kalır, böylece kullanıcı kesintisiz olarak konuşmasına devam edebilir.
* **Kalıcılık&#x20;*****devre dışıysa*****:** Kullanıcı yeni bir sayfaya gittiğinde sohbet devam etmez; ancak bu sayfa ilk kampanyanın tanımlanan Konumunun açıkça bir parçasıysa devam eder.

Bu Değiştir, aynı alan adındaki birden fazla marka veya departmanı olan işletmelerin sohbet kampanyalarını ayrı tutmasını kolaylaştırır. Kullanıcıların ilgisiz sayfalar arasında bir sohbeti taşımasını önler ve manuel kurulum ihtiyacını azaltır.

Bu ayarı şurada bulun **Zoom iletişim merkezi** ve **Zoom Virtual Agent Tercihleri**.

#### <mark style="color:mavi;">Ses Bildirimleri</mark>

Varsayılan olarak, temsilciniz veya sanal temsilciniz web sohbetinde bir mesaj gönderdiğinde, tüketiciler bir bildirim sesi duyar. Varsayılan sesler marka deneyiminiz için rahatsız edici geliyorsa, bunları şurada kapatabilirsiniz **Zoom iletişim merkezi** veya **Zoom Virtual Agent Tercihleri**.

Tüketiciler, tercih ederlerse bunları sohbet menüsünden yeniden etkinleştirme seçeneğine yine de sahip olacaklar.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://library.zoom.com/technical-library/tr/isletme-hizmetleri/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.