チャットウィジェットの設定で「回答テキストをHTMLとしてそのまま表示する」にチェックをいれて有効にすることでチャットウィジェット内にHTMLを反映させることができます。HTMLタグは原則タイトルと回答の両方にご利用いただけます。
以下にご利用いただける代表的なHTMLタグをご紹介します。
テキストを太文字にする
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-3.png)
指定箇所が<span style="font-weight: bold">太字</span>になります
テキストに下線を引く
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-4.png)
指定箇所に<u>下線</u>がひけます
テキストの文字色を変える
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-5.png)
<span style="color: green;">ここは緑色です</span><br>
テキストを改行する
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-6.png)
任意の<br>場所で改行することができます
URLを表示し、URLへのリンクを挿入し、新規タブまたはウィンドウでリンク先が開くようにする
![](https://www.answerrobot.ai/wp-content/uploads/2024/03/url表示.png)
<a target="_blank" href="https://ousia.jp">https://ousia.jp</a>
テキストにURLへのリンクを挿入し、新規タブまたはウィンドウでリンク先が開くようにする
![](https://www.answerrobot.ai/wp-content/uploads/2023/01/newtab2.gif)
<a target="_blank" href="https://www.ousia.jp/">アンカー文字列</a>
画像を挿入する
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-8.png)
<img src="https://www.answerrobot.ai/wp-content/themes/arkhe/assets/img/logo.svg" alt="ロゴ">
表を挿入する
![](https://www.answerrobot.ai/wp-content/uploads/2022/07/image-9.png)
<table border="1">
<tr>
<th>名前</th>
<th>データ</th>
</tr>
<tr>
<td>田中</td>
<td><a href="https://ousia.jp">HPへ</a></td>
</tr>
<tr>
<td>佐藤</td>
<td>42</td>
</tr>
</table>
※HTMLの表示方法は環境によって左右されます。すべての環境での同一表示を保証するものではございません。あらかじめご了承ください。