メインコンテンツにスキップ
EmbedFormsによるWEBフォームの作り方

EmbedFormsを使用してWEBフォームを作成する基本の手順を紹介します

Yuka Isobe avatar
対応者:Yuka Isobe
一週間前以上前にアップデートされました

このチュートリアルでは、WEBフォーム作成ツールEmbedFormsを使用して、最初のWEBフォームを作成する手順をご紹介します。

まず最初にEmbedFomrsアカウントにログインしてから、以下の手順に従ってください:

1. テンプレートを選択する

ログインするとテンプレートの一覧が表示されます。お好みのWEBフォームのテンプレートにカーソルを合わせ、「このテンプレートを使う」をクリックして選択して下さい。

テンプレートは編集することができるので、自分の作りたいイメージに近いものを選択して下さい。

なお、画面右上の「最初から始める」をクリックすると、テンプレートなしで一からフォームを作成することができます。

EmbedForms-WEBフォームのテンプレート選択画面

2. フォームを編集する

編集画面に移ると、選択したテンプレートのプレビューが表示されますので、「フォームの編集」をクリックして編集を開始してください。または、プレビュー画面の右上の×印をクリックして閉じることができます。

EmbedForms-エディター-プレビュー

WEBフォームの編集画面(エディター)で行う主な操作は以下の通りです:

2-1. 新規の設問や入力項目を追加する方法

編集画面上で、既存の設問をクリックしたりフォームを一番下までスクロールすると、「新規質問追加」の+アイコンが出てきますので、こちらをクリックし、追加したい設問のスタイルを選ぶと、新しい質問や入力項目を追加できます。

EmbedForms-エディター-新規質問の追加

2-2. 質問内のテキストや選択肢を編集する方法

編集したい設問にカーソルを合わせると、右上にいくつかのアイコンが出てきます。このうち「設定」の⚙アイコンをクリックすると、設問の選択肢の増減や、文字の変更などの編集が可能になります。

管理画面左側のメニューでも、設問に関する各種設定が行えます。

また、設問に画像を追加したい場合も、設問にカーソルを合わせ編集用のアイコンを表示させ、「画像追加」アイコンをクリックして下さい。

EmbedForms-エディター-質問内容の編集方法

2-3. 設問の順番を入れ替える方法

順番の入れ替えを行いたい設問にカーソルを合わせ、編集用のアイコンを表示させます。

設問の順番を入れ替える場合は、「移動」アイコンをクリックし、クリックしたまま移動したい場所まで動かして、クリックを離します(ドラッグアンドドロップ)。

EmbedForms-エディター-設問順の入れ替え方法

2-4. 設問を複製または削除する方法

同じく、複製や削除を行いたい設問にカーソルを合わせ、編集用のアイコンを表示させ、アイコンをクリックして実行します。

EmbedForms-エディター-設問の複製や削除方法

2-5. フォームを一問一答形式にする方法

作成したWEBフォームのテンプレートが、設問を一覧表示するデザインの場合でも、あとから一問一答形式に変更することができます。

画面左側の「レイアウト&テーマ」を開き、「Slider」を選択し、画面右上の「保存」をクリックすると、一覧表示レイアウト(Classic)が、一問一答形式(Slider)に変更されます。

保存後、画面右上のプレビューボタンから、レイアウトを確認できます。

EmbedForms-エディター-レイアウト-一問一答形式フォームの設定

参考:(一から作る場合のみ)フォームのテーマを変更する

注意:テンプレートを利用してWEBフォームを作成している場合は、テーマの変更設定は行わないようにしてください。テーマの変更を行うと、元のテンプレートのデザインに戻すことができません。

テンプレートを使わずに一からWEBフォームを作る場合に、ある程度のデザインを施した「テーマ」を利用することができます。

試したいテーマにカーソルを合わせ「表示」をクリックするとプレビューを見ることができます。

テーマを使いたい場合は、テーマにカーソルを合わせ「適用」をクリックして下さい。

EmbedForms-エディター-レイアウト設定

3. フォームを保存し公開する

フォームの編集が終わったら、画面右上の「保存」をクリックします。この時点ではまだフォームはインターネット上に公開はされていません。

作成したWEBフォームをインターネット上に公開する方法

フォームをインターネット上で公開する場合は、 編集画面右上にある公開設定用のトグルをスライドし「非公開」トグルから「公開中」に切り替えます。

公開中の表示を確認するには、画面左の「公開中の表示」をクリックして下さい。なお、作成したWEBフォームのURLも同じ場所で確認できます。リンクをコピーして貼り付ければ、様々な場所からフォームにリンクできます。

EmbedForms-エディター-WEBフォームの保存とネット上への公開方法

EmbedFormsによるWEBフォーム作成の基本の操作方法は以上です。

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

こちらの回答で解決しましたか?