Jegyértékesítés beágyazása a saját weboldalba

A DiKAS a jegyértékesítéshez karcsú, mobilra optimalizált vendégnézetet biztosít. Ez csak a belépőjegyeket, a dátumot, a darabszámot, az elérhetőséget és a kosarat mutatja. A vásárlás és a fizetés ezután ugyanazon az ellenőrzött pénztárfolyamaton zajlik, mint a normál webáruházban.

Előfeltételek

• A rendezvényjegyek értékesítése be van kapcsolva az Adminisztráció → Beállítások → Üzemeltetés alatt. A webáruházra (online rendelés) ehhez nincs szükség.
• Legalább egy jegytermék rendelkezik jegykonfigurációval és kontingenssel.
• A vendégoldal nyitvatartási ideje és a fizetési szolgáltató be van állítva és tesztelve van.
• Az ügyfél weboldala HTTPS-en fut.
• Az ügyfél weboldalának pontos eredete (origin) ismert, például https://www.mein-lokal.de. Egy elérési út, például /tickets, nem tartozik az eredethez.

Engedélyezés a DiKAS-ban

1. Nyissa meg az Adminisztráció → Online/QR beállítások → Általános oldalt, és fent kapcsolja be a Szakértő módot.
2. Kapcsolja be a Beágyazás iFrame-ként engedélyezése opciót.
3. Az Engedélyezett weboldalcímek alatt soronként adjon meg egy teljes eredetet, például:

https://www.mein-lokal.de
https://mein-lokal.de

1. Mentés.

A www előtaggal és anélkül megadott két cím technikailag különbözik, ezért szükség esetén mindkettőt meg kell adni. Helyettesítő karakterek és idegen oldalak szándékosan nem engedélyezettek. Az adminisztráció, a pénztár, a beléptetés és az ügyfélportál alapvetően nem ágyazható be.

Kód az ügyfél weboldalához

Cserélje le az IHRE-DIKAS-ADRESSE részt a vállalkozás nyilvános címére:

<iframe
  id="dikas-ticketshop"
  title="Eintrittskarten kaufen"
  src="https://IHRE-DIKAS-ADRESSE/shop/tickets"
  loading="lazy"
  referrerpolicy="no-referrer"
  style="width:100%;min-height:680px;border:0;border-radius:16px"
></iframe>

<script>
  window.addEventListener('message', function (event) {
    if (event.origin !== 'https://IHRE-DIKAS-ADRESSE') return;
    if (event.data?.type !== 'dikas:ticket-shop:height') return;
    const frame = document.getElementById('dikas-ticketshop');
    frame.style.height = Math.max(480, Number(event.data.height) || 0) + 'px';
  });
</script>

Az event.origin ellenőrzését nem szabad eltávolítani. A magasságüzenet nem tartalmaz ügyféladatokat; csupán egy második görgetősávot előz meg. A szkript nélkül a beágyazás a rögzített minimális magassággal ugyanúgy működik.

Mobil használat

Kis képernyőn a jegykártyák automatikusan egy oszlopba rendeződnek. A dátum, a darabszám, a vásárlás és a kosár nagy érintési felületekkel rendelkezik. A beágyazó weboldal ne kényszerítse az iframe-et rögzített pixelszélességű vagy overflow:hidden beállítású tárolóba. Az oldal fejlécében a következő viewport-bejegyzésnek kell szerepelnie:

<meta name="viewport" content="width=device-width, initial-scale=1">

Átvételi teszt

1. Nyissa meg az ügyfél weboldalát iPhone/Android szélességben és asztali gépen.
2. Ellenőrizze, hogy nem jelenik meg „A kapcsolat elutasítva” böngészőüzenet.
3. Válasszon időpontot (ha csak egy időpont van, az rögzítve jelenik meg); meg kell jelennie a „Még N elérhető”, illetve az „Elfogyott” feliratnak.
4. Tegyen több jegyet a kosárba, és nyissa meg a pénztárt.
5. Fizessen ki teljesen egy tesztvásárlást, és ellenőrizze a PDF-et/QR-kódot.
6. Ugyanazt a jegyet egyszer léptesse be a mobil beléptető felülettel; a dupla szkennelésnek sikertelennek kell lennie.
7. Az Adminisztráció → Jegyek alatt hasonlítsa össze az eladott darabszámot, a nyitott jegyeket és a kontingenst.

A beágyazás alternatívája

Egy normál hivatkozás vagy gomb a jegyáruházra technikailag robusztusabb, ha a weboldal nagyon szigorú süti-, keret- vagy hozzájárulási szabályokat alkalmaz.