マニュアル

サイトにフォームを設置する方法

MovableType.net では基本機能としてメールフォームを提供しています。フォームをウェブサイトやブログに設置する方法は以下を参照してください。

  1. ダッシュボード に表示されるウェブサイトとブログ一覧から、ウェブサイト名をクリックする
  2. website_blog00.png

  3. 左サイドバーの [フォーム] - [新規] をクリックする

  4. フォームのタイトルを設定する
    一覧画面で表示するフォームのタイトルを設定してください。※実際のフォーム画面には表示されません。

  5. 通知先メールアドレスを設定する
    ※ フォームからメールを受信すると、管理者宛にメールが送信されます。その際の送信日時は、ウェブサイトのタイムゾーンとして設定されているタイムゾーンを利用します。
    入力されたフォームの内容がここで指定したアドレスにメールで送信されます。

  6. 使用言語を設定する
    入力項目名や通知メールの文面に使われる言語を選択します。
  7. formset06.jpg

  8. 確認画面を表示するか設定する
    送信前に入力内容を確認する画面を表示します。
  9. formset03.jpg

  10. カスタムCSSを設定する
    表示されるフォームの背景色など独自のCSSを設定できます。
    構造やカスタマイズ例など詳しくは「フォームを独自 CSS でデザインする」をご覧ください。
  11. formset08.jpg

  12. 受付完了時の動作を設定する
    フォームから送信が完了した際、「メッセージを表示」または「完了ページへリダイレクト」いずれかの動作を設定できます。
    表示するメッセージ、リダイレクト先の URL についてはここで設定してください。

  13. 通知メールの件名とフッターを設定する
    フォームが送信された場合に、サイト管理者が受け取るメールの件名とフッターを設定します。

  14. 「自動返信メール」を送信するか設定する
    以降の設定項目で設定した内容を自動返信メールで送信することができます。
  15. 「自動返信メールの件名」
    「自動返信メール」項目にチェックを入れると編集できます。フォームから送信されたメッセージに対して送られる返信メールの件名を設定できます。
  16. 「自動返信メールの本文」
    「自動返信メール」項目にチェックを入れると編集できます。フォームから送信されたメッセージに対して送られる返信メールの本文を設定できます。
    ※送信者が記述した内容はこのメッセージの下に必ず控えとして表示されます。
  17. 「自動返信メールのフッター」
    「自動返信メール」項目にチェックを入れると編集できます。フォームから送信されたメッセージに対して送られる返信メールのフッターを設定できます。
  18. [変更を保存] ボタンをクリックする
  19. 右上の [項目設定] ボタンをクリックし「フォームの項目設定」ページで必要な項目を組み合わせて作成し、[変更を保存] 後に右上の「基本設定」からフォームの基本設定ページに戻ります。
    各項目について詳しくは「フォームの項目設定について」をご覧ください。
    ※ 閲覧者側の入力の手間や、サイト管理者の収集した情報管理の観点から、フォームで収集する情報は、必要最低限にしましょう。フォームを作成する際には、項目について十分に議論してください。
  20. formset02.jpg

  21. 画面上部に表示された「埋め込みコード」をコピーする
  22. formre.jpg

  23. 左サイドバーの [ウェブページ] - [新規] をクリックする
    ウェブページのタイトルを「お問い合わせページ」などに設定し、お問い合わせページとしてウェブページを作成します。
  24. 本文作成画面のフォーマット「なし」にしてコピーした埋め込みコードを貼り付ける
  25. ファイル名を「form」などに設定し [保存] ボタンをクリックする

Movable Type.net は無料トライアルが可能です。
Web制作者の方で、デモや評価利用をご希望の場合は、制作者向け評価ライセンスをご利用ください。

無料トライアル 資料ダウンロード 制作者向け評価ライセンス