Speeeak einbauen
in deine Website.

Recorder-Widget, eingebettete Sprachnachrichten, WordPress, React, API – alles in wenigen Zeilen. Ein Widget schon im kostenlosen Konto, mehr ab Pro.

Neu hier? Lehrgang: Mikrofon auf deiner Website – Schritt für Schritt vom leeren HTML bis zum laufenden Widget, mit Live-Beispielseite und Datei zum Herunterladen. Anleitungen mit Bildern: docs.speeeak.de

1. Recorder-Widget – Besucher sprechen dir eine Nachricht ein

Schlüssel im Konto unter Widgets anlegen, dann diese Zeile dort einfügen, wo das Widget erscheinen soll:

<script src="https://speeeak.de/js/widget.js" data-widget="DEIN-SCHLÜSSEL" async></script>

Optional data-breite="100%". Die Höhe passt sich von selbst an. Nachrichten landen in deinem Eingang – mit Name, E-Mail und Betreff, wenn du die Felder einschaltest.

Schwebend statt im Text

<script src="https://speeeak.de/js/widget.js" data-widget="DEIN-SCHLÜSSEL" data-art="popup" data-text="Nachricht hinterlassen" data-position="rechts" data-farbe="#6751df" data-textfarbe="#ffffff" async></script>

data-art: knopf (Pille → Tafel in der Ecke), popup (Pille → Fenster in der Mitte), lasche (Reiter am Seitenrand), rund (runder Knopf, nur Symbol). Einmal in die Fußzeile der Website – erscheint auf jeder Seite. Dieselben Attribute gelten für einbetten.js (Standardtext „Nachricht anhören“).

2. Sprachnachricht mit Landingpage einbetten

Jede Nachricht mit Landingpage hat im Konto den Knopf „Einbetten“. Der Schnipsel:

<script src="https://speeeak.de/js/einbetten.js" data-nachricht="KENNUNG" async></script>

Ohne Script: <iframe src="https://speeeak.de/n/KENNUNG/einbetten" style="width:100%;max-width:720px;height:620px;border:0"></iframe>

3. WordPress

Plugin herunterladen (ZIP)

ZIP herunterladen, in WordPress unter Plugins → Installieren → Plugin hochladen hochladen und aktivieren.
Einstellungen → Speeeak öffnen – dort steht Schritt für Schritt, wo du den Widget-Schlüssel findest und wie du das Widget auf eine Seite setzt (Block „Speeeak Widget“ oder Shortcode [speeeak_widget]).
Eine Nachricht einbetten: Block „Speeeak Nachricht“ mit der Kennung aus dem Hörlink – oder [speeeak_nachricht kennung="…"].

4. React

SpeeeakWidget.jsx herunterladen

import { SpeeeakWidget, SpeeeakNachricht } from './SpeeeakWidget';

<SpeeeakWidget schluessel="w…" breite="640px" />
<SpeeeakNachricht kennung="…" />

Keine Abhängigkeiten außer React. Die Komponente kümmert sich um die Höhe und nimmt nur Meldungen von speeeak.de an.

5. Erlaubte Websites und Datenschutz

Im Widget kannst du festlegen, auf welchen Websites es laufen darf – dann wird es nirgendwo sonst angezeigt.
Besucher sehen vor dem Senden, an wen die Nachricht geht und wie lange sie gespeichert wird; sie bestätigen das mit einem Haken.
Alles liegt auf Servern in der EU und wird nach Ablauf deiner Speicherfrist automatisch gelöscht.

Du willst Nachrichten per Schnittstelle abholen oder in eigene Systeme schicken? Die API gibt es für Business-Kunden – Kontakt über das Impressum.

Für Gedanken, die man lieber hört.