OWLetでのフォーム作成

  • このエントリーをはてなブックマークに追加
こんにちは。
OWLetモンスター山本さんの妹分、仙田(せんだ)です。
社内では食いしん坊キャラクターで通っているため、
本当は最近食べたおいしいご飯について語りたかったのですが、


みんなまじめな記事を書いてる…どうしよう……



というわけで、OWLetでの、
フォーム作成方法についてご紹介いたします。
既出との噂ですが、それって本当に最新バージョンかしら?ということで再掲載です。

作ろう

①フォーム用のレイアウトを作成します。

「フォーム用」など、分かりやすい名前で作成します。
「継承専用」にチェックは入れません。


②フォーム出力用のパーツを設置します。

まずは通常の下層ページ同様、セクションや見出しを設置します。
おすすめは「ページ名見出し」を使うことです。
これで「お問い合わせページ」「確認ページ」「完了ページ」で見出しが変わってくれます。

次に、継承エリア、システムコンテンツを設置します。
「編集内容を公開」をします。


③管理画面のsetting>フォームのページを開きます。
(/_sys/setting/form/)

「新規作成」をポチっと押します。


④ページ設定

お問い合わせページのURL、ページ名などを決めます。

フォーム種別:変更すると、管理画面TOPでのフォームアイコンが変わります。
ページ生成:「Ajaxフォーム」(ページ内にパーツとして埋め込むフォーム)にする場合にチェック。がしかし、今回は通常のフォームにしたいのでノーチェック。
レイアウト:先ほど作った、フォーム用のレイアウトを選択。
ページURL:「お問い合わせページ」の完了
ページ名:お問い合わせページ、確認、完了ページそれぞれのページ名を設定。
ページデザイン:フォームの出力をカスタマイズしたい場合にチェック。こちらもまた次回。
必須マーク:「必須入力」の項目につくマークの文言。「※」などでも。
ボタン画像:画像を使わない場合はテキストを入力。テキストの入力が無い場合は、デフォルト文言が表示される新設設計。

入力して、「登録」。


⑤すると「入力項目設定」が出現

スクロールすると、フォームの項目設定欄が出てきます。
「新規登録」で項目設定していきましょう。

コード:半角英数字でユニークな名前を付ける。「id」など、システムで使っていそう…なものは使用不可。
日本語名前:実際に項目名として表示される名前。
入力例等:入力欄の下に出てくる例や注釈。
必須入力:お好みで…
入力タイプ:入力欄の形式を選択。色々あるのでやってみる。
※住所:「郵便番号」「都道府県」にチェック!その下もお好みでチェック。
※メールアドレス:「通知用メールアドレス」にチェックを入れる。→このアドレスにお客様通知メールが届く
管理設定:「お問い合わせ一覧」画面に表示させるかどうか。利便性を考えて判断を!

 

 

⑥この時点で既にフォームのページにはこれらの項目が反映されているはずです。
見てみましょう!(装飾は別途付ける必要があります)


⑦今度は自動返信メールの設定です。

管理画面の上部から飛びます。
「自動返信設定」と「管理者通知設定」がこの画面で設定できます。


⑧まずは「自動返信設定」から。

自動返信:チェックを入れると返信メールが送信される。
送信元メールアドレス:サイトのドメインと違うメールアドレスから来た場合、迷惑メールに振り分けられることもしばしば。
件名:その名の通り。
本文(テキスト):自動返信メールの本文。入力項目の確認のため、右側にある「変数」を使用。よくわからなければコピペ。コピペ。
本文(HTML):こちらに何か書くと「本文(テキスト)」の内容ではなくこちらが送信されるので、どちらか書けばOK。


⑨管理者通知設定

上記同様に設定をしていきます。

管理者通知:チェックを入れると管理者通史メールが届く。
送信元メールアドレス:上記と同じ。
送信先メールアドレス:管理者通知を送信する先のアドレスを入力。カンマ区切りで複数設定可能。

一番下の「登録」を押します。


⑩テスト送信をお忘れなく!

>

OWLet DEMOサイト利用状況

今、利用中のDEMOサイト数

site/
analyzer

OWLet イベントTOPIX

OWLetに関する旬のイベント情報をお届け!

EXPOバナーよくある御質問OWLetの改修要望募集WordPressの脆弱性≪ 既存サイトを撃退するひっくり返し営業法 ≫OWLetイベント情報はコチラ

【注目】OWLet動画

OWLet おもしろコンテンツ

OWLet無料相談センター

今なら無料で専門家がアドバイスします
OWLetでお悩みのことがあれば、OWLet
無料相談センターにご相談してみませんか?

今すぐ相談する

0120-307-555
受付時間 10:00~18:00 (月~金)

参考になった記事のランキング

【新着】OWLet製WEBサイト実績

OWLet製WEBサイト実績一覧へ>