メール通知で電話番号をリンクにする方法

はじめに

フォームで収集した電話番号を、メール通知内でリンクとして表示しますか？ デフォルトでは、メール通知に記載された電話番号はクリックして発信することはできませんが、簡単なPHPスニペットを使用することで、これを簡単に変更できます。 このチュートリアルでは、これらの番号をクリックして発信できるようにフォームと通知を設定する方法を説明します。

フォームの作成

このチュートリアルでは、名前、メールアドレス、電話番号、段落テキストのフォームフィールドを持つフォームを作成します。

フォームの作成方法については、こちらのドキュメントをご覧ください。

電話番号をリンクにするコードの追加

次に、メール通知を表示したときに電話番号フィールドをリンクに変換するコードスニペットを追加します。

サイトへのスニペットの追加方法については、こちらのチュートリアルをご覧ください。

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

このスニペットを確認しましょう。スニペットの最初の部分は、電話番号フォームフィールドのみを検索します。これにより、スニペットがすべてのフィールドで実行される必要がなくなります。

スニペットの2番目の部分は、電話番号フィールドが見つかったら、フォームに入力された番号を取得し、通知内でクリック可能なリンクに変換します。

これで、フォームが完了すると、電話番号がメール通知にリンクとして表示されます。

この特定のフィールドに追加の検証を行いたいですか？ 電話フィールドに追加の検証を提供する方法に関するチュートリアルをご覧ください。

関連

フィルターリファレンス: wpforms_html_field_value