WhatsApp auf der Firmenwebsite: Link oder Chat-Widget?

Ein WhatsApp-Kontakt auf Ihrer Firmenwebsite lässt sich als einfacher Link umsetzen. Besucher öffnen darüber einen Chat mit Ihrem Betrieb. Ein zusätzliches Chatfenster oder eine Verbindung zu Unternehmenssoftware lohnt sich erst, wenn damit eine konkrete Aufgabe gelöst werden soll.

Vor der Beauftragung sollten Sie deshalb den gesamten Kontaktweg beschreiben: Was möchte ein Interessent mitteilen, wer antwortet und welche Alternative bleibt ohne WhatsApp? Daraus ergibt sich der passende Umfang.

Was ein WhatsApp-Link tatsächlich leistet

WhatsApp nennt diese Funktion „Click-to-Chat“. Der Link enthält die vorgesehene Telefonnummer im internationalen Format. Voraussetzung ist ein aktives WhatsApp-Konto des Empfängers. Die offizielle Anleitung zu Click-to-Chat beschreibt die Nutzung auf dem Mobilgerät und mit WhatsApp Web.

Zusätzlich kann eine kurze Nachricht im Eingabefeld vorbereitet werden. Der Besucher kann sie ergänzen und anschließend selbst absenden. Das Öffnen des Chats allein bestätigt weder eine gesendete Nachricht noch deren Eingang bei Ihrem Betrieb. Ein solcher Klick darf deshalb nicht automatisch als gewonnene Anfrage gezählt werden.

Für den Link wird kein Kontaktformular auf Ihrer Website ausgefüllt. Sie können aber weiterhin ein Formular als Alternative anbieten. Das ist hilfreich, wenn jemand WhatsApp nicht nutzt oder seine Anfrage lieber über einen anderen Weg übermittelt.

Link, Chat-Widget und Business-Plattform unterscheiden

Ein grünes Symbol verrät wenig über die Technik dahinter. Manche „Chat-Widgets“ öffnen lediglich einen Link. Andere zeigen zunächst eine Auswahl oder laden einen zusätzlichen Dienst. Lassen Sie erklären, was die vorgeschlagene Einbindung wirklich tut.

Die WhatsApp Business App bietet unter anderem ein Geschäftsprofil und Funktionen zum Beantworten von Kundenkontakten. Die WhatsApp Business Platform stellt dagegen technische Schnittstellen für weitergehende Abläufe bereit, etwa Automatisierungen und die Verbindung mit Unternehmenssoftware. Eine solche Anbindung ist ein eigener Auftrag. Sie entsteht nicht dadurch, dass ein Chat-Symbol eingebaut wird.

Wer antwortet auf die Nachrichten?

Benennen Sie vor dem Einbau die geschäftliche Nummer und die verantwortliche Person. Klären Sie auch, wer bei Abwesenheit übernimmt und wie ein Wechsel organisiert wird. Ein gut sichtbarer Kontaktweg hilft wenig, wenn eingehende Nachrichten im falschen Konto liegen oder im Alltag niemand zuständig ist.

Beschreiben Sie die erwartbare Rückmeldung so, wie Ihr Betrieb tatsächlich arbeitet. „Schreiben Sie uns Ihr Anliegen“ ist eine andere Zusage als eine sofortige persönliche Beratung. Eine automatische Begrüßung kann über den nächsten Schritt informieren; sie ersetzt keine fachliche Antwort.

Beispielbriefing für einen Handwerksbetrieb

Das folgende Beispiel ist frei erfunden. Ein Fensterbaubetrieb möchte kurze Rückfragen zu seinen Leistungen über WhatsApp ermöglichen. Die Website soll dafür keinen zusätzlichen Bot und keine Verbindung zu weiterer Software erhalten. Sein Briefing könnte so aussehen:

• Zweck: Interessenten können nach einer angebotenen Leistung fragen. Eine verbindliche Kalkulation erfolgt später nach Abstimmung.
• Vorbereiteter Text: „Guten Tag, ich interessiere mich für Ihre Leistungen und möchte eine Rückfrage stellen.“ Persönliche Angaben werden nicht in der Linkadresse voreingetragen.
• Bearbeitung: Die benannte Person im Büro antwortet während der vereinbarten Geschäftszeiten. Eine Vertretung ist festgelegt.
• Alternative: Telefonnummer und Kontaktformular bleiben erreichbar.

Für einen Erstkontakt werden nur die Angaben erfragt, die für den nächsten Schritt nötig sind. Umfangreiche Unterlagen können später über einen abgestimmten Weg folgen. Welche Angaben sich für ein eigenes Formular eignen, erklärt die Planung eines Kontaktformulars.

Was die eigene PEMKO-Website bei der Platzierung gezeigt hat

Auf der PEMKO-Website führt WhatsApp über einen gewöhnlichen externen Link zum vorgesehenen Kontakt. Das Symbol wird von der Website selbst bereitgestellt. Bei der Überarbeitung der Kontaktgestaltung wurden WhatsApp und Projektanfrage auf schmalen Inhaltsseiten in einer gemeinsamen unteren Leiste angeordnet. Auf Seiten ohne diese Leiste steht WhatsApp im Footer.

Die Prüfung am Desktop zeigte außerdem, dass der schwebende Kontaktknopf einen Teil der Datenschutzeinstellungen im Footer verdeckte. Daraufhin wurde dort Platz reserviert. Das ist eine konkrete Gestaltungsbeobachtung an der eigenen Website: Auch ein kleines Symbol muss am Seitenende zusammen mit den übrigen Bedienelementen geprüft werden.

Fixierte Leisten und Chatfenster können den Tastaturfokus verdecken. Die W3C-Erläuterung zur Sichtbarkeit fokussierter Elemente beschreibt dieses Problem. Prüfen Sie deshalb gescrollte Seiten, geöffnete Menüs, größere Schrift und die Rückkehr aus Dialogen. Eine einzelne bestandene Ansicht bestätigt noch keine vollständige Barrierefreiheit.

Die tatsächliche Einbindung prüfen lassen

Vereinbaren Sie eine eindeutige Beschriftung wie „Auf WhatsApp schreiben“. Sie erklärt das Ziel besser als ein unkommentiertes Symbol. Auch die HTML-Dokumentation von MDN empfiehlt, das Ziel eines Links aus seinem Inhalt verständlich zu machen.

Lassen Sie außerdem festhalten, ob nur ein externer Link verwendet wird oder zusätzliche Bilder, Skripte und Dienste geladen werden. Bei einem Widget gehört diese Prüfung zum Auftrag. Die technischen Datenverbindungen, die betrieblich verarbeiteten Informationen und die dazu passenden Datenschutzhinweise müssen zur konkreten Nutzung passen. Eine Produktbezeichnung oder ein eingebautes Cookiebanner beantwortet diese Fragen nicht allein.

Sechs Abnahmetests für den fertigen Kontaktweg

1. Richtiges Ziel: Öffnen Sie den Kontakt am Handy und am Computer. Prüfen Sie die vorgesehene Nummer beziehungsweise das angezeigte Empfängerkonto. Dokumentieren Sie unterschiedliche Wege, etwa eine erforderliche Anmeldung bei WhatsApp Web.
2. Kontrolle über den Text: Prüfen und ändern Sie die vorbereitete Nachricht. Brechen Sie den Vorgang auch ohne Versand ab. Das bloße Öffnen darf in Ihrer Auswertung nicht als eingegangene Anfrage erscheinen.
3. Alternative ohne WhatsApp: Lassen Sie eine Person ohne nutzbare WhatsApp-Sitzung den anderen Kontaktweg finden. Telefon oder Formular müssen verständlich erreichbar bleiben.
4. Vollständiger Austausch: Senden Sie nach Abstimmung eine als Test gekennzeichnete Nachricht. Kontrollieren Sie den Eingang beim vorgesehenen Betriebskonto und eine Rückantwort. Öffnen und Absenden werden als getrennte Ergebnisse festgehalten.
5. Bedienung auf der Website: Prüfen Sie mit Tastatur, größerer Schrift und auf schmalen Ansichten bis zum Footer. Öffnen und schließen Sie Menü und Datenschutzeinstellungen; warten Sie, bis Scrollbewegungen beendet sind. Kontaktflächen dürfen wichtige Inhalte und Bedienelemente nicht verdecken.
6. Änderung im Betrieb: Halten Sie fest, wer einen Nummern- oder Zuständigkeitswechsel nachführt. Prüfen Sie anschließend die betroffenen Links und die Bearbeitung erneut.

Notieren Sie zu einem Problem Seitenadresse, Gerät und die Schritte bis zum Befund. Weitere Kundenaufgaben für kleine Bildschirme finden Sie im Beitrag zum responsiven Webdesign.

Den passenden Umfang beauftragen

Ein Angebot sollte Gestaltung, Einbindung und Tests von der späteren Bearbeitung der Nachrichten trennen. Falls ein zusätzlicher Dienst oder eine Plattform benötigt wird, gehören dessen Kosten, Konten und Pflegeaufgaben ebenfalls in die Abstimmung. Pauschale Aussagen zu kostenlosen Funktionen ersetzen die Prüfung des konkreten Produkts nicht.

Für eine Projektanfrage an PEMKO genügen Ihre Webadresse und eine kurze Beschreibung des gewünschten Gesprächsablaufs. Daraus lässt sich die passende Kontaktgestaltung für Ihre Website ableiten, ohne vorsorglich eine umfangreiche Chatlösung einzubauen.