WEBサイト制作

ショッピングサイト制作

システム開発

コンテンツ制作

TORATについて

制作の流れ

プライバシーポリシー

お問い合わせは
こちらから

TOP

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

2022年03月03日

投稿者: アンディ

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

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

この記事の投稿者

フロントエンドエンジニア

アンディ

2021年8月26日 アンディ

WordPressの「メディアの追加」トラブル時の対処

2015年9月6日 TORAT

2021年7月19日 アンディ

新着情報や更新情報を静的HTMLのトップページに表示する

2015年4月16日 TORAT

ブログ一覧へ

書いた人

WRITERS