# STEP4. デザインカスタマイズ

- サイト: OLD-SHELP-DOC
- カテゴリ: 導入手順
- URL: https://shelp.jp/help/shelp-doc-old/01kmt7tjz4xz6b614rbtd3xj0e
- サービスサイト: https://shelp.jp
- 最終更新: 2024/12/09 14:50:31

> AIの作成、FAQページの作成が完了したら、
> 
> 実際に公開されるページや、チャットボットデザインをカスタマイズしてみましょう。

AIの作成がまだの方はこちらを確認してください

[**\> STEP3. FAQページの作成**](https://shelp.jp/help/shelp-doc/60)

### **1\. 「FAQ」のデザインカスタマイズ**

---

デザインページを開いて「色変更」から、実際に公開されるFAQページの色を、

カスタマイズすることができます。

変更を行うと右側のサンプルがリアルタイムで変更されるため、

実際にあなたのサービスの特徴に沿うような色味に変更してみましょう。

[詳細はこちらから](https://shelp.jp/help/shelp-doc/33)

![](https://cdn.shelp.jp/01KMT7TD1HSE9QY5ZMKJA42YPP/contents/01KMT7TJZ4XZ6B614RBTD3XJ0E/675670b34914e.jpg)

### **2\. テンプレートの変更**

---

FAQページのレイアウトを変更することが可能です。

用途に沿ったレイアウトに変更してみましょう。

[詳細はこちらから](https://shelp.jp/help/shelp-doc/32)

![](https://cdn.shelp.jp/01KMT7TD1HSE9QY5ZMKJA42YPP/contents/01KMT7TJZ4XZ6B614RBTD3XJ0E/6756714adbe64.jpg)

### **3\. チャットボット設定**

---

チャットボットに表示される、タイトルや、初回選択肢の設定、アイコン、色など

様々なデザインがカスタマイズできます。

またそれだけではなく、チャットボットに対する独自のプロンプトの設定や、

他の方に不正利用させないためのCORS設定が行えます。

[デザイン設定はこちら](https://shelp.jp/help/shelp-doc/64)

[高度な設定はこちら](https://shelp.jp/help/shelp-doc/63)

![](https://cdn.shelp.jp/01KMT7TD1HSE9QY5ZMKJA42YPP/contents/01KMT7TJZ4XZ6B614RBTD3XJ0E/6756724bcf07b.jpg)

> **これでデザインのカスタマイズが完了します。**
> 
> **デザインはいつでも変更が可能なため、お気軽にお試しください。**
> 
> [**SHELP独自の高速化の仕組み**](https://shelp.jp/help/shelp-doc/45)**により、更新後10分間は反映されない場合があるためご注意ください。**
> 
> **最後に、完成したFAQやチャットボットを導入してみましょう。**

[**\> 次のSTEP：導入**](https://shelp.jp/help/shelp-doc/62)

---

このヘルプページは SHELP で作成されています。
SHELP: https://shelp.jp