Comment transformer les numéros de téléphone en lien dans les notifications par e-mail

Introduction

Souhaitez-vous que les numéros de téléphone collectés dans votre formulaire soient cliquables dans vos notifications par e-mail ? Par défaut, les numéros de téléphone qui apparaissent dans la notification par e-mail ne peuvent pas être cliqués pour appeler, mais avec un petit extrait de code PHP, vous pouvez facilement changer cela. Dans ce tutoriel, nous vous guiderons dans la configuration de votre formulaire et de vos notifications pour que ces numéros aient la capacité d'être appelés en cliquant dessus.

Création de votre formulaire

Pour notre tutoriel, nous allons créer un formulaire avec un champ de formulaire Nom, E-mail, Téléphone et Texte de paragraphe.

Si vous avez besoin d'aide pour créer un formulaire, veuillez consulter cette documentation.

Ajouter le code pour rendre les numéros de téléphone cliquables

Ensuite, nous allons ajouter l'extrait de code qui transformera votre champ Téléphone en lien cliquable lors de la visualisation de la notification par e-mail.

Pour obtenir de l'aide sur l'ajout d'extraits de code à votre site, veuillez consulter ce tutoriel.

/**
 * 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 );

Examinons cet extrait de code. La première partie de l'extrait ne recherchera que les champs de formulaire Téléphone. Cela limitera la nécessité d'exécuter l'extrait sur chaque champ.

La deuxième partie de l'extrait, une fois qu'un champ Téléphone est trouvé, prendra le numéro saisi dans le formulaire et le transformera en un lien cliquable dans la notification.

Maintenant, lorsque votre formulaire est complété, le numéro de téléphone apparaîtra sous forme de lien dans la notification par e-mail.

Souhaitez-vous également une validation supplémentaire sur ce champ particulier ? Consultez notre tutoriel sur Comment fournir une validation supplémentaire pour le champ Téléphone.

Articles associés

Référence de filtre : wpforms_html_field_value