フォームの作成
-デザイン編集-

編集メニューのスタイルを押すとスタイル編集ページに移動し、基本デザイン、文字サイズとカラーの編集ができます。
有料プランでは加えて、ページ構成、ヘッダーロゴ画像、フッターリンクの利用ができます。
無料プランの場合、動作の確認のみ行えます。

それぞれの項目の「編集」ボタンを押して入力し、下部にある「更新」ボタンで編集内容の更新ができます。
上部にある「キャンセル」で、編集内容のキャンセルができます。

基本デザイン

枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができます。

基本デザインの編集画面では、枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができる 基本デザインの編集画面では、枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができる
フォームの基本デザイン編集画面
枠の種類
デフォルトは非表示ですが、質問全体や質問ごとで囲むこともできます。
枠の非表示・フォーム全体・質問ごと
枠の種類比較
ヘッダー表示
ヘッダーは、一番上のロゴが表示されている部分です。
デフォルトは表示ですが、非表示にすることもできます。
カスタムフォームのロゴが表示されているヘッダー カスタムフォームのロゴが表示されているヘッダー
ヘッダー箇所
デザインタイプ
枠やボタンの角のデザインタイプを選択できます。
デフォルトは丸めですが、直線的にすることもできます。
枠やボタンの枠が丸い「Rounded」、直線的な「Liner」
デザイン比較画像
タイトル表示
デフォルトはタイトルの表示ですが、非表示にすることもできます。
タイトルを非表示にした場合でも、説明文は表示されます。
デフォルトではタイトルは表示されるが、非表示にすることもできる デフォルトではタイトルは表示されるが、非表示にすることもできる
タイトルの表示・非表示比較
文字サイズとカラー

文字サイズと色を変更できます。
表示されている色部分を押すと、色見本から選ぶことができます。

また、カラーコード入力でお好きな色を指定することもできます。

文字サイズとカラー編集画面では、メインカラー、背景色、文字の色、文字サイズが変更できる 文字サイズとカラー編集画面では、メインカラー、背景色、文字の色、文字サイズが変更できる
文字サイズとカラー編集画面

カラーコードとは、WEB上での色指定に使われる番号です。
いろいろなサイトで紹介されていますので、お好きなサイトをご利用ください。

【参考】カラーコード早見表ページ例 - 原色大辞典 (他社サイト)

文字サイズ

フォームの文字のサイズを変更できます。
フォーム名は1.4倍、質問文は1.05倍のサイズになります。

基準サイズを12pxにした際、18pxにした際のフォーム比較
基準サイズを12pxにした時と18pxにした時の比較
カラー
メインカラー
ボタン等に反映されます。
内部の文字は白のみですので、濃い色がおすすめです。
背景色
枠外に反映されます。
文字の色
枠外にある文字に反映されます。

背景色と文字の色は枠外に反映されるので、枠の種類によって雰囲気が変わります。

メインカラーをオレンジ、背景色をピンク、文字色を紺色に設定した際、枠デザイン非常時の際は紺色文字の箇所が増える
メインカラーをオレンジ、背景色をピンク、文字色を紺色に設定した際の枠デザインごとの比較
ページ構成

有料版の場合、デフォルトの「入力画面 - 完了画面」以外のページ構成を選択できます。
無料プランでは動作の確認のみ行えます。

有料版の場合、ページ構成を選択できる 有料版の場合、ページ構成を選択できる
ページ構成の編集画面
入力画面 - 完了画面
デフォルト
入力画面の一番下は「送信する」ボタンで、押すと完了画面に移動します。
入力画面 - 確認画面 - 完了画面 有料版のみ
入力画面の一番下は「確認する」ボタンで、押すと確認画面に移動し、回答の確認をすることができます。
「戻る」を押すと入力画面へ、「送信する」を押すと完了画面へ移動します。
入力画面 - 完了画面(回答内容表示)有料版のみ
入力画面の一番下は「送信する」ボタンで、押すと完了画面へ移動します。
完了画面には、回答内容と完了画面メッセージが表示されます。
ヘッダーロゴ機能

デフォルトではCustomFormのロゴとトップページですが、有料版の場合、ヘッダーのロゴ画像とリンクを変更できます。
画像のみの表示はできません。

画像は最大10MBのpngもしくはjpg形式のみ利用できます。
無料プランでは動作の確認のみ行えます。

ヘッダーロゴの編集 ヘッダーロゴの編集
ヘッダーロゴの編集画面
フッターリンク

有料版では、フッターテキストとリンクを変更できます。
テキストのみの表示はできません。
無料プランでは動作の確認のみ行えます。

フッターリンクの編集 フッターリンクの編集
フッターリンクの編集画面

フッターは、一番下に表示されているリンク部分です。
文言、リンクを空で登録するとフッターを非表示にできます。

デフォルトはCustomFormのTOPになっています。

青枠がフッター箇所 青枠がフッター箇所
フッター箇所