Lesefortschritt:

Anruf oder SMS mit dem Divi-Button starten

11. Februar 2024 | Divi-Theme

Dieser Beitrag beinhaltet 868 Wörter. – Geschätzte Lesezeit: ca. 5 Minuten.

Während viele Websites Kontaktformulare verwenden, gibt es Zeiten und Geschäfte, die einen direkteren oder dringenden Kontakt erfordern. Hier kann ein traditioneller Telefonanruf oder sogar eine Textnachricht sehr nützlich sein. Hier erfahren Sie, wie Sie im Divi-Theme ganz einfach einen Button-Link einrichten können, der die Telefon-App des Benutzers öffnet und einen Anruf (oder ein SMS) startet.

Bestimmt kennen Sie das Button-Modul des Divi-Themes. Links für alle Lebenslagen können mit dem Button hübsch und einfach dargestellt werden.

Doch lassen sich mit einem Klick auf den Button auch Telefonanrufe starten oder SMS schreiben – sofern Sie den Button auf einem Smartphone aktivieren.

Hinzufügen eines Anruf-Buttons

Um per Button einen Sprachanruf zu starten, benötigen Sie zunächst – logischerweise – ein Button-Modul. Platzieren Sie es an geeigneter Stelle. Zum Beispiel im Impressum.

Fügen Sie dem Modul einen geeigneten Text hinzu. Etwa «Jetzt anrufen». Im Linkfeld notieren Sie die anzurufende Telefonnummer. Dabei müssen Sie das Standardformat (zum Beispiel +41 (0)12 345 67 89) ein klein wenig abändern und mit «tel:» ergänzen.

Der Eintrag fürs Linkfeld hiesse in diesem Fall:

tel:+41123456789

Das Resultat sieht dann so aus:

Allenfalls kann es sinnvoll sein, dass der Button bloss auf Smartphones angezeigt wird und auf Tablets und Desktops verborgen bleibt. Um dies zu erreichen klicken Sie im Button-Modul auf das Zahnrad. Dort lässt sich das Modul für die verschiedenen Anzeigegrösse deaktivieren.

Hinzufügen eines SMS-Buttons

Der SMS-Button wird fast gleich erstellt wie der Anruf -Button. Ins Textfeld gehört etwas sinnvolles – beispielsweise «Jetzt SMS schreiben».

Im Linkfeld notieren Sie die Telefonnummer, an welche das SMS geschickt werden soll. Dabei müssen Sie das üblich genutzte Format (zum Beispiel +41 (0)12 345 67 89) anpassen und mit «sms:» ergänzen.

Der Eintrag fürs SMS-Linkfeld geht dann folgendermassen:

sms:+41123456789

Das ergibt dann diese Ansicht:

Auch für den SMS-Button ist zu überlegen, ob der Button nur auf Smartphones angezeigt wird und auf Tablets und Desktops ausgeblendet wird. Dazu klicken Sie im Button-Modul auf das Zahnrad. Dort lässt sich das Modul für die verschiedenen Anzeigegrösse deaktivieren.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This