Introduction
Souhaitez-vous que les numéros de téléphone collectés dans votre formulaire deviennent un lien dans vos notifications par e-mail ? Par défaut, les numéros de téléphone qui apparaissent dans les notifications par courrier électronique ne peuvent pas être cliqués pour appeler, mais avec un petit extrait de PHP, vous pouvez facilement changer cela. Dans ce tutoriel, nous allons vous aider à configurer votre formulaire et vos notifications pour que ces numéros soient cliquables.
Veuillez noter que ce snippet ne fonctionnera pas si le modèle d'email que vous avez sélectionné est Plain Text. Pour savoir quel modèle d'email vous utilisez actuellement, veuillez naviguer vers l'onglet Paramètres WPForms " Email dans le menu WordPress sur la gauche.
Création du formulaire
Pour les besoins de notre tutoriel, nous allons créer un formulaire avec un champ Nom, Email, Téléphone et Texte du paragraphe.
Si vous avez besoin d'aide pour créer un formulaire, veuillez consulter cette documentation.
Ajouter le code pour faire des numéros de téléphone un lien
Ensuite, nous allons ajouter le bout de code qui transformera le champ Téléphone en un lien lors de l'affichage de la notification par courriel.
Pour obtenir de l'aide sur l'ajout d'extraits à 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 );
Passons en revue cet extrait. La première partie du snippet ne recherchera que les champs du formulaire Téléphone. Cela limitera la nécessité d'exécuter le snippet sur chaque champ.
La deuxième partie du snippet, lorsqu'un champ Téléphone est trouvé, prend le numéro saisi dans le formulaire et le transforme en un lien cliquable dans la notification.
Désormais, lorsque le formulaire est rempli, le numéro de téléphone apparaît sous forme de lien dans la notification par courrier électronique.
Souhaitez-vous disposer d'une validation supplémentaire pour ce champ particulier ? Consultez notre tutoriel sur la validation supplémentaire d'un champ téléphonique.
En rapport
Référence du filtre : wpforms_html_field_value