カバータブ・デザインタブ

カバータブ・デザインタブの詳細をご紹介しています。

フォームのデザインや、レイアウト、フォントなどを設定できます。

カバータブ

カバータブでは、フォームの背景やトップとして使用する画像を設定することができます。

  • カバー>写真
    デフォルトで用意された画像を選択(201種類)
  • カバー>カスタム
    任意の画像をアップロード
    「配置」項目にて、画像の配置を全画面・パターン・シングルより選択いただけます。
    フォームへ、ロゴ画像などを表示させたい場合にご活用くださいませ。

配置のイメージはそれぞれ以下のように表示されます。

  • 「全画面」配置

 

  • ​​​​​​「パターン」配置

  • 「シングル」配置

アップする画像の推奨サイズ

  • トップの場合…幅1280px×高さ545px以上
  • サイドの場合…幅640px×高さ860px以上
  • フルスクリーンの場合…幅860px×高さ860px以上

※トップ/スライド/フルスクリーンについては「スタイルタブ」から設定できます。

カバー画像の推奨サイズはこちらをご覧ください。

デザインタブ

デザインタブでは、フォームのデザインを設定することが可能です。
デザイン設定できる項目はご利用のデバイスによって変わります。
パソコン・タブレットでは細かくデザインを設定できるため、パソコン・タブレットでのデザイン設定を推奨しております。

パソコン・タブレットでのデザイン設定

「デザイン設定>カラー」では、以下の反映箇所の色を個別に色指定ができます。

  • ページ背景
  • タイトル
    • 背景
    • タイトルテキスト
  • 項目
    • 項目名テキスト
    • 任意背景
    • 必須背景
    • 任意・必須テキスト
    • 概要説明テキスト
    • 外枠
    • 背景
    • 入力テキスト
    • 補足説明テキスト
  • ボタン
    • 背景
    • ボタン内テキスト
  • その他
その他でカラー設定される範囲

その他で選択したカラーは、以下の6箇所が一括で反映されます。

  1. 「受付上限設定機能」のプログレスバーとカウント数の色
  2. 「尺度ボタン」の選択時の色
  3. 「利用規約/プライバシーポリシー」へのリンクの色
  4. レイアウト「ステップ」を使用時の矢印ボタンの色
  5. 送信完了画面のチェックボタンの色
  6. レイアウト「トップ」時のヘッダー背景の色、レイアウト「サイド」時の左側背景の色

※こちらの画像は、レイアウト「トップ」と「サイド」でカバー画像が設定されていない時の色です

カラーの指定方法

カラーの指定方法としては、以下の2つがあります。

  • カラーコード記入欄に任意のカラーコードを記入する
  • カラーピッカーにて選択する

があります。

カラーピッカー内部に、予め用意されたカラーや透過度も選択可能ですので、ご利用ください。

スマートフォンでのデザイン設定

スマートフォンでのデザインタブでは、メインカラーの設定が可能です。

※スマートフォン版では、パソコン版のように背景や各ボタンの色の詳細設定は未対応です。

メインカラー

 メインカラーとは、以下の反映箇所全ての色を設定できる機能となっております。

「カラー」が反映される箇所は、

  1. 送信ボタンの色
  2. 送信完了画面のチェックボタンの色
  3. 利用規約/プライバシーポリシーへのリンクの色
  4. フォームのカバー画像の色(「カバー>カスタムで画像を削除している場合)
  5. 「尺度ボタン」項目の色
  6. 受付上限設定機能におけるプログレスバーやカウント数の色
  7. レイアウト「ステップ」「フルスクリーン」の際の背景色(※選択した色から少し暗い色になります。)
  8. レイアウト「ステップ」の際の「↑」「↓」ボタンの色

となります。
※以下のキャプチャをご参照ください。 

※パソコンにて背景や各ボタンの色の詳細設定をした後に、スマートフォンでメインカラー機能で色選択した場合は、詳細設定を保持したまま上記8箇所の色が変更されます。

カラーの指定方法

カラーの指定方法としては、

  • 予め用意されたカラーを選択する

  • カラーコード記入欄に任意のHTMLカラーコードを記入する

があります。

レイアウト

レイアウトは現在

から選択できます。

なお、 スタイルタブ「ステップ」の仕様上、
ブロック「ページ分割」と合わせてのご利用は未対応となっております。
ご留意くださいませ。

フォント

アイコン(BEGINNERプラン以上)

フォームの最上部に会社名やブランドロゴなどの画像を追加することが可能です。画像は「スクエア」と「サークル」から選択いただけます。

設定できる画像に関しましては、以下をご参照ください。

  • サイズ上限:100MB
  • ファイル形式:png / jpg / gif等
  • 縦横のサイズが同じ画像、または横長の画像をご利用ください。縦長の画像をご利用の場合、枠からはみ出てしまう仕様となっていますので、ご了承くださいませ。

よくあるご質問

お困りですか?

FAQ menu

formrunの基本

料金プラン&機能一覧

チーム設定・ユーザー設定

フォームの作成

クリエイターフォー

コード型フォーム

フォーム設定

機能説明

一斉メール配信機能

顧客機能

セキュリティ対策

決済

その他