Darstellungen – Pille, Popup, Lasche
Wie Widget und Nachricht auf deiner Website erscheinen können – im Text oder schwebend.
Beide Bausteine (Aufnahme-Widget und Nachricht anhören) gibt es in fünf Darstellungen. Du wählst sie im WordPress-Plugin, im Block, per Shortcode oder mit data-art im Schnipsel.
| Darstellung | data-art |
So sieht es aus |
|---|---|---|
| Im Text | text |
fest an einer Stelle der Seite, Höhe passt sich an |
| Pille → Tafel | knopf |
kleiner Knopf unten in der Ecke, öffnet eine Tafel darüber |
| Pille → Fenster | popup |
kleiner Knopf unten, öffnet ein Fenster in der Mitte mit abgedunkeltem Hintergrund |
| Lasche | lasche |
senkrechter Reiter am linken oder rechten Rand, öffnet ein Fenster |
| Runder Knopf | rund |
nur ein rundes Symbol unten in der Ecke, öffnet eine Tafel |
Schließen geht per ×, Escape-Taste oder Klick neben das Fenster.
Parameter
| Attribut | Bedeutung | Beispiel |
|---|---|---|
data-text |
Beschriftung des Knopfs | Nachricht hinterlassen |
data-position |
rechts oder links |
rechts |
data-farbe |
Farbe des Knopfs – wirkt beim Widget auch im Inneren (Mikrofon, Senden) | #0f766e |
data-textfarbe |
Schriftfarbe auf dem Knopf | #ffffff |
data-breite |
nur im Text: Breite des Rahmens | 100% |
data-datenschutz |
nur Widget: Link zu deiner Datenschutzerklärung (das Plugin setzt ihn automatisch) | https://…/datenschutz |
Beispiel – Widget als Fenster, grün, rechts:
<script src="https://speeeak.de/js/widget.js" data-widget="SCHLÜSSEL"
data-art="popup" data-text="Nachricht hinterlassen" data-position="rechts"
data-farbe="#0f766e" data-textfarbe="#ffffff" async></script>
💡 Tipp: Zwei schwebende Elemente auf einer Seite? Setze eins nach links und eins nach rechts – oder nimm für die Nachricht die Lasche und für das Widget die Pille.
Wie es technisch funktioniert
Der Schnipsel lädt ein kleines Script von speeeak.de, das den Knopf zeichnet und beim Öffnen einen Rahmen (iframe) mit der Speeeak-Seite einblendet. Deine Website bekommt keine Aufnahmen zu sehen, es werden keine Cookies gesetzt, nichts wird getrackt. Die Höhe des Rahmens meldet Speeeak an deine Seite, damit nichts abgeschnitten wird.