Blogブログ

TORAT | 2022.3.3

「コピペでOK」WordPressプラグインなしでお問い合せフォームを設置する方法

wordpress
コピペ

WordPressのお問い合わせフォームの設定には「Contact form 7」などのプラグインを使った方法がありますが、今回は「mb_send_mail」を使ってWordPressにお問合せフォームを設置する方法をご紹介します。

まずは、お問い合わせページとお問合せ完了ページを作成します。

page-contact.php：お問合せページ

page-contactdone.php：お問合せ完了ページ

<!-- page-contact.php -->

<?php get_header(); ?>
    <!--お問い合わせフォーム-->
    <form action= "<?php echo esc_url( get_home_url() ); ?>/contactdone/" method="post">

        <table class="contact-form">
        <tr>
            <th><p>お問合せ種別</p><p>必須</p></th>
            <td><label><input type="radio" name="select" value="お問い合せ" checked="checked" /><span class="">お問い合せ</span></label><label><input type="radio" name="select" value="資料請求" /><span class="">資料請求</span></label></td>
        </tr>

        <tr>
            <th><p>お名前</p><p>必須</p></th>
            <td><input type="text" name="your-name" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例）トラット 太郎" required/></td>
        </tr>

        <tr>
            <th><p>フリガナ</p><p>必須</p></th>
            <td><input type="text" name="your-furigana" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例）トラッット タロウ" required/></td>
        </tr>

        <tr>
            <th><p>電話番号</p></th>
            <td><input type="tel" name="your-tel" value="" size="40" class="" aria-invalid="false" placeholder="例）03-0000-0000" /></td>
        </tr>

        <tr>
            <th><p>メールアドレス</p><p>必須</p></th>
            <td><input type="email" name="your-email" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例）sample@torat.jp" required/></td>
        </tr>

        <tr>
            <th><p>お問い合わせ内容</p><p>必須</p></th>
            <td><textarea name="your-message" cols="40" rows="10" class="" aria-required="true" aria-invalid="false" placeholder="お問い合わせの入力欄" required></textarea></td>
        </tr>

        </table>

        <p class="btn-check"><input type="checkbox" name="acceptance" value="1" aria-invalid="false" class="spam1" required/>規約に同意し、チェックを入れてください。<br />
<input type="submit" value="送信する" class="" id="formbtn" /></p>
    </form>

<?php get_footer(); ?>

action=”” には先ほど作成したお問合せ完了ページのリンクを指定します。

<form action= "<?php echo esc_url( get_home_url() ); ?>/contactdone/" method="post">

page-contactdone.php：お問合せ完了ページ

<?php get_header(); ?>

<?php
mb_language("Japanese");
mb_internal_encoding("UTF-8");

$sel = $_POST['select'];
$nam = $_POST['your-name'];
$kana = $_POST['your-furigana'];
$phone = $_POST['your-tel'];
$mail = $_POST['your-email'];
$to =  "送信したいアドレス";
$inquiry = $_POST['your-message'];


// メール本文
$message = "お問い合わせがありました。\n";
$message .= "\n";
$message .= "以下お問い合わせ内容です。\n";
$message .= "-----------------------------------------------------\n";
$message .= "お問い合わせ種別：$sel\n";
$message .= "お名前：$nam\n";
$message .= "フリガナ：$kana\n";
$message .= "お電話番号：$phone\n";
$message .= "メールアドレス: $mail\n";
$message .= "お問い合わせ内容:\n";
$message .= "$inquiry\n";
$message .= "-----------------------------------------------------\n";


// メール本文　ユーザー
$message_user = "※このメールは自動的に返信されたメールです。\n";
$message_user .= "\n";
$message_user .= "この度はお問い合せ頂き誠にありがとうございました。\n";
$message_user .= "改めて担当者よりご連絡をさせていただきます。\n";
$message_user .= "\n";
$message_user .= "以下お問い合わせ内容です。\n";
$message_user .= "-----------------------------------------------------\n";
$message_user .= "お問い合わせ種別：$sel\n";
$message_user .= "お名前：$nam\n";
$message_user .= "フリガナ：$kana\n";
$message_user .= "お電話番号：$phone\n";
$message_user .= "メールアドレス: $mail\n";
$message_user .= "お問い合わせ内容:\n";
$message_user .= "$inquiry\n";
$message_user .= "\n";
$message_user .= "あずデイサービス\n";
$message_user .= "https://torat.jp\n";
$message_user .= "〒104-0041\n";
$message_user .= "東京都中央区新富1-15-3\n";
$message_user .= "TEL：03-6280-5894\n";
$message_user .= "-----------------------------------------------------\n";

$headers = array( 'From'=>'contact@torat.jp' );

mb_send_mail( $to, '件名', $message_user, $headers);

?>

<?php if(mb_send_mail( $mail, '件名', $message, $headers)):?>

<section>
    <h2>お問い合わせ</h2>
     <p>Contact</p>
        <div>
           	<p>お問い合わせの送信を完了いたしました。</p>
            <p>後ほど、担当者よりご連絡をさせていただきます。今しばらくお待ちくださいますよう宜しくお願い申し上げます。</p>
            <p>※内容により、一部返答できない場合や回答に時間がかかる場合がございます。あらかじめご了承ください。</p>
        </div>
       	<div>
           	<a href="/">ホームへ</a>
        </div>
	</div>
</section>

<?php else: ?>

<section>
        <p>送信失敗しました</p>
        <p>大変お手数ではございますが、お電話よりお問い合わせください。</p>
        <div><a href="/">ホームへ</a></div>
</section>
<?php endif; ?>

<?php get_footer(); ?>

$to = “”; サイトへお問い合せがあった際に内容を送信するアドレスを設定します。

$headers = array( ‘From’=>’contact@torat.jp’ ); 差出人のアドレスを設定します。

mb_send_mail( $to, ‘件名’, $message_user, $headers);

mb_send_mail( $mail, ‘件名’, $message, $headers));

上記でそれぞれサイト管理者とサイトへお問い合わせを行ったユーザーへ自動メールを送信します。