このチュートリアルでは、WEBフォーム作成ツールEmbedFormsを使用して、最初のWEBフォームを作成する手順をご紹介します。
まず最初にEmbedFomrsアカウントにログインしてから、以下の手順に従ってください:
1. テンプレートを選択する
ログインするとテンプレートの一覧が表示されます。お好みのWEBフォームのテンプレートにカーソルを合わせ、「このテンプレートを使う」をクリックして選択して下さい。
テンプレートは編集することができるので、自分の作りたいイメージに近いものを選択して下さい。
なお、画面右上の「最初から始める」をクリックすると、テンプレートなしで一からフォームを作成することができます。
2. フォームを編集する
編集画面に移ると、選択したテンプレートのプレビューが表示されますので、「フォームの編集」をクリックして編集を開始してください。または、プレビュー画面の右上の×印をクリックして閉じることができます。
WEBフォームの編集画面(エディター)で行う主な操作は以下の通りです:
2-1. 新規の設問や入力項目を追加する方法
編集画面上で、既存の設問をクリックしたりフォームを一番下までスクロールすると、「新規質問追加」の+アイコンが出てきますので、こちらをクリックし、追加したい設問のスタイルを選ぶと、新しい質問や入力項目を追加できます。
2-2. 質問内のテキストや選択肢を編集する方法
編集したい設問にカーソルを合わせると、右上にいくつかのアイコンが出てきます。このうち「設定」の⚙アイコンをクリックすると、設問の選択肢の増減や、文字の変更などの編集が可能になります。
管理画面左側のメニューでも、設問に関する各種設定が行えます。
また、設問に画像を追加したい場合も、設問にカーソルを合わせ編集用のアイコンを表示させ、「画像追加」アイコンをクリックして下さい。
2-3. 設問の順番を入れ替える方法
順番の入れ替えを行いたい設問にカーソルを合わせ、編集用のアイコンを表示させます。
設問の順番を入れ替える場合は、「移動」アイコンをクリックし、クリックしたまま移動したい場所まで動かして、クリックを離します(ドラッグアンドドロップ)。
2-4. 設問を複製または削除する方法
同じく、複製や削除を行いたい設問にカーソルを合わせ、編集用のアイコンを表示させ、アイコンをクリックして実行します。
2-5. フォームを一問一答形式にする方法
作成したWEBフォームのテンプレートが、設問を一覧表示するデザインの場合でも、あとから一問一答形式に変更することができます。
画面左側の「レイアウト&テーマ」を開き、「Slider」を選択し、画面右上の「保存」をクリックすると、一覧表示レイアウト(Classic)が、一問一答形式(Slider)に変更されます。
保存後、画面右上のプレビューボタンから、レイアウトを確認できます。
参考:(一から作る場合のみ)フォームのテーマを変更する
注意:テンプレートを利用してWEBフォームを作成している場合は、テーマの変更設定は行わないようにしてください。テーマの変更を行うと、元のテンプレートのデザインに戻すことができません。
テンプレートを使わずに一からWEBフォームを作る場合に、ある程度のデザインを施した「テーマ」を利用することができます。
試したいテーマにカーソルを合わせ「表示」をクリックするとプレビューを見ることができます。
テーマを使いたい場合は、テーマにカーソルを合わせ「適用」をクリックして下さい。
3. フォームを保存し公開する
フォームの編集が終わったら、画面右上の「保存」をクリックします。この時点ではまだフォームはインターネット上に公開はされていません。
作成したWEBフォームをインターネット上に公開する方法
フォームをインターネット上で公開する場合は、 編集画面右上にある公開設定用のトグルをスライドし「非公開」トグルから「公開中」に切り替えます。
公開中の表示を確認するには、画面左の「公開中の表示」をクリックして下さい。なお、作成したWEBフォームのURLも同じ場所で確認できます。リンクをコピーして貼り付ければ、様々な場所からフォームにリンクできます。
EmbedFormsによるWEBフォーム作成の基本の操作方法は以上です。
詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。