# Nhúng lên website

{% hint style="info" %}
Lưu ý: Mỗi lần điều chỉnh bạn cần bấm "Lưu" -> Sẽ cập nhật một mã nhúng mới -> Cập nhật lên Website/ Landing Page phiên bản mới nhất
{% endhint %}

## **1. Cài Đặt Thông Tin Chatbot**

### **Logo Chatbot:**

Chọn biểu tượng hoặc logo đại diện cho chatbot của bạn. ( Kích thước 1:1)

<figure><img src="/files/epUnKDjetVUbtV3VbvOr" alt=""><figcaption></figcaption></figure>

### **Tên Chatbot:**

Ví dụ: **Bé Quê - Tư Vấn viên.**

**Mô Tả Chatbot (Không Bắt Buộc):**

Mô tả sẽ hiển thị với người dùng để giúp họ hiểu chức năng chatbot.

* *Ví dụ:*\
  \&#xNAN;*"Dạ chào anh/chị - Em là Bé Quê, rất vui được hỗ trợ mọi người về Quà Tết 2025 từ Vị Quê. Mình tìm quà cho doanh nghiệp, cá nhân ạ."*

<figure><img src="/files/sWReLjLRROr1OuFYi1rH" alt=""><figcaption></figcaption></figure>

***

## **2. Tuỳ Chỉnh Màu Sắc Khung Chat**

* **Mã Màu Khung Chat:** Chọn màu phù hợp với thương hiệu hoặc trang web của bạn.
  * Gợi ý: Sử dụng mã màu hơi tối để tạo sự hài hòa, ví dụ: `#2971ff`.
* Nếu chưa hài lòng với màu sắc, bạn có thể quay lại điều chỉnh sau.

<figure><img src="/files/RArpY4zrpPCRkSyN2I6f" alt=""><figcaption></figcaption></figure>

***

## **3. Tạo Văn Bản Giới Thiệu Chatbot**

<figure><img src="/files/EAacfL6DTDWUwLcfpgsF" alt=""><figcaption></figcaption></figure>

**Câu Giới Thiệu (Không Bắt Buộc):**\
Câu giới thiệu này sẽ xuất hiện trên logo chat khi người dùng truy cập vào website. Bạn có thể bỏ trống nếu không cần hiển thị.

***

## **Nhúng Chatbot Lên Website**

1. **Copy đoạn mã nhúng Chatbot (iFrame)** do AI Store cung cấp.
2. **Thêm mã nhúng vào mã HTML của trang web:**
   * Dán mã nhúng vào vị trí muốn hiển thị chatbot.
3. **Lưu và kiểm tra hiển thị:**
   * Đảm bảo chatbot hoạt động mượt mà và phù hợp với giao diện website.

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hotro.lovinbot.ai/wiki/bothive-ho-tro-or-lovinbot/tinh-nang-chinh/ai-assistant/nhung-len-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.