デフォルトでは、MaterialまたはRotaryのプレチャットフォームデザインのヘッダー画像を変更するオプションはありませんが、Custom CSSを使用することで独自のロゴを表示することができます。設定方法は、Configuration（設定） > Chat（チャット） > Chat buttons（チャットボタン） > Edit your button（ボタンを編集）に移動し、**「Pre-chat form」タブでロゴをアップロードします。次に「Design」タブで「Custom CSS」**セクションまでスクロールし、以下のCSSコードを挿入します。

Materialの場合 

.ContactHeader:before, .ContactHeader:after {
    content: normal;
}
.ContactHeader img {
    display: initial !important;
}
.ContactHeader {
    margin-top: 20px !important;
    margin-left: 0px !important;
}

Rotaryの場合 

.ContactHeader:before {
    content: normal;
}
.ContactHeader img {
    display: initial !important;
}

CSSコードをAPPLY（適用）し、デザインをSAVE（保存）することをお忘れなく。