SmoothContactのフォームを作成する

SmoothContactでは、複数のフォームテンプレートから好きなタイプのテンプレートを選び、サイト内にフォームを設定することができます。

フォームの作成、編集モードについては、
テンプレートから好きなデザインのフォームを選ぶ「テンプレートモード」、
デザインやアニメーションを自分でカスタマイズできる「カスタムモード」
の2種類があります。
※カスタムモードは、SmoothContactプロコースでのみご利用いただけます。

ここでは、テンプレートモードでフォームを作成する手順を紹介します。

フォームパーツを選ぶ

ブロックエディタを開き、〈フォーム〉アイコンをクリックします。
フォームパーツを選ぶ

フォームを作成する

フォーム一覧画面が表示されますので、〈新規フォームを登録〉をクリックします。
SmoothContactのフォームを作成する

フォーム一覧画面では、すでに作成済みのフォームを選び、再編集することも可能です。また、フォームで受けた問い合わせ内容について確認する場合は、「回答結果を確認する」を参照してください。

フォームテンプレートの選択画面が表示されますので、イメージに近いフォームを選びましょう。
ここでは「企業向け問い合わせフォーム」を選択します。
SmoothContactのフォームを作成する
項目の編集画面が表示されます。
SmoothContactのフォームを作成する
「編集」タブでは、フォームのタイトル、本文の編集が行えるほか、各種ヒヤリングしたい項目の追加、削除や編集が行えます。
「デザイン」タブでは、各種テンプレートの選択や、カスタムモードへの変更、
また「詳細設定」からは、お問い合わせが来るたびメールで通知する設定や、お問い合わせをされた方への自動送信メールの設定、Googleアナリティクスのトラッキングコードなどの登録も可能です。
〈保存〉をクリックすると、フォーム一覧画面へ戻ります。

■フォームの多言語対応について
(氏名入力)のプレースホルダーのみデフォルトで多言語化対象となります。
ブラウザの設定、日本以外からアクセスされた場合、氏名項目、必須項目の注意アラートのみ自動で言語対応が行われます。
氏名項目以外は任意で設定ができるため、多言語でフォームを作成する場合は氏名項目以外を英語等で作成をお願いします。
SmoothContactのフォームを作成する

フォームを公開設定する

フォームの新規作成時は「非公開」の状態になっていますので、
フォーム一覧画面へ戻った後、ステータス〈公開前〉をクリックします。
SmoothContactのフォームを作成する
公開状態を〈公開中〉に変更します。
SmoothContactのフォームを作成する

ステータスには「公開前」「公開中」「公開終了」があります。一度公開すると、「公開前」の状態には戻せません。編集が完了してから公開してください。

サイトに貼り付ける

フォーム一覧画面で〈BiNDで使う〉をクリックします。
SmoothContactのフォームを作成する
ブロックエディタ画面に戻ります。フォームパーツが設定されていることを確認し、〈適用〉をクリックします。
適用

サイト内にフォームが設定されました。
SmoothContactのフォームを作成する

回答結果を確認する
フォーム一覧画面で、回答結果を確認したいフォームの〈結果〉をクリックします。
SmoothContactのフォームを作成する
回答内容の確認画面が表示されます。
SmoothContactのフォームを作成する

〈フォーム一覧〉

フォーム一覧画面に戻ります。

〈CSVダウンロード〉

問い合わせ内容をCSVファイルとしてダウンロードすることができます。

〈日別/月別〉

問い合わせの回答数を、日別、月別で切り替えて確認できます。
また、具体的な回答内容も各項目ごとに閲覧可能です。