# Genel bakış

> Entase JavaScript istemcisi, ziyaretçiyi başka bir sayfaya yönlendirmeden, ödeme sayfasını kendi web sitenizden satır içi panel veya açılır pencere olarak açar.

Entase JavaScript istemcisi, CDN'imizden yüklediğiniz küçük bir kütüphanedir. Web sitenize kendi başına yapamayacağı bir işlev kazandırır: **Entase ödeme sayfasını bulunduğu yerde açmak**; böylece ziyaretçi, bulunduğu sayfadan ayrılmadan bilet satın alır.

Paneli veya açılır pencereyi, arka plan katmanını, sayfa kaydırmasının kilitlenmesini, onay adımını, yerel ayarı ve izleme parametrelerini yönetir. Kodunuz, ödeme sayfasının *ne zaman* ve *hangi etkinlik için* açılacağına karar verir.

## Ne değildir

İstemci; etkinlik listelerini, tarihleri, fiyatları veya müsaitliği görüntülemez. Programınızı gösteren hazır bir bileşen istiyorsanız bunun yerine yerleştirme kodlarını kullanın – bunlar kopyalayıp yapıştırmaya hazırdır ve geliştirme çalışması gerektirmez. Bkz. [Etkinlikleri web sitenize yerleştirme](/organizers/sharing-and-embedding/embedding-events-on-your-website.md).

Ancak ikisi birbirinin alternatifi değildir. Yerleştirme bileşeni, ödeme sayfasını açmak için arka planda aynı istemciyi yükler; bu nedenle istemci seçeneklerini yerleştirme yapılandırması üzerinden iletebilirsiniz. Bkz. [Gelişmiş yerleştirme seçenekleri](/developers/js-client/embed-advanced-options.md).

## Ne zaman kullanılmalı

Kendi etkinlik sayfalarınız varsa ve kendi "Bilet satın al" düğmenizin Entase ödeme sayfasını açmasını istiyorsanız istemciyi doğrudan kullanın:

```html
<button id="buy">Bilet satın al</button>

<script src="https://js.entase.com/client.js"></script>
<script>
  const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });
  document.getElementById('buy').addEventListener('click', () => {
    entase.book('EVENT_ID');
  });
</script>
```

Tüm entegrasyon bundan ibarettir. Bu bölümdeki diğer her şey ayrıntılandırmadır: mevcut seçenekler, ödeme sayfasının panel ile açılır pencere arasında nasıl karar verdiği ve hangi olayları dinleyebileceğiniz.

## İki ödeme sayfası modu

Ödeme sayfası iki yoldan biriyle açılır:

- **Panel** – sayfanızın içinde, masaüstünde sağdan ve mobilde alttan kayarak açılan satır içi bir panel. Ziyaretçi sitenizden hiç ayrılmaz.
- **Açılır pencere** – ayrı bir tarayıcı penceresi.

Panel modu daha iyi bir deneyim sunar, ancak yalnızca Entase ayarlarınıza güvenilir kaynak olarak eklediğiniz alan adları için kullanılabilir. İstemci, hangisini kullanmasına izin verildiğini algılar ve satır içi ödeme sayfasına izin verilmediğinde açılır pencereye geri döner. Entegrasyondan önce anlaşılması gereken en önemli davranış budur – bkz. [Ödeme sayfası modları](/developers/js-client/checkout-modes.md).

## Gereksinimler

- **HTTPS** üzerinden sunulan bir sayfa. Düz HTTP'de istemci her zaman açılır pencere kullanır.
- Satır içi ödeme sayfası istiyorsanız alan adınızın Ayarlar → Entegrasyonlar bölümünde **güvenilir kaynaklara** eklenmiş olması gerekir. Bkz. [Entegrasyonlar ve ödeme sayfası özelleştirmesi](/organizers/settings/integrations-and-checkout-customization.md).
- Derleme adımı, paketleyici veya paket yöneticisi gerekmez. Kütüphane tek bir betik etiketidir.

## Sonraki adımlar

- [İstemciyi yükleme](/developers/js-client/installing-the-client.md) – betiği yükleme ve bir örnek oluşturma.
- [Kurucu seçenekleri](/developers/js-client/constructor-options.md) – tüm seçenekler ve varsayılan değerleri.
- [Ödeme sayfasını açma](/developers/js-client/opening-the-checkout.md) – `book()` yöntemi ve çağrı başına geçersiz kılmalar.
- [Olaylar](/developers/js-client/events.md) – ödeme sayfasının açılmasına, kapanmasına ve tamamlanmasına tepki verme.