Contact Form7を使って問い合わせフォームページを作成する

このページでは、Contact Form7というプラグインを使用して問い合わせフォームを簡単に作成する方法を解説します。

アセットコンバージョンのテーマには「Contact Form 7」の専用CSSが入っています！
プラグインを追加し、ページを作るだけで綺麗なお問い合わせフォームができる仕組みになっています

もっと簡単に問い合わせフォームを用意&カスタマイズしたい方には、プラグインを使用せず外部ツールを使用してフォームを作成することをおすすめします。

問い合わせフォームが簡単に作れる外部ツール

Googleフォーム

Google Forms: オンライン フォーム作成ツール | Google Workspace Google Forms を使用して、さまざまな質問形式でオンライン フォームやアンケートを作成しましょう。どのデバイスでもリアルタイムで結果を分析できます。

formrun（フォームラン）| 無料で…

無料で試せるフォーム作成ツールならformrun(フォームラン) フォーム作成ツールならformrun（フォームラン）。ビジネスで使える高性能なメールフォームを誰でも簡単に作成できます。無料で試すことができ、WEBフォームとしてサイトへ…

プラグインをダウンロードし、有効化する

STEP

左側メニュー「プラグイン」から「新規プラグインを追加」をクリック

STEP

「Contact Form7」と検索し、「今すぐインストール」をクリック

STEP

「有効化」をクリック

問い合わせフォーム用のページを作成

フォームの項目はプラグインをインストールしたときに既にできているので、あとはページを用意するだけです！

STEP

左側メニュー「固定ページ」から「新規固定ページ追加」をクリック

STEP

タイトルに「お問い合わせ」と入力。完了したらエンターキーで改行する

STEP

画面左上の「＋」ボタンをクリックし、「Contact Form7」をクリック

STEP

コンタクトフォームを選択から、フォームを選択する。
デフォルトの「コンタクトフォーム1」でOK

STEP

（任意）編集ページ下部にあるタイトル設定で「シンプルタイトル」を選択し、英字タイトルに「CONTACT」と入力

STEP

右側メニュー「固定ページ」のタブにあるURLをクリックし、パーマリンクに「contact」と入力

STEP

右上の公開ボタンをクリックしてページを公開

【応用編】項目をカスタマイズする（作成中）

デフォルトで「名前」「メールアドレス」「題名」「本文」は入っていますが、項目を変更したい場合もあるとおもいます。項目名と入力タイプを設定するだけで簡単に作成可能です！

設定手順

入力タイプの種類

【応用編】自動送信メールをカスタマイズする（作成中）

完成後のデザインイメージ

繰り返しますが、アセットコンバージョンのテーマには「Contact Form 7」の専用CSSが入っています！
プラグインを追加し、ページを作るだけで綺麗なお問い合わせフォームができる仕組みになっています！

こんなデザインのフォームを作成できます！

テーマによってデザインが異なるので、デモサイトで確認ください！

EXPERT（エキスパート）DEMOサイト

お問い合わせページサンプル｜EXPERT（エキスパート）DEMOサイト これはデモページです。実際には送信できませんのでご注意ください。当テーマに関するお問い合わせはこちら

SUGGEST（サジェスト）DEMOサイト

お問い合わせページサンプル｜SUGGEST（サジェスト）DEMOサイト これはデモページです。実際には送信できませんのでご注意ください。当テーマに関するお問い合わせはこちら

CONSULTデモサイト

お問い合わせフォームサンプル｜CONSULTデモサイト これはデモページです。実際には送信できませんのでご注意ください。当テーマに関するお問い合わせはこちら

OPTIMIZEデモサイト

お問い合わせページサンプル｜OPTIMIZEデモサイト これはデモページです。実際には送信できませんのでご注意ください。当テーマに関するお問い合わせはこちら

プライバシーポリシーページの作成もしましょう！

問い合わせフォームを作成したら、固定ページでプライバシーポリシーページを作成しましょう。取得した個人情報の取扱いについて明記するために必要なページになります。