Başlarken

INFO

Easychatroom sohbet sistemini web sitenize entegre ederken ek dosya yüklemenize gerek yoktur.

Basic Integration

<script>
  window.easychatrooms = {
    EASYCHAT_APP_SOCKET_URL: 'https://demo-servers.easychatrooms.com',
  };
</script>

<div id="app"></div>

<script src="https://cdn1.easychatrooms.com/core/loader.js"></script>

Bu kodları, web sitenizde sohbet sistemini entegre etmek istediğiniz sayfaya eklemeniz yeterlidir.

WordPress Entegrasyonu

Easychatroom'u WordPress ile entegre etmek için aşağıdaki adımları izleyin:

Script'leri Temanıza Ekleyin

WordPress kontrol panelinize gidin. Görünüm > Tema Düzenleyici yolunu izleyin. Düzenlemek istediğiniz şablonu açın. Aşağıdaki script'leri ekleyin:

<script>
  window.easychatrooms = {
    EASYCHAT_APP_SOCKET_URL: 'https://demo-servers.easychatrooms.com',
  };
</script>

<div id="app"></div>

<script src="https://cdn1.easychatrooms.com/core/loader.js"></script>

Shopify

Easychatroom'u Shopify ile entegre etmek için:

Shopify Yönetiminize Erişin

Shopify yönetici panelinize giriş yapın. Online Mağaza > Temalar yolunu izleyin. Aktif temanız için İşlemler > Kodu Düzenle seçeneğine tıklayın. Tema Düzenini Düzenleyin

Layout altında bulunan theme.liquid dosyasını açın.

<script>
  window.easychatrooms = {
    EASYCHAT_APP_SOCKET_URL: 'https://demo-servers.easychatrooms.com',
  };
</script>

<div id="app"></div>

<script src="https://cdn1.easychatrooms.com/core/loader.js"></script>

Save the changes.

HubSpot

Easychatroom'u HubSpot ile entegre etmek için:

HubSpot Hesabınıza Erişin

HubSpot hesabınıza giriş yapın. Pazarlama > Dosyalar ve Şablonlar > Tasarım Araçları yolunu izleyin. Düzenlemek istediğiniz şablonu açın.

Aşağıdaki script'leri html</body> kapanış etiketinden önce ekleyin:

<script>
  window.easychatrooms = {
    EASYCHAT_APP_SOCKET_URL: 'https://demo-servers.easychatrooms.com',
  };
</script>

<div id="app"></div>

<script src="https://cdn1.easychatrooms.com/core/loader.js"></script>

Şablonu kaydedin ve yayınlayın.

Yapılandırmalar

Easychatroom'u aşağıdaki seçenekleri ayarlayarak yapılandırın:

js Copy

window.easychatrooms = {
  EASYCHAT_APP_SOCKET_URL: 'service URL',     // Required
  logo: 'https://easychatrooms.com/logo.png', // Optional
  serverName:'Easy Chat Rooms',               // Optional
  user_id: 'your_user_id',                    // Optional
  password: 'your_password',                  // Optional
  lang: 'en',                                 // Optional, default is 'en'
  theme: 'dark',                              // Optional, options: 'dark' or 'light', default is 'light'
  version: '0.2.1'                            // Optional
};

• EASYCHAT_APP_SOCKET_URL: (Zorunlu) Easychatroom soket bağlantısı için servis URL'si.
• user_id: (Opsiyonel) Tanımlandıysa, sistem otomatik olarak kullanıcıyı giriş yapmayı deneyecektir.
• logo: (Opsiyonel) Dock menu, giril ekranında gösterilecek logo.
• serverName: (Opsiyonel) Websitesinin adının geçeceği alanlarda kullanılacak yazı.
• password: (Opsiyonel) Otomatik giriş için user_id ile ilişkili şifre.
• lang: (Opsiyonel) Dil ayarı. Varsayılan değer 'en' (İngilizce)'dir.
• theme: (Opsiyonel) Tema ayarı. Seçenekler 'dark' (karanlık) veya 'light' (açık) moddur. Varsayılan değer 'light' (açık)'tir.
• version: (Opsiyonel) Sürüm ayarı. Varsayılan değer '1.0.0'dır.

Not:

• EASYCHAT_APP_SOCKET_URL zorunludur.
• Hem user_id hem de password sağlanırsa, sistem otomatik olarak giriş yapmayı deneyecektir.
• lang varsayılan olarak İngilizce ('en') olarak ayarlanmıştır.
• theme varsayılan olarak açık mod ('light') olarak ayarlanmıştır.
• version varsayılan olarak 'latest' (en son) sürümüdür.