Ticketshop embedden met een iframe

Voor het gebruik van een <iframe> in je eigen website is enige kennis van HTML handig. Hieronder zie je een voorbeeld van de code die hiervoor nodig is.

Voorbeeldcode

<iframe
    src="https://koortickets.nl/ticketshop.php?ids=291&embed&minimal"
    style="width:100%; height:700px; border:none;"
    title="KoorTickets ticketshop">
</iframe>

Uitleg

• &embed is verplicht
  De betaalfunctionaliteit werkt niet in een iframe. De &embed zorgt er daarom voor dat een nieuwe pagina geopend wordt bij een klik op "Bestellen".
• Hoogte (height) aanpassen
  Pas de hoogte aan afhankelijk van het aantal producten dat je verkoopt en hoeveel tekst er zichtbaar moet zijn.
• Breedte (width) – hoe breed wordt de ticketshop?
  De gekozen breedte bepaalt of de ticketshop de beschikbare ruimte volgt, of juist bewust smaller wordt weergegeven:
  • width:100%
    De iframe vult de volledige breedte van zijn container. Dat kan de volledige pagina zijn, maar ook 1 van de 2 kolommen van een tabel.
  • Een vaste breedte (bijv. width:420px)
    De iframe blijft altijd even breed, ongeacht schermgrootte. Dat kan handig zijn als je de ticketshop compact wilt houden of in een smalle kolom wilt plaatsen.
  • width:100%; max-width:420px;
    De iframe schaalt mee met de pagina, maar wordt nooit breder dan de ingestelde maximumwaarde. Dit combineert flexibiliteit met controle over de maximale breedte.
  💡 Tip: gebruik &minimal voor een rustige weergave binnen je eigen pagina.

  👉 Bekijk ook het visuele iframe-voorbeeld .