> 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>.

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxTJdQxylBUnoqzTGD%2Fimage.png?alt=media\&token=69acd780-4fac-401a-b5c7-c92c10534a6a)

* 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](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxV219lA4BO-a1yC0k%2Fimage.png?alt=media\&token=cb301b46-1ec0-4211-bc76-36b2043df217)

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

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxVk3BxOn3sPDO8r-V%2Fimage.png?alt=media\&token=db1f4407-f391-4e7d-9ba6-0e2c26cedd5a)

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

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxW5Phphhg5hc5ltWz%2Fimage.png?alt=media\&token=7de9b481-8b82-485c-be65-9ee8198a2b56)

* 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.

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxWWErSti11iGj8IMD%2Fimage.png?alt=media\&token=2baea305-be06-4f20-81d6-f684f3610fc2)

* 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](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxbGFhbzejVhpgChIf%2Fimage.png?alt=media\&token=3fc63337-ceac-4c96-b55d-337559a4b107)

### 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)).

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MO-SoJUwym0bvoN4l8z%2F-MO-X346O5XMnuobPBRt%2Fimage.png?alt=media\&token=d19167bd-c6ff-4fc4-84f6-dcd56473bdc7)

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

![](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MO-SoJUwym0bvoN4l8z%2F-MO-XAE6t9tr_7qSDb63%2Fimage.png?alt=media\&token=d694bc82-ae71-4f1a-b17c-c5420a2d2567)

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

![Chọn Thêm App để truy cập Chợ ứng dụng](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MO-SoJUwym0bvoN4l8z%2F-MO-XTBh17Gw5JpIeqzS%2Fimage.png?alt=media\&token=5ff58613-6822-428a-b3ff-bc35978011ca)

* 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"](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MQKzmQMBq9qYns_-DY1%2F-MQL-PH3Pr9Hcdh1xa6b%2Fimage.png?alt=media\&token=53ecc012-dbc5-4951-a4dc-95add4d1f50d)

![Chọn "Cài đặt ngay"](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MQKzmQMBq9qYns_-DY1%2F-MQL-ZF-HU9S5xZZ1HQJ%2Fimage.png?alt=media\&token=eefc1852-5e76-4674-9062-3402c79fb4bc)

![Chọn Page để tiếp tục Cài đặt](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxdqAlEexLX-QsRGIC%2Fimage.png?alt=media\&token=4b66e70a-a809-4bb6-bb88-16f7502e1dc8)

![Đồng ý để tiếp tục](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMx2Ej9-l0njN4NbLKi%2F-MMxdwSFfe88lwIc0V0W%2Fimage.png?alt=media\&token=cad5e9d4-b1b7-4093-9dcf-a24e4433b0c4)

![Chỉnh sửa vị trí hiển thị theo mong muốn hoặc theo hướng dẫn](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MQKzmQMBq9qYns_-DY1%2F-MQL-qnJVnRgsyQcOb4K%2Fimage.png?alt=media\&token=06a044c1-fbe4-4769-b12a-031715f6323d)

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

![Điền thông tin tài khoản CMS](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMxiCFuNQNjzOdVknk5%2F-MMyyz47RJ2oP_j3WsxU%2Fimage.png?alt=media\&token=48500070-7bda-405b-9998-65556cca0a83)

![Chọn Store cần cài đặt](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MMxiCFuNQNjzOdVknk5%2F-MMyz43xWAOI8-SEtAH5%2Fimage.png?alt=media\&token=27110cea-ae99-4022-a0a5-3dd25b1aa7a3)

* 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](https://2431304707-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lmia7merEGs8onPxhcd%2F-MO-SoJUwym0bvoN4l8z%2F-MO-XcfsdlVupt3QKxAv%2Fimage.png?alt=media\&token=96ce447a-8c45-46dd-9088-d57eafce5fe8)

\-
