Telefonnummern als Link in E-Mail-Benachrichtigungen einfügen

Einführung

Möchten Sie die in Ihrem Formular erfassten Telefonnummern zu einem Link in Ihren E-Mail-Benachrichtigungen machen? Standardmäßig können die Telefonnummern in den E-Mail-Benachrichtigungen nicht angeklickt werden, um sie anzurufen. Mit einem kleinen PHP-Snippet können Sie dies jedoch leicht ändern. In diesem Tutorial zeigen wir Ihnen, wie Sie Ihr Formular und Ihre Benachrichtigungen so einrichten, dass diese Nummern die Möglichkeit zum Anrufen bieten.

Bitte beachten Sie, dass dieses Snippet nicht funktioniert, wenn Sie Plain Text als Ihre ausgewählte E-Mail-Vorlage haben. Um herauszufinden, welche E-Mail-Vorlage Sie derzeit verwenden, navigieren Sie bitte zu den WPForms-Einstellungen " E-Mail-Registerkarte aus dem WordPress-Menü auf der linken Seite.

Ihr Formular erstellen

In diesem Tutorial erstellen wir ein Formular mit den Feldern Name, E-Mail, Telefon und Absatztext.

Wenn Sie Hilfe bei der Erstellung eines Formulars benötigen, lesen Sie bitte diese Dokumentation.

Erstellen Sie Ihr Formular und fügen Sie ein Telefonnummernfeld hinzu.

Als Nächstes fügen wir den Codeschnipsel hinzu, der Ihr Telefonfeld in einen Link verwandelt, wenn die E-Mail-Benachrichtigung angezeigt wird.

Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, lesen Sie bitte diesen Leitfaden.


/**
 * Make phone numbers a link inside email notifications
 *
 * @link https://wpforms.com/developers/how-to-make-phone-numbers-a-link-in-email-notifications/
 */

function wpf_dev_html_field_value( $value, $field, $form_data, $context = '' ) {

    // Limit this customization to telephone fields.
    if ( ! empty( $field[ 'value' ] ) && 'phone' === $field[ 'type' ] ) {

        $phone_number = sanitize_text_field( $field[ 'value' ] );

        // Make the phone number field a link in the notification
        if ( ! empty( $phone_number ) ) {

            return '<a href="tel:' . $phone_number . '" target="_blank">' . $phone_number . '</a>';
        }

    }

    return $value;

}
add_filter( 'wpforms_html_field_value', 'wpf_dev_html_field_value', 10, 4 );

Schauen wir uns dieses Snippet an. Der erste Teil des Snippets sucht nur nach den Telefonformularfeldern. Dadurch muss das Snippet nicht für jedes Feld ausgeführt werden.

Im zweiten Teil des Snippets wird die in das Formular eingegebene Telefonnummer in einen klickbaren Link innerhalb der Benachrichtigung umgewandelt, sobald ein Telefonfeld gefunden wird.

Wenn Ihr Formular ausgefüllt ist, wird die Telefonnummer als Link in der E-Mail-Benachrichtigung angezeigt.

Wenn Ihr Formular ausgefüllt ist, wird die Telefonnummer als Link in der E-Mail-Benachrichtigung angezeigt.

Möchten Sie dieses bestimmte Feld zusätzlich validieren lassen? Sehen Sie sich unser Tutorial über die zusätzliche Validierung von Telefonfeldern an.

Filter-Referenz: wpforms_html_field_value