HTML-Callto

Zeeshan Afridi 20 Juni 2023
  1. Was ist callto in HTML
  2. So verwenden Sie den callto-Einbettungscode in HTML
  3. Erstellen Sie einen call-to-action-Button in HTML
  4. Abschluss
HTML-Callto

Mit dem HTML-Tag callto können Sie ganz einfach einen anklickbaren Telefonlink auf Ihrer Website erstellen. Schließen Sie die Telefonnummer, die Sie verlinken möchten, in das Tag callto ein, z. B. callto:1-800-123-4567.

Wenn jemand auf den Link klickt, wählt sein Telefon automatisch die Nummer für Sie.

Was ist callto in HTML

Callto in HTML ist ein Hyperlink, der es Benutzern ermöglicht, auf eine Telefonnummer zu klicken und sie anzurufen. Dies ist nützlich, um Kontaktinformationen auf einer Website bereitzustellen oder Benutzern zu ermöglichen, ein Unternehmen direkt von einer Webseite aus anzurufen.

Callto-HTML kann mit dem a-Element und dem href-Attribut erstellt werden.

Die Syntax von callto in HTML:

<a href="callto:1-800-123-4567">1-800-123-4567</a>

Wenn Benutzer auf den obigen Link klicken, wählt ihr Telefon automatisch die Nummer.

So verwenden Sie den callto-Einbettungscode in HTML

Mit dem Einbettungscode Callto können Sie einen Call-to-Action-Button auf Ihrer Website einbetten. Wenn ein Benutzer auf die Schaltfläche klickt, öffnet sich ein neues Fenster mit der von Ihnen angegebenen Callto-URL.

Sie können diesen Code für Ihre Website verwenden, aber stellen Sie sicher, dass Sie die URL durch Ihre ersetzen.

<a href="callto:URL">Call Me</a>

Sie können den Code auch verwenden, um eine Schaltfläche zu erstellen, die Sie automatisch an die angegebene Nummer für den Besucher weiterleitet. Fügen Sie dazu dem Code das Attribut auto-dial wie folgt hinzu:

<a href="callto:URL" auto-dial>Call Me</a>

Schauen wir uns ein Beispiel an.

<!DOCTYPE html>
<html>
    <body>
        <p>To create a link to a telephone number, use tel: inside the href attribute:</p>
        <p><a href="tel:+4733378901" auto-dial>+47 333 78 901</a></p>
    </body>
</html>

Erstellen Sie einen call-to-action-Button in HTML

Das Erstellen einer Call-to-Action-Schaltfläche mag entmutigend erscheinen, wenn Sie neu in der HTML-Codierung sind, aber keine Sorge; es ist ziemlich einfach.

Zuerst müssen Sie ein Schaltflächenelement mit dem Tag <button> erstellen. Im Tag müssen Sie den gewünschten Schaltflächentyp angeben; In diesem Fall verwenden wir das Attribut type="submit" für einen Call-to-Action-Button.

<button type="submit"></button>

Als Nächstes müssen Sie Ihrer Schaltfläche Inhalte hinzufügen, die dem Benutzer angezeigt werden. Der Stil und Inhalt der Schaltfläche sollte überzeugend sein, um die Benutzer anzuziehen und sie davon zu überzeugen, darauf zu klicken.

<button type="submit">Let's have a meet up</button>

Zuletzt müssen Sie Ihrer Schaltfläche einen Link hinzufügen, um den Benutzer auf den eigentlichen Link umzuleiten, z. B. ein Anmeldeformular, einen Newsletter, eine Besprechungsbuchung usw.

<!DOCTYPE html>
<html>
    <body>
        <p>To create a button for a phone number, use tel: inside the href attribute:</p>
        <button type="submit"><a href="callto:1-800-123-4567">Call me </a></button>
    </body>
</html>

Das ist es! Mit nur wenigen Codezeilen können Sie einen Call-to-Action-Button erstellen, der dabei hilft, Ihre Website-Besucher in Abonnenten, Kunden, Klienten usw. umzuwandeln.

Abschluss

Das callto-HTML ist ein Code, der es einer Website ermöglicht, einen Call-Button auf ihrer Seite zu platzieren. Wenn Sie auf die Schaltfläche klicken, wird ein Telefonanruf an die im Code angegebene Nummer initiiert.

Dies kann ein wertvolles Mittel für Unternehmen sein, die ihren Kunden eine einfache Möglichkeit bieten möchten, mit ihnen in Kontakt zu treten.

Von den beiden oben genannten Methoden können Sie also die HTML-Funktion callto verwenden und Verbindungen zwischen Personen herstellen.

Zeeshan Afridi avatar Zeeshan Afridi avatar

Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.

LinkedIn

Verwandter Artikel - HTML Tag