チャット前フォームに営業時間を表示するデフォルトのオプションはありませんが、カスタムフィールドを使用して追加することができます。設定方法は、Configuration（設定）> Chat（チャット）> Chat buttons（チャットボタン）> Edit your chat button（チャットボタンの編集）に移動してください。

Pre-chat > FieldsタブでAdd Field（フィールドを追加）オプションをクリックし、次にCreate Field（フィールドを作成）をクリックします。以下のスクリーンショットを参考にしてください：

Create（作成）をクリックしてフィールドを保存します。Description（説明）をクリックすることでコンテンツを編集できます。以下の営業時間テンプレートをご自由にお使いください：

<style>
.hours {
    width: 100%;
    font-size: 13px;
    position: relative;
    top: -35px;
}
.hours h2 {
    text-align: center;
}
.hours dt {
    font-weight: bold
}
.hours dt,
.hours dd {
    display: inline-block;
    margin-bottom: 1em;
}
.hours-day-label {
    width: 40%;
    float: left;
    text-align: left;
}
.hours-day {
    width: 60%;
    margin-left: 0;
    float: right;
    text-align: right;
}
.hours-days {
    padding: 1em;
        padding-top: 0;
}
</style>
<section class="hours" id="hours">
    <div style="padding:15px;background-color: white;color:#333;border-radius: 5px;">
        <h2 style="font-weight: bold;font-size: 15px;">Business Hours</h2>
    </div>
    <dl class="hours-days clearfix">
        <dt class="hours-day-label">Monday</dt>
        <dd class="hours-day">9:00 AM - 5:00 PM</dd>
        <dt class="hours-day-label">Tuesday</dt>
        <dd class="hours-day">9:00 AM - 5:00 PM</dd>
        <dt class="hours-day-label">Wednesday</dt>
        <dd class="hours-day">9:00 AM - 5:00 PM</dd>
        <dt class="hours-day-label">Thursday</dt>
        <dd class="hours-day">9:00 AM - 5:00 PM</dd>
        <dt class="hours-day-label">Friday</dt>
        <dd class="hours-day">9:00 AM - 5:00 PM</dd>
        <dt class="hours-day-label">Saturday</dt>
        <dd class="hours-day">closed</dd>
        <dt class="hours-day-label">Sunday</dt>
        <dd class="hours-day">closed</dd>
    </dl>
</section>

新しいDescription（説明）をAPPLY（適用）し、チャット前フォームをSAVE（保存）することをお忘れなく。