Como tornar os números de telefone um link nas notificações por e-mail

Introdução

Gostaria de transformar os números de telefone coletados em seu formulário em um link dentro das notificações por e-mail? Por padrão, os números de telefone que aparecem na notificação por e-mail não podem ser clicados para ligar, mas com um pequeno trecho de PHP você pode alterar isso facilmente. Neste tutorial, vamos orientá-lo na configuração do formulário e das notificações para que esses números tenham o recurso de clicar para ligar.

Saiba que esse snippet não funcionará se você tiver Plain Text como modelo de e-mail selecionado. Para saber qual modelo de e-mail você está usando no momento, navegue até a guia Configurações do WPForms " E-mail no menu do WordPress à esquerda.

Criando seu formulário

Para fins de nosso tutorial, vamos criar um formulário com um campo de formulário Name (Nome), Email (E-mail), Phone (Telefone ) e Paragraph Text (Texto de parágrafo ).

Se precisar de ajuda para criar um formulário, consulte esta documentação.

crie seu formulário e adicione um campo de número de telefone a ele

Em seguida, adicionaremos o trecho de código que transformará o campo Phone em um link ao visualizar a notificação por e-mail.

Para obter ajuda sobre como adicionar snippets ao seu site, 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 );

Vamos analisar esse snippet. A primeira parte do snippet procurará apenas os campos do formulário Phone. Isso limitará a necessidade de o snippet ser executado em todos os campos.

A segunda parte do snippet, quando um campo Phone for encontrado, pegará o número inserido no formulário e o transformará em um link clicável dentro da notificação.

Agora, quando o formulário for preenchido, o número de telefone aparecerá como um link na notificação por e-mail.

Agora, quando o formulário for preenchido, o número de telefone aparecerá como um link na notificação por e-mail

Você também gostaria de ter uma validação adicional nesse campo específico? Confira nosso tutorial sobre Como fornecer validação adicional para o campo Phone.

Referência de filtro: wpforms_html_field_value