モーダル設定（表示位置・縮小アイコン表示など）
フォーム（STEP1　クリエイティブ設定）

フォームが表示される位置や、縮小時（アイコン）表示などの設定を行います。
モーダル表示テンプレートの設定です。ポップアップ表示テンプレートの場合はこちら

クリエイティブが表示される時の「アニメーション」を設定します。詳細はこちら
クリエイティブが表示される時の「表示最大横幅」を設定します。
※パソコンなど横幅が大きな端末で閲覧した際に、大きく表示することができます。詳細はこちら
クリエイティブが表示される時に「影」を設定します。詳細はこちら
クリエイティブ表示の際、オーバーレイ（サイトの上にかぶさり、クリエイティブの下になる）の「色」や「透明度」を設定します。詳細はこちら
「操作ボタン」の「色」を設定します。※見出し開閉の場合は「閉じるボタン」詳細はこちら
「操作ボタン」の「閉じる操作」を設定します。詳細はこちら
「欄外（オーバーレイ）タップ」の「閉じる操作」を設定します。詳細はこちら
「縮小表示」をする場合、そのアイコンや色、初期表示の設定をします。
詳細はこちら

クリエイティブが表示される時の「アニメーション」を設定します。
※フォーム展開時の表示アニメーションです。

なし

アニメーションしません。

フェードイン

徐々に表示されます。

上から下へ

上から下へ移動して表示されます。

下から上へ

下から上へ移動して表示されます。

左から右へ

左から右へ移動して表示されます。

右から左へ

右から左へ移動して表示されます。

shake

揺れながら表示されます。

boing

拡大して表示されます。
「表示最大横幅」を設定します。

「表示最大横幅」設定（※クリックで拡大します）

PCなど横幅が大きな端末で閲覧した際に、大きく表示できるようになります。
※プレビュー表示を「デスクトップ表示」に切り替えると、サイズの確認がわかりやすくなります。
※初期値では290px(スマートフォンでの閲覧に適したサイズ)になっています。

290～375px

スマートフォンでの閲覧に適したサイズです。

375～1000px

デスクトップ（PC）やタブレット端末で閲覧した際、大きく表示できます。
※スマートフォンなど小さな端末ではみ出して表示されることはありません。

※表示最大幅は、フォーム展開時の最大幅表示サイズです。
クリエイティブ全体に「影」を設定します。

なし

表示例　フォーム縮小表示

影小

影大

表示例　フォーム縮小表示

※一部ブラウザー（Safariなど）では、影の付き方が異なることがあります。
クリエイティブ表示の際、オーバーレイ（サイトの上にかぶさり、クリエイティブの下になる）の「色」や「透明度」を設定します。
「オーバーレイ」表示例（※クリックで拡大します）

「色」設定（※クリックで拡大します）
1. 「色」部分をクリックすると、カラー選択画面が表示されます。
2. 「色」の透明度を設定します。※設定できるクリエイティブにのみ表示されます。
  
  不透過
  
  透過しない。そのままの色。
  
  0.1～0.9
  
  10%～90%の色で透過の割合指定。
  0に近づくほど、薄い色になります。
  
  透明
  
  透明になります。色は表示されません。
「操作ボタン」の「色」を設定します。
「操作ボタン」は以下、「フォーム画面」「縮小（アイコン）表示」「送信完了画面」の3箇所で表示されます。
※見出し開閉テンプレートの場合は全て「閉じる」ボタンになります。

「操作ボタン」表示箇所（※クリックで拡大します）

「操作ボタン　色設定」設定（※クリックで拡大します）

操作ボタンの「色」を設定します。

背景色

操作ボタンの「背景●」部分の色

記号色

操作ボタンの「記号（・など）」部分の色
「操作ボタン」の「閉じる操作」を設定します。

「閉じる操作」「縮小表示」設定（※クリックで拡大します）

「閉じる操作」は以下3種類です。

非表示ボタン
（縮小なし）

「フォーム画面」で「閉じる」ボタンを表示します。縮小（アイコン）表示は行いません。

縮小表示ボタン

「フォーム画面」で「縮小」ボタンを表示します。縮小（アイコン）表示時に、「閉じる」ボタンの表示は行いません。
※閉じる場合は、ページを移動する。または、フォーム送信完了画面まで移動し「閉じる」ボタンをクリックで閉じる事ができます。

縮小表示後に
非表示ボタン

「フォーム画面」で「縮小」ボタンを表示します。縮小（アイコン）表示時に、「閉じる」ボタンが表示されます。

送信完了画面では、「閉じる」ボタンが固定で表示されます。
「欄外（オーバーレイ）タップ」の「閉じる操作」を設定します。

「欄外（オーバーレイ）タップ」設定箇所（※クリックで拡大します）

チェックを入れた場合、欄外（オーバーレイ）タップで「閉じる操作」で設定した動作が発生します。※フォーム入力時に誤タップで「閉じる操作」させないためには、チェックオフにしてください。
「縮小表示」をする場合
そのアイコンや色、初期表示の設定をします。

「縮小表示」設定（※クリックで拡大します）
1. 「アイコン」「画像（アップロード画像）」をいずれかを選択します。
2. アイコン画像の選択、または画像のアップロードができます。
  アイコン
  アイコンのイラストを選びます
  
  縮小表示の「背景色」を選択します。
  
  アイコンのイラストの「色」を選択します。
  画像
  「ファイル選択」からアップロードしたい画像を選択します。
  「画像形状」は、「円（正方形）」でトリミングされます。
3. 縮小表示の形状「円」または「角（正方形）」を選択できます。
4. 縮小表示された時に表示される位置を設定します。
  縦（上・中央・下）と横（左右・中央）を設定します。
  
  左上
  
  中央上
  
  右上
  
  左中央
  
  右中央
  
  左下
  
  中央下
  
  右下
5. 「縮小表示で表示する」にチェックを入れると、閲覧ユーザーに最初に表示される際に「縮小表示」状態にて表示されます。
  
  初期表示