UC WidgetsUC AkademiUC Action Hub

Genel Ayarlar: widget kimliği, görünüm ve kurulum kodu

Action Hub Genel Ayarlar ekranındaki her alanın ne işe yaradığı, hangi değerleri aldığı ve varsayılanları: alan adı kilidi, 53 hazır simge, renk ve gradyan seçici, pencere genişliği, açılış görünümü ve kurulum kodu.

rehber 12 dk okuma Güncelleme: 2026-08-17

Genel Ayarlar, widget'ın kimliğini ve görünümünü belirleyen tek ekrandır: nerede çalışacağı, ne yazacağı, hangi renkte ve ne kadar geniş açılacağı. Modüllere geçmeden önce burayı doldurmak, sağ alttaki canlı önizlemeyi doğru görmenizi sağlar. Bu rehber ekrandaki her alanı sırayla ele alır.

Sayfayı panelde Eklentilerim → UC Action Hub yolundan açarsınız. Değişiklikler Kaydet ve Yayınla dediğiniz anda sitenize yansır; kodu yeniden eklemeniz gerekmez.

1. Kimlik: widget adı, alan adları ve başlıklar

Genel ayarlar: widget adı, alan adları, başlık ve alt başlık alanları

Widget adı yalnızca panelde görünür; ziyaretçi bunu asla görmez. Birden fazla widget yönetiyorsanız ayırt etmek için kullanılır ("Klinik Widget", "Kampanya Widget'ı" gibi).

Alan adları güvenlik kilididir: widget yalnızca burada seçtiğiniz alan adlarında açılır. Kodunuz başka bir siteye kopyalansa bile çalışmaz. Hemen altındaki kutudan yeni alan adı ekleyebilirsiniz (ornek.com biçiminde, https:// yazmadan).

En az bir alan adı seçmeden kayıt yapılamaz. Seçmeden kaydetmeye çalışırsanız panel sizi uyarır: "Kaydetmeden önce en az bir alan adı seçin."

Başlık ve Alt başlık, widget penceresinin tepesinde görünen metinlerdir. Başlık işletme adınız ("Norwood Diş Kliniği"), alt başlık ise beklenti yönetimi için idealdir ("Genelde birkaç dakikada döner").

AlanSınırVarsayılanNot
Widget adı60 karakterWidgetYalnızca panelde görünür
Alan adlarıÜcretsiz 1 · Pro 3En az 1 zorunlu
Başlık40 karakterİletişimPencere başlığı
Alt başlık60 karakterboşBaşlığın altındaki ince satır

2. Pencere görseli: 53 hazır simge veya kendi logonuz

Pencere görseli: hazır simge ızgarası ve görsel yükleme sekmesi

Pencere başlığının solunda duran simgeyi buradan seçersiniz. İki seçenek var:

  • Hazır simge: sektörlere göre gruplanmış 53 simge (Mesaj, Destek, Takvim, Diş, Klinik, Restoran, Kuaför, Hukuk, Eğitim, Kargo, Otel, Kamera...). Varsayılan sohbet baloncuğu ilk karodur.
  • Görsel yükle: kendi logonuzu ya da bir danışman fotoğrafını yükleyin. Sürükle-bırak destekler.
AyarDeğerlerSınır
Hazır simgeVarsayılan + 53 simge
Görsel yükleJPG, PNG, WebPEn fazla 2 MB
İkisi aynı anda kullanılamaz: görsel yüklerseniz hazır simge devre dışı kalır, hazır simge seçerseniz yüklü görsel kaldırılır. Yüklediğiniz görseli "Kaldır" ile silip simgeye dönebilirsiniz.

3. Karşılama mesajı, form dili ve yazı tipi

Karşılama mesajı, form dili ve yazı tipi ayarları

Karşılama mesajı, pencere açıldığında en üstte görünen cümledir (300 karaktere kadar). Kısa ve davetkâr tutun: "Merhaba! Size nasıl yardımcı olabiliriz?"

Form dili, Form/Randevu/Şikayet modüllerindeki alan etiketlerinin ("Ad Soyad", "Telefon"...) dilini belirler:

SeçenekDavranış
OtomatikSitenizin <html lang> değerine göre seçer (varsayılan)
Türkçe / English / DeutschDili sabitler, sayfadan bağımsız

Yazı tipi ile widget'ın fontunu markanıza uydurursunuz: Sistem (varsayılan, en hızlı, ziyaretçinin cihaz fontu), Inter, Sora, DM Sans, Poppins, Arial. Sistem dışındakiler Google Fonts'tan otomatik yüklenir.

Hız önceliğinizse "Sistem"de kalın: ek bir font dosyası indirilmez, widget anında çizilir.

4. Tema, ülke kodu ve renk

Pencere teması, ülke kodu seçici, renk ve konum ayarları

Pencere teması

Açık (varsayılan) veya Koyu. Siteniz koyu temalıysa "Koyu"yu seçin; pencere ve formlar koyu renkte açılır.

Telefon alanında ülke kodu

Açtığınızda Form, Randevu ve Şikayet modüllerindeki telefon alanında yuvarlak bayraklı ülke seçici görünür ve numara ülke koduyla birlikte kaydedilir. İki ek ayarı vardır:

  • Bayrakları göster: kapatırsanız bayrak yerine yalnızca alan kodu (+90) gösterilir. Bayrak emojileri Windows masaüstünde düzgün çizilmeyebilir; sade görünüm isteyenler kapatabilir.
  • Ülke listesi: Tüm ülkeler (203) ya da Sadece belirli ülkeler. İkincisinde arama kutusundan ülke arayıp yalnız hizmet verdiklerinizi işaretlersiniz; liste hem ada hem alan koduna göre aranabilir.

Renk ve gradyan

Widget'ın ana rengi baloncuğa, başlığa ve butonlara uygulanır. İki mod vardır:

  • Düz renk: tek renk. 16 hazır tondan seçin ya da kendi renginizi girin.
  • Gradyan: iki renk arasında geçiş. 6 hazır ikiliden birine tıklayarak iki rengi birden ayarlayabilir ya da İkinci renki kendiniz seçebilirsiniz.

Renk seçiciyi açtığınızda üç bölüm görürsünüz: en üstte Varsayılan satırı (WhatsApp yeşili · #25D366), altında 16 renklik palet, en altta özel seçici — renk alanı, ton çubuğu, opaklık çubuğu ve hex kutusu. Opaklığı düşürürseniz renk #rrggbbaa biçiminde saydam olarak kaydedilir.

Konum

Baloncuğun ekranın Sağ (varsayılan) ya da Sol alt köşesinde durmasını seçersiniz. Sitenizde sağ altta başka bir öğe varsa (yukarı çık butonu gibi) sola alın.

5. Açılış görünümü, boyut ve zamanlama

Açılış görünümü, pencere genişliği, köşe yuvarlaklığı, ikon stili ve baloncuk gecikmesi

Açılış görünümü, baloncuğa tıklanınca pencerenin nasıl açılacağını belirler:

SeçenekDavranışNe zaman
BaloncukKöşede küçük popup (varsayılan)Çoğu site için ideal
Yan panelKenardan kayan panelUzun form/randevu akışları
Tam ekranEkranı kaplarMobil ağırlıklı, tek odaklı akış

Kalan dört ayar ölçü ve zamanlamayla ilgilidir:

AyarAralıkVarsayılanNe yapar
Pencere genişliği280 - 420 px320 pxMasaüstünde pencerenin genişliği
Köşe yuvarlaklığı0 - 15120 = keskin köşe, 15 = en yuvarlak
İkon stiliÇizgi / DoluÇizgiKanal ikonlarının çizimi; tümü aynı stilde
Baloncuk gecikmesi0 - 20 sn2 snKarşılama baloncuğunun belirme süresi (0 = hemen)

Yanındaki Durum anahtarı widget'ı bütünüyle yayına alır ya da kapatır. Kapalıyken kod sitede kalsa bile widget çizilmez.

6. Marka linkini gizleme Pro

Marka linkini gizle ayarı (Pro)

Widget'ın altındaki "Powered by UC" bağlantısını kaldırır. Ücretsiz planda anahtar kilitli görünür; Pro'ya geçtiğinizde açılır.

7. Kurulum: kodu sitenize ekleme

Kurulum kartı: Kod, WordPress ve Diğer sekmeleri

Sağdaki Kurulum kartında üç sekme vardır.

Kod

Tek satırı kopyalayıp sitenizin </body> etiketinden hemen önce yapıştırırsınız:

<script src="https://ucwidgets.com/wa/v1.js" data-ucwa-key="ANAHTARINIZ" async></script>

Bu kod bir kez eklenir. Panelde yaptığınız her değişiklik siteye otomatik yansır; kodu tekrar yapıştırmanız gerekmez.

WordPress

Kod bilmeye gerek yok: eklentiyi indirin, WordPress'te Eklentiler → Yeni Ekle → Eklenti Yükle yolundan zip'i yükleyip etkinleştirin. Widget anahtarınız eklentinin içinde gömülü gelir, ek ayar istemez.

Diğer platformlar

Wix, Squarespace, Shopify, İkas, Ticimax, IdeaSoft ve Google Tag Manager için adım adım yönergeler bu sekmede yer alır. Her biri "kodu nereye yapıştıracağınızı" menü menü anlatır.

Shopier gibi özel kod eklemeye izin vermeyen sistemlerde ve pazar yerlerinde (Trendyol, Hepsiburada, n11) widget kullanılamaz. Bu durumda WhatsApp link oluşturucu ile hazır bir bağlantı üretip profilinize koyabilirsiniz.

Kaydetme ve sonrası

  • Kaydet ve Yayınla'ya basın. Ayarlar kaydedilir ve site anında güncellenir.
  • Canlı önizlemeyi kontrol edin. Sağ altta gerçek widget çalışır; renk, genişlik ve açılış görünümünü orada deneyin.
  • Modüllere geçin. Genel ayarlar bitti; sırada hangi kanalları açacağınız var.
Sonraki adım: WhatsApp modülü · Kurulum platformları için WordPress rehberi.
Kendi widget'ınızı kurun

14 gün boyunca tüm Pro özellikler açık; kart gerekmez.

Ücretsiz Başla
Hazırsanız 5 dakikada kurun

Tüm Pro özellikler 14 gün ücretsiz; kredi kartı gerekmez, tek satır kodla yayına alırsınız.

UC Action Hub'ı İnceleyin