> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/anruf-sms-und-e-mail-links-auf-seiten-einrichten.md). # Anruf-, SMS- und E-Mail-Links auf Seiten einrichten ## Kurz erklärt Kontaktlinks und Kontaktbuttons machen aus einer Rufnummer oder E-Mail-Adresse eine direkte Handlung. Besucher:innen tippen oder klicken auf deine Website- oder Funnel-Seite und ihr Gerät öffnet die passende Telefon-, Nachrichten- oder E-Mail-App. Das spart Kopieren und Eintippen. Besonders auf Mobilgeräten ist ein klar beschrifteter Button oft der schnellste Weg, Kontakt aufzunehmen. > **Wichtig:** Ein Link oder Button kann nur eine Aktion auslösen. Möchtest du Anruf, SMS und E-Mail anbieten, brauchst du drei getrennte Kontaktmöglichkeiten. ## Textlink oder Button – was passt besser? | Ziel | Gute Wahl | Was beim Klick passiert | | -------------------------------------------------- | ------------------------------- | --------------------------------------------------------------------------- | | Rufnummer innerhalb eines Satzes anbieten | Anruflink im Text | Das Gerät öffnet die Telefonfunktion mit der hinterlegten Rufnummer. | | Eine klare, auffällige Kontaktmöglichkeit anbieten | Anruf-, SMS- oder E-Mail-Button | Die gewählte App wird mit der hinterlegten Rufnummer oder Adresse geöffnet. | | Ein sichtbares Symbol verwenden | Bild oder Icon verlinken | Das Symbol löst dieselbe einzelne Aktion wie ein Textlink aus. | Verwende einen Textlink, wenn die Kontaktmöglichkeit Teil einer Erklärung ist. Verwende einen Button, wenn Besucher:innen sofort handeln sollen. Gib dem Button immer eine eindeutige Beschriftung, etwa **Jetzt anrufen**, **SMS schreiben** oder **E-Mail senden**. ## Voraussetzungen Du brauchst: * eine Website oder einen Funnel im Seiteneditor; * die vollständige Rufnummer oder E-Mail-Adresse, die Besucher:innen nutzen sollen; * ein Testgerät, idealerweise ein Mobilgerät für Anruf und SMS; * eine veröffentlichbare Seitenversion, damit du den Link außerhalb des Editors testen kannst. ## Anruflink im Text anlegen 1. Markiere den Text, der anklickbar werden soll. 2. Klicke im Seiteneditor auf das Link-Symbol. 3. Trage die Rufnummer im Format `tel:+491234567890` ein. 4. Speichere die Änderung. 5. Öffne die Seitenvorschau. 6. Teste den Link auf einem Mobilgerät. ### Rufnummer richtig eintragen * Beginne den Link mit `tel:`. * Verwende die internationale Schreibweise mit Landesvorwahl, zum Beispiel `+49`. * Lass Leerzeichen und zusätzliche Zeichen weg. * Prüfe nach dem Test, ob das Gerät genau die gewünschte Rufnummer übernimmt. Ein Anruflink im Text ist gut geeignet für Formulierungen wie „Fragen? Ruf uns an“. ## E-Mail-Link im Text anlegen 1. Markiere den gewünschten Text. 2. Klicke auf das Link-Symbol. 3. Trage die Adresse im Format `mailto:kontakt@beispiel.de` ein. 4. Speichere die Änderung. 5. Öffne die Vorschau. 6. Prüfe, ob auf deinem Gerät ein E-Mail-Programm mit der richtigen Empfängeradresse startet. Ein E-Mail-Link ist sinnvoll, wenn Besucher:innen eine Nachricht schreiben sollen, aber nicht sofort anrufen möchten. ## Anrufbutton einrichten 1. Klicke im Seiteneditor auf den gewünschten Button. 2. Öffne rechts **Button-Aktionen**. 3. Wähle bei **Verlinken mit** die Aktion **Anrufen**. 4. Trage die Rufnummer ein. 5. Speichere den Button. 6. Öffne die Vorschau und teste ihn auf einem Mobilgerät. Der Button übernimmt die Rufnummer aus dem Aktionsfeld. Du musst dafür kein `tel:` in den Buttontext schreiben. ## SMS-Button einrichten 1. Wähle den gewünschten Button. 2. Öffne **Button-Aktionen**. 3. Wähle bei **Verlinken mit** die Aktion **SMS**. 4. Trage die Rufnummer ein. 5. Speichere die Änderung. 6. Teste den Button mit einem Mobilgerät, auf dem eine Nachrichten-App eingerichtet ist. Eine SMS-Aktion ist geräteabhängig. Auf einem Desktop passiert möglicherweise nichts, obwohl die Einrichtung korrekt ist. Biete deshalb zusätzlich einen sichtbaren E-Mail- oder Anrufweg an. ## E-Mail-Button einrichten 1. Wähle den Button im Seiteneditor. 2. Öffne **Button-Aktionen**. 3. Wähle bei **Verlinken mit** die Aktion **E-Mail**. 4. Trage die E-Mail-Adresse ein. 5. Speichere. 6. Teste den Button in der Vorschau und anschließend auf der veröffentlichten Seite. ## Bilder und Icons als Kontaktmöglichkeit verwenden Auch Bilder und Icons können verlinkt werden. Das eignet sich zum Beispiel für ein Telefon-, Nachrichten- oder Brief-Symbol. 1. Wähle das Bild oder Icon im Seiteneditor aus. 2. Öffne die Link-Einstellung. 3. Hinterlege die passende einzelne Kontaktaktion. 4. Ergänze das Symbol durch einen gut sichtbaren Text oder eine eindeutige Beschriftung. 5. Teste das Symbol auf Mobilgerät und Desktop. Ein Symbol allein kann missverständlich sein. Eine Beschriftung hilft Besucher:innen zu verstehen, ob es um Anruf, SMS oder E-Mail geht. ## Sicher testen und veröffentlichen 1. Prüfe im Editor noch einmal Rufnummer oder E-Mail-Adresse. 2. Öffne die Vorschau auf einem Desktop. 3. Öffne dieselbe Vorschau auf einem Mobilgerät. 4. Teste jede vorhandene Kontaktaktion einzeln. 5. Prüfe bei Anruf und SMS, ob die richtige Rufnummer übernommen wird. 6. Prüfe bei E-Mail, ob die richtige Empfängeradresse eingetragen wird. 7. Veröffentliche die Seite. 8. Wiederhole mindestens einen Test über die öffentliche Seite. ## Ergebnis prüfen Nach der Veröffentlichung sollte Folgendes stimmen: * Ein Anruflink öffnet die Telefonfunktion mit der richtigen Rufnummer. * Ein SMS-Button öffnet auf einem geeigneten Mobilgerät die Nachrichten-App mit der richtigen Rufnummer. * Ein E-Mail-Link oder -Button öffnet ein E-Mail-Programm mit der richtigen Empfängeradresse. * Jede Kontaktmöglichkeit ist klar beschriftet und gut erreichbar. * Auf der Seite sind getrennte Möglichkeiten sichtbar, wenn du mehrere Kontaktwege anbietest. ## Häufige Probleme ### Auf dem Desktop passiert beim SMS-Button nichts Das Gerät oder der Browser unterstützt diese Aktion möglicherweise nicht. Prüfe den Button auf einem Mobilgerät und biete als Alternative eine sichtbare Rufnummer oder E-Mail-Adresse an. ### Der Anruf führt zur falschen Rufnummer Prüfe das Aktionsfeld im Button oder den `tel:`-Link im Text. Kontrolliere besonders die Landesvorwahl und entferne Leerzeichen oder zusätzliche Zeichen. Speichere anschließend erneut und teste in der Vorschau. ### Ich möchte Anruf und SMS mit einem Button anbieten Das ist nicht möglich. Ein Link kann nur eine Aktion ausführen. Lege zwei getrennte Buttons an und beschrifte sie eindeutig. ### Besucher:innen übersehen die Kontaktmöglichkeit Setze die Buttons an eine gut sichtbare Stelle. Verwende einen klaren Handlungsaufruf und teste die Darstellung auf einem Smartphone. Ein gut sichtbarer Text neben einem Icon verbessert die Verständlichkeit. ### Das E-Mail-Programm öffnet sich nicht Prüfe zuerst das Format: Der Textlink beginnt mit `mailto:`, danach folgt direkt die E-Mail-Adresse. Wenn das Gerät kein Standard-E-Mail-Programm eingerichtet hat, kann es trotz korrektem Link keine neue Nachricht öffnen. ## Praxisbeispiel Eine Beratungsseite soll drei Kontaktwege anbieten. Unter der Leistungsbeschreibung platziert das Team drei Buttons: **Jetzt anrufen**, **SMS schreiben** und **E-Mail senden**. Für den Anrufbutton hinterlegt es die vollständige Rufnummer, für den SMS-Button dieselbe Rufnummer und für den E-Mail-Button das betreute Postfach. Danach öffnet eine Person aus dem Team die Vorschau auf einem Smartphone und prüft jeden Button einzeln. Die SMS-Aktion wird auf dem Desktop nicht bewertet, weil sie dort nicht zuverlässig unterstützt wird. Nach der Veröffentlichung wird der Anrufbutton über die öffentliche Seite noch einmal getestet. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/anruf-sms-und-e-mail-links-auf-seiten-einrichten.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.