デフォルトではチャット前フォームの背景に独自の画像を使用するオプションはありませんが、カスタムCSSを使用することでこの要件を実現できます。設定方法は、Configuration（設定） > Chat（チャット） > Chat buttons（チャットボタン） > Edit your chat button（チャットボタンを編集）に移動し、Pre-chat form（チャット前フォーム） > Design（デザイン）を開きます。次に、**「Custom CSS」**セクションまでスクロールし、以下のCSSコードを追加します。

Material & Ascentの場合 

.spaceShadow {
    background-image: url(https://miro.medium.com/max/1400/1*dP81IJq-tGFxy1rIK3RYsg.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

Rotaryの場合 

.leftFormSide {
    background-image: url(https://miro.medium.com/max/1400/1*dP81IJq-tGFxy1rIK3RYsg.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

上記の例では、背景にカスタム画像を設定しています。独自の画像を挿入するには、CSSコード内の画像URLをご自身の画像のURLに置き換えてください。CSSコードをAPPLY（適用）し、デザインをSAVE（保存）することをお忘れなく。