![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/kajabi-thumb-88.jpg?resize=1024%2C576&ssl=1)
Kajabi(カジャビ)のサイト作成機能とフォーム作成機能を使って、お客様からのお問い合わせフォームを作成する方法をお伝えいたします。
前回の記事はこちら
解説動画はこちら
信用度が上がるというメリット
今回はKajabi(カジャビ)で公式サイトのお問合せフォームを作る方法を解説します。
私もWordPressで作った公式サイトに、お問い合わせフォームを作成して貼っています。お客様の立場で考えると、お問い合わせフォームがあると安心です。ですので、お問い合わせフォームがあることで信用度が上がるというメリットが生まれます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-230.png?resize=712%2C520&ssl=1)
ページテンプレの一覧の中にある「Contact」を活用
「Website」の「Pages」にある作成したページテンプレの一覧の中にある「Contact」を活用します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-231.png?resize=936%2C487&ssl=1)
「Contact」ページは「Hero」にある「Form」セクションのみで構成されているので、このセクションを編集します。ヘッダーやフッターは他のページと共通してあらかじめ設定されています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-232.png?resize=1012%2C495&ssl=1)
「Background」で背景に写真を入れてテキストを編集します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-233.png?resize=1012%2C461&ssl=1)
続けて入力フォームを作成します。
「Edit」から「Edit your forms」を押下します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-234.png?resize=882%2C444&ssl=1)
画面が切り替わるので、続けて右上の「New form」を押下します。
「Title」を「お問い合わせフォーム」として「Save」を押下します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-235.png?resize=704%2C259&ssl=1)
「Single Opt-in」にチェックを入れます。
「Send a notification to your team」にチェックを入れて自分もしくは会社のアドレスを入れて(複数入力可)、問い合わせがあればメールが自動で届くように設定します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-236.png?resize=712%2C521&ssl=1)
「Form Fields」を設定する
次に「Form Fields」で入力して頂くフィールドを設定します。
「姓」・「名」・「メールアドレス」入力欄を設定して、さらに、今回は「Create a new field」を押下して、お問い合わせ内容を入力していただく入力欄を設けます。その「Title」には「お問い合わせ内容」とします。
「Type」(お客様がお問い合わせ内容を入力するスペース)は「Text Area」(文章入力)を選択して「Make this field required」にチェックを入れて「Save」を押下します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-237.png?resize=368%2C299&ssl=1)
すると、お問い合わせフォームとして「姓」「名」「メールアドレス」「お問い合わせ内容」の項目が出来上がりました。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-238.png?resize=346%2C332&ssl=1)
「Automation」の設定
続けて「Automation」の設定を行います。「+Add Automation」を押下します。
お問い合わせフォームから問い合わせがあれば、メールが送信されるようにするので、「THEN」には「Send An email」(メールを送る)とし、メールの「Subject」(表題)には「お問い合わせありがとうございます」とします。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-239.png?resize=351%2C522&ssl=1)
「Body」(本文)には、冒頭で「Parsonalize」から「姓」「名」を選択します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-240.png?resize=368%2C545&ssl=1)
メール本文を入力して、さらに、「Parsonalize」で「お問い合わせ内容」を追加選択することで、問い合わせた内容を本文で復唱することができるので、追加することをお勧めします。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-241.png?resize=357%2C426&ssl=1)
これで、お問い合わせフォームから問い合わせがあれば、自分のメールアドレスに通知が来て、尚且つお客様には自動返信メールによってお問い合わせ受付がなされたことを知らせる仕組みができました。
各項目の設定をした後は必ず「Save」で設定を保存してください。
「Form」欄に「お問い合わせフォーム」を選択する
これでお問い合わせフォームが出来ました。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-242.png?resize=792%2C447&ssl=1)
「Form」の欄に、今作成した「お問い合わせフォーム」が完成したことがわかります。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-243.png?resize=260%2C368&ssl=1)
フォームのボタンも編集します。
「Text」に「送信する」を、その文字やボタンの色や大きさも変えられます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-244.png?resize=884%2C476&ssl=1)
THANKSページも作成
問い合わせ後に表示されるTHANKSページも作成しておきます。
以前作成した「Website」の「Pages」の「Landing」にある「サンクスページ」を複製して編集します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-245.png?resize=945%2C548&ssl=1)
複製された「サンクスページ1」の「Edit Details」を選択すると編集画面に切り替わります。
「Title」はお客様がページを開いた際にブラウザのタブに表示されるので、それを意識して名前を入力(ここでは お問い合わせ完了ページ)します。
「URL」は日本語を入れると文字化けしてしまうので英語にカスタマイズしてください。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-246.png?resize=722%2C482&ssl=1)
本文も編集します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-247.png?resize=500%2C360&ssl=1)
各項目の設定をした後は必ず「Save」で設定を保存してください。
「お問い合わせフォーム」の編集画面に移動
次に「Marketing」の「Forms」にある今回作成した「お問い合わせフォーム」の編集画面に移動します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-248.png?resize=984%2C346&ssl=1)
右側の「Send the contact to a custom thank you page」にチェックを入れ、作成したTHANKSページ(今回は お問い合わせ完了ページ)を選択します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-249.png?resize=692%2C467&ssl=1)
これで、お客様がお問い合わせフォームからメールをいただくと、自動的にカスタムしたTHANKSページが、自動送信メールとは別に、表示されるようになります。
自分のメールアドレスでテストする
実際に稼働するか自分のメールアドレスでテストして下さい。
「Marketing」の「Forms」にある「Submissions」では、実際にいただいたお問い合わせ一覧表示(テスト送信含む)をみることができます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/無題-250.png?resize=994%2C403&ssl=1)
以上、Kajabi(カジャビ)でお問合せフォームを作る方法を解説しました。
Kajabiの無料お試し期間を14日→30日に増やす方法(さらにKajabiマスタークラスをゲットする方法)
もしあなたがKajabiを使ってみたいとお考えでしたら、以下のバナーをクリックして表示されたお申し込みページからKajabiにお申し込みください。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/03/blogKAJA-affi-baner2.jpg?resize=1024%2C269&ssl=1)
そうすると、通常は14日間のお試し期間が倍以上となる「30日間お試し」の権利を手にいれることができますので、無料で使える期間が長くなります。(お試し期間内に解約すれば課金はされません。)
また、Kajabiの使い方を全て動画でわかりやすく解説した「Kajabiマスタークラス」をプレゼントいたしますので、ぜひ弊社のリンクからお申し込みいただけると嬉しいです。
「Kajabiマスタークラス」の申請方法
上記のバナー経由で申し込まれた後は弊社の問い合わせフォームからその旨をご連絡ください。
↓
問い合わせフォーム
・Kajabiマスタークラスの受け取りを希望する旨
・Kajabiに申し込まれた際のメールアドレス
・オンライン講座アカウント作成用のメールアドレス
以上を3点をご記入の上、お問い合わせください。
(本当に弊社のリンクでお申し込みいただいたかどうかを確認の上、1-2営業日程度でKajabiマスタークラスを差し上げます。)
Kajabiの導入をご検討されている方はぜひご活用くださいね!