Cómo hacer que los números de teléfono sean un enlace en las notificaciones por correo electrónico

Introducción

¿Le gustaría hacer que los números de teléfono recogidos en su formulario sean un enlace dentro de sus notificaciones por correo electrónico? Por defecto, los números de teléfono que aparecen en la notificación de correo electrónico no se puede hacer clic para llamar, sin embargo, con un pequeño fragmento de PHP puede cambiar esto fácilmente. En este tutorial, le guiaremos a través de la configuración de su formulario y notificaciones para que estos números tengan la capacidad de hacer clic para llamar.

Tenga en cuenta que este fragmento no funcionará si ha seleccionado Texto sin formato como plantilla de correo electrónico. Para averiguar qué plantilla de correo electrónico está utilizando actualmente, vaya a la pestaña Configuración de WPForms " Correo electrónico en el menú de WordPress de la izquierda.

Creación del formulario

Para el propósito de nuestro tutorial, vamos a crear un formulario con un campo de formulario Nombre, Correo electrónico, Teléfono y Texto de párrafo.

Si necesita ayuda para crear un formulario, consulte esta documentación.

crea tu formulario y añádele un campo de número de teléfono

A continuación, vamos a añadir el fragmento de código que convertirá el campo Teléfono en un enlace al visualizar la notificación por correo electrónico.

Si necesita ayuda para añadir fragmentos a su sitio, consulte este 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 );

Repasemos este fragmento. La primera parte del fragmento sólo buscará los campos del formulario Teléfono. Esto limitará la necesidad de que el fragmento se ejecute en cada campo.

La segunda parte del snippet, una vez encontrado un campo Teléfono, tomará el número introducido en el formulario y lo convertirá en un enlace clicable dentro de la notificación.

Ahora, cuando se complete el formulario, el número de teléfono aparecerá como enlace en la notificación por correo electrónico.

Ahora, cuando se complete el formulario, el número de teléfono aparecerá como enlace en la notificación por correo electrónico.

¿Le gustaría tener también una validación adicional en este campo en particular? Consulte nuestro tutorial sobre Cómo proporcionar validación adicional del campo Teléfono.

Referencia del filtro: wpforms_html_field_value