Come rendere i numeri di telefono un link nelle notifiche via e-mail

Introduzione

Volete che i numeri di telefono raccolti nel vostro modulo diventino un link all'interno delle vostre notifiche e-mail? Per impostazione predefinita, i numeri di telefono che compaiono nelle notifiche via e-mail non possono essere cliccati per chiamare, ma con un piccolo snippet PHP è possibile modificarlo facilmente. In questo tutorial, vi guideremo attraverso l'impostazione del vostro modulo e delle notifiche, in modo che questi numeri abbiano la possibilità di essere cliccati per chiamare.

Questo snippet non funzionerà se il modello di email selezionato è Plain Text. Per sapere quale modello di e-mail state utilizzando, andate alla scheda Impostazioni di WPForms " E-mail dal menu di WordPress a sinistra.

Creazione del modulo

Ai fini della nostra esercitazione, creeremo un modulo con i campi Nome, Email, Telefono e Testo del paragrafo.

Se avete bisogno di aiuto per creare un modulo, consultate questa documentazione.

creare il modulo e aggiungervi un campo per il numero di telefono

Successivamente, aggiungeremo lo snippet di codice che trasformerà il campo Telefono in un link durante la visualizzazione della notifica e-mail.

Per assistenza nell'aggiunta di snippet al vostro sito, consultate questo tutorial.


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

Esaminiamo questo snippet. La prima parte dello snippet cercherà solo i campi del modulo Telefono. Questo limiterà la necessità di eseguire lo snippet su ogni campo.

La seconda parte dello snippet, una volta trovato un campo Telefono, prenderà il numero inserito nel modulo e lo trasformerà in un link cliccabile all'interno della notifica.

Ora, quando il modulo viene completato, il numero di telefono appare come link nella notifica via e-mail.

Ora, quando il modulo viene completato, il numero di telefono apparirà come link nell'e-mail di notifica.

Si desidera avere un'ulteriore convalida su questo campo particolare? Consultate il nostro tutorial su Come fornire un'ulteriore convalida del campo Telefono.

Riferimento filtro: wpforms_html_field_value