# Översikt

> Entase JavaScript-klienten öppnar kassan från din egen webbplats, antingen som en infogad panel eller ett popup-fönster, utan att skicka besökaren till en annan sida.

Entase JavaScript-klienten är ett litet bibliotek som du laddar från vårt CDN. Den ger din webbplats en uppgift som den inte kan utföra på egen hand: **öppna Entase-kassan direkt på sidan**, så att en besökare kan köpa en biljett utan att lämna sidan de befinner sig på.

Den hanterar panelen eller popup-fönstret, bakgrunden, låsning av sidans rullning, samtyckessteget, språkversion och spårningsparametrar. Din kod avgör *när* kassan ska öppnas och *för vilket evenemang*.

## Vad den inte är

Klienten återger inte evenemangslistor, datum, priser eller tillgänglighet. Om du vill ha en färdig widget som visar ditt program använder du i stället inbäddningskoderna – de kan kopieras och klistras in och kräver inget utvecklingsarbete. Se [Bädda in evenemang på din webbplats](/organizers/sharing-and-embedding/embedding-events-on-your-website.md).

De två är dock inte alternativ till varandra. Inbäddningswidgeten laddar samma klient i bakgrunden för att öppna kassan, vilket är anledningen till att du kan skicka klientalternativ via inbäddningskonfigurationen. Se [Avancerade alternativ för inbäddning](/developers/js-client/embed-advanced-options.md).

## När du ska använda den

Använd klienten direkt när du har egna evenemangssidor och vill att din egen knapp ”Köp biljetter” ska öppna Entase-kassan:

```html
<button id="buy">Buy tickets</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>
```

Det är hela integrationen. Allt annat i det här avsnittet är finjustering: vilka alternativ som finns, hur kassan väljer mellan en panel och ett popup-fönster samt vilka händelser du kan lyssna efter.

## Två kassalägen

Kassan öppnas på ett av två sätt:

- **Panel** – en infogad panel på din sida, som glider in från höger på datorer och nerifrån på mobiler. Besökaren lämnar aldrig din webbplats.
- **Popup-fönster** – ett separat webbläsarfönster.

Panelläget ger en bättre upplevelse, men är endast tillgängligt för domäner som du har lagt till som betrodda ursprung i dina Entase-inställningar. Klienten känner av vilket alternativ den får använda och växlar till ett popup-fönster när en infogad kassa inte är tillåten. Detta är det enskilt viktigaste beteendet att förstå före integreringen – se [Kassalägen](/developers/js-client/checkout-modes.md).

## Krav

- En sida som levereras via **HTTPS**. Med vanlig HTTP använder klienten alltid ett popup-fönster.
- Din domän måste vara tillagd som ett **betrott ursprung** i Inställningar → Integrationer om du vill använda en infogad kassa. Se [Integrationer och anpassning av kassan](/organizers/settings/integrations-and-checkout-customization.md).
- Inget byggsteg, ingen bundler och ingen pakethanterare. Biblioteket består av en enda skripttagg.

## Nästa steg

- [Installera klienten](/developers/js-client/installing-the-client.md) – läsa in skriptet och skapa en instans.
- [Konstruktoralternativ](/developers/js-client/constructor-options.md) – alla alternativ och deras standardvärden.
- [Öppna kassan](/developers/js-client/opening-the-checkout.md) – metoden `book()` och åsidosättningar per anrop.
- [Händelser](/developers/js-client/events.md) – reagera när kassan öppnas, stängs och slutförs.