Übersicht

Im Dashboard unter “Teilen” findest du verschiedene Möglichkeiten, deine Events auf deiner eigenen Website einzubinden oder zu verlinken.

Voraussetzung

Du benötigst ein vollständig ausgefülltes Sommelier-Profil mit Anzeigename und Profil-URL, um diese Funktion nutzen zu können.

Links teilen

Kopiere diese Links für Social Media, E-Mail oder deine Website:

Link	Beschreibung
Mein Profil	Zeigt dein komplettes Sommelier-Profil mit allen Events
Meine Events	Zeigt nur deine Event-Liste - ideal zum direkten Teilen

Du kannst die Button-Farben an dein Branding anpassen:

Button-Farbe: Die Hintergrundfarbe des Buttons
Text-Farbe: Die Schriftfarbe auf dem Button

Die Farben werden als Hex-Werte eingegeben (z.B. #d97706 für Orange). Eine Live-Vorschau zeigt dir sofort das Ergebnis.

Embed-Codes

Website-Button

Ein einfacher HTML-Button, der zu deinem Profil oder deiner Event-Seite verlinkt. Ideal für:

Landing Pages
Kontaktseiten
E-Mail-Signaturen

Verwendung: Kopiere den HTML-Code und füge ihn an der gewünschten Stelle in deine Website ein.

Events einbetten (iFrame)

Zeigt deine Events direkt auf deiner Website an - Besucher können von dort aus buchen, ohne TastingHub verlassen zu müssen.

Features:

Responsive Design - passt sich automatisch an alle Bildschirmgrößen an
Automatische Höhenanpassung je nach Anzahl der Events
Event-Bilder werden angezeigt (falls vorhanden)
Direktbuchung möglich

Verwendung:

Kopiere den kompletten Code (iFrame + Script)
Füge ihn in deine Website ein (HTML-Bereich oder Page Builder)
Das Script sorgt für die automatische Höhenanpassung

<iframe id="tastinghub-embed" src="..." width="100%" height="600"
  frameborder="0" style="border:none;" title="Meine Events"></iframe>
<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'resize') {
    document.getElementById('tastinghub-embed').style.height = e.data.height + 'px';
  }
});
</script>

Bekannte Einschränkungen

WordPress mit Sicherheits-Plugins

Einige WordPress-Sicherheitsplugins (z.B. Wordfence, Sucuri, iThemes Security) blockieren iFrames von externen Domains.

Lösung: Füge tastinghub.app zur Whitelist/Allowlist deines Sicherheitsplugins hinzu.

Content Security Policy (CSP)

Websites mit strikter Content Security Policy können das Einbetten blockieren.

Lösung: Erlaube frame-src https://tastinghub.app in deiner CSP-Konfiguration.

Page Builder Einschränkungen

Manche Page Builder (z.B. Elementor, Divi) haben eigene HTML-Widgets. Achte darauf, dass du den kompletten Code (iFrame + Script) einfügst, nicht nur den iFrame.