> For the complete documentation index, see [llms.txt](https://docs.botbanhang.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.botbanhang.vn/chatbox/widget/huong-dan-cai-dat-widget-giao-van-ghn.md).

# Hướng dẫn cài đặt Widget Giao Vận (GHN)

{% embed url="<https://www.youtube.com/watch?v=0t1f4up0Oy8&feature=youtu.be>" %}

## Chức năng

Lên đơn giao vận [Giao Hàng Nhanh](https://ghn.vn/) ngay tại giao diện Chatbox của Bot Bán Hàng.

## Cài đặt

### Bước 1: Thiết lập CMS.

* Truy cập trang web <https://cms.botup.io/#/login>.

![](/files/-MMxTJdQxylBUnoqzTGD)

* Tại đây Đăng nhập vào tài khoản CMS đã có hoặc tạo mới tài khoản tại [đây](https://studio.botup.io/studio/register).
* Với những tài khoản mới tạo, sau khi Đăng nhập cần tạo mới Doanh nghiệp để sử dụng.

![Tạo doanh nghiệp](/files/-MMxV219lA4BO-a1yC0k)

* Sau khi đã có Doanh nghiệp tiến hành tạo mới Selling Page và truy cập.

![](/files/-MMxVk3BxOn3sPDO8r-V)

* Ấn Tiếp để tiếp tục cài đặt.

![](/files/-MMxW5Phphhg5hc5ltWz)

* Tại phần tiếp theo nếu sử dụng CRM có thể chọn để đồng bộ vào CMS hoặc chọn "**Mặc định**" và ấn "**Tiếp**" sau đó tiếp tục chọn "**Mặc định**" và "**Tiếp**" cho đến phần cài đặt Giao Vận.

![](/files/-MMxWWErSti11iGj8IMD)

* Tại cài đặt Giao vận chọn Giao Hàng Nhanh sau đó nhập Token (**Hướng dẫn lấy Token cho các bên Giao vận xem thêm tại** [**đây**](https://docs.botbanhang.vn/cms-bot-ban-hang-tich-hop-nen-tang/ket-noi-giao-van)) và ấn Hoàn thành để hoàn thành thiết lập.

![Điền Token sau đó ấn Hoàn thành phía dưới bên phải](/files/-MMxbGFhbzejVhpgChIf)

### Bước 2: Tiến hành Cài đặt Widget tại giao diện Chatbox.

* Truy cập giao diện Chatbox từ Bot Bán Hàng (Xem thêm tại [đây](https://docs.botbanhang.vn/chatbox/dang-nhap)).

![](/files/-MO-X346O5XMnuobPBRt)

* Tại giao diện Chatbox chọn "**Tuỳ chỉnh widget**" tại góc trên bên tay phải.

![](/files/-MO-XAE6t9tr_7qSDb63)

* Chọn "**Thêm App**" để truy cập **"Chợ ứng dụng**".

![Chọn Thêm App để truy cập Chợ ứng dụng](/files/-MO-XTBh17Gw5JpIeqzS)

* Tại giao diện Chợ ứng dụng chọn App giao vận để tiến hành cài đặt giao vận.

![Chọn Widget "Giao vận"](/files/-MQL-PH3Pr9Hcdh1xa6b)

![Chọn "Cài đặt ngay"](/files/-MQL-ZF-HU9S5xZZ1HQJ)

![Chọn Page để tiếp tục Cài đặt](/files/-MMxdqAlEexLX-QsRGIC)

![Đồng ý để tiếp tục](/files/-MMxdwSFfe88lwIc0V0W)

![Chỉnh sửa vị trí hiển thị theo mong muốn hoặc theo hướng dẫn](/files/-MQL-qnJVnRgsyQcOb4K)

* Truy cập vào tài khoản CMS.

![Điền thông tin tài khoản CMS](/files/-MMyyz47RJ2oP_j3WsxU)

![Chọn Store cần cài đặt](/files/-MMyz43xWAOI8-SEtAH5)

* Quay lại giao diện Chatbox, Refresh lại trang hoặc ấn F5 để cập nhật Widget mới.

![Trải nghiệm Widget Giao vận tại Chatbot](/files/-MO-XcfsdlVupt3QKxAv)

\-