概要 #
準備中
①スタートページの作成 #
✔ 「スタートページを追加」をクリックして、スタートページを追加します
スタートページの作成方法
① エディター選択:
スタートページを編集する際に使用するエディターを選択します。「標準エディター」または「デザインビルダー」から選ぶことができ、用途に応じた柔軟な編集が可能です。
※「デザインビルダー」によるスタートページの作成方法は「デザインビルダー:フォームのスタートページの作成方法」をご確認ください。
② タイトル:
スタートページにフォームタイトルを表示するかどうかを選択できます。「表示する」「表示しない」を切り替えることで、見た目の印象を調整できます。
③ アイキャッチ:
スタートページに表示するビジュアル要素を「画像」「動画リンク」「なし」から選択できます。視覚的に訴求したい場合に設定すると効果的です。
④ 解説文:
スタートページに表示される自由記述欄です。参加者への案内、目的、注意事項などを記載できます。リッチテキストエディタで装飾も可能です。
⑤ ボタン詳細:
スタートページに配置するボタンのラベル・デザイン・色をカスタマイズできます。ボタンの文字列や背景色を自由に変更できます。
⑥ ボタンアクション:
スタートボタンがクリックされた際に実行される処理(例:タグ付与など)を設定します。アクションは複数設定することも可能です。
全てを設定したら「保存」ボタンをクリックして、スタートページを保存します。
補足:④アイキャッチの設定方法:画像 #
画像アイキャッチの設定方法
スタートページに画像アイキャッチを設定することで、視覚的に印象づけることができます。
「アイキャッチ」の項目で「画像」を選択すると、右側に「画像を選択」ボタンが表示されます。
このボタンをクリックすると、画像のアップロードや既存の画像の選択画面が表示されます。表示させたい画像を選択すると、スタートページの上部にその画像が表示されるようになります。
画像はファーストビュー(解説文の上部)として表示されるため、イベントや内容のテーマに合ったものを選ぶと効果的です。
補足:④アイキャッチの設定方法:動画 #
動画アイキャッチの設定方法
スタートページのアイキャッチに動画を設定することで、視覚的にわかりやすく、印象的な導入を作ることができます。
「アイキャッチ」の設定で「動画リンク」を選択すると、URL入力欄が表示されます。
ここに YouTube または Vimeo の埋め込み用URL(例:https://www.youtube.com/embed/xxxxx)を入力してください。入力した動画はスタートページ上に表示され、ユーザーが再生できるようになります。
入力したURLに対応するサムネイルが右側に表示され、設定内容を確認することができます。
※対応している動画プロバイダーは YouTube と Vimeo のみです。
その他の動画サービス(例:TikTokやInstagram動画など)には対応していませんのでご注意ください。
※動画の表示位置は画像同様、解説文の上部となります。
補足:⑤スタートボタンの設定 #
スタートボタンの設定方法
スタートページに表示されるスタートボタンは、見た目や動作を自由にカスタマイズすることができます。
① デザイン:
設定した色やテキストの内容がプレビューとして反映されるエリアです。ここで実際に表示されるボタンの仕上がりを確認することができます。
② 色:
ボタンの背景色および文字色をカラーピッカーで自由に設定できます。ブランドカラーや目的に応じた色に変更することで、デザイン性を高められます。
③ テキスト:
ボタンに表示される文字を自由に入力できます。例:「スタート」「次へ」「診断を始める」など、用途に合わせた文言に変更可能です。
スタートボタンはフォーム開始のきっかけとなる要素です。見た目・文言・動作を分かりやすく調整し、ユーザーが迷わずクリックできるように設計しましょう。
②スタートページの編集・更新 #
スタートページとサブメニューの説明
スタートページ:
フォームの最初に表示される「スタートページ」が作成されています。これは、フォームの導入として表示されるページで、概要や説明、開始ボタンなどを設定することができます。
サブメニュー:
スタートページの右端にある「︙」アイコンをクリックすると、次の2つの操作メニューが表示されます。
- ① 編集: スタートページの内容を修正します。
- ② 削除: 作成済みのスタートページを削除します。
スタートページは1フォームにつき1つのみ設定可能です。