# SmaxBot

**Bước 1:** Ở Smaxbot bạn tạo ra 2 block: 

> **Shop Demo:** Block dùng để chứa button bật lên webview cho khách hàng trên messenger. Ở đây mình đang test trên Webview là Proshop nên mình đặt tên là Shop Demo các bạn cũng có thể đặt tên tùy theo ý thích.
>
> **Confirm Info:** Block này dùng để xác nhận lại thông tin sau khi khách hàng hoàn thành thông tin trên webview.

![Block Shop Demo](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_0NQAnIF9y10B70Bj%2F-MF_7qd3ErGZALvc1xqz%2Fimage.png?alt=media\&token=e07cffbe-cd0a-4645-9d56-bab9e128371a)

![Block Confirm Info](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_0NQAnIF9y10B70Bj%2F-MF_DJ8gF0aCxhpSEyeE%2Fimage.png?alt=media\&token=a8938b31-5e2d-4434-9df9-e54707d38c58)

**Bước 2:** Trên botplus.io bạn truy cập vào menu **Push data** sau đó chọn **"Creat New Platform"** và chọn **SmaxBot** ở menu xổ xuống.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF5b3FP8Q7yNTed6DgZ%2F-MF5bZ6tgd8zRgJ5ESqZ%2Fimage.png?alt=media\&token=f6539170-941a-4a7a-b8eb-a6c224ee8023)

**Bước 3:** Đây là phần cấu hình kết nối của Webview với SmaxBot

> **Name**: Tên của kết nối (nên đặt có từ Smaxbot để dễ nhớ)
>
> **BotID**: ID của bot bạn tạo bên Smaxbot
>
> **Bot Token**: Token của bot bạn tạo bên Smaxbot
>
> **Block ID**: ID của block xác nhận lại thông tin sau khi user điền xong.
>
> **Data Fields**: Các trường dữ liệu để đẩy từ bot về

*Để điền được các trường thông tin **Bot ID, Bot Token, Block ID** bạn vui lòng xem bước tiếp theo*

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_0NQAnIF9y10B70Bj%2F-MF_21OgMqxNo6WcQnY1%2Fimage.png?alt=media\&token=3bd618be-c519-4203-b448-5f3507c13714)

**Bước 4:** 

Để copy Block ID bạn copy phần số như hình 1 (phía sau ký tự ?id=)

Sau đó bạn tắt Block Confirm Info đi và click vào số 2 để copy Bot ID, số 3 để copy Bot Token

Copy xong bạn quay lại bước 3 để điền thông tin vào form cấu hình.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_0NQAnIF9y10B70Bj%2F-MF_ElZFTGyebYjQRMNd%2Fimage.png?alt=media\&token=e07dacc4-f17b-4d9c-9909-29ae2a78ce71)

**Bước 5:** Cấu hình truyền dữ liệu trên botplus.io

Ở trong bảng cấu hình phần Push Data bạn chọn Add Field để thêm các trường dữ liệu gửi sang SmaxBot

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF__dqOL8tyKGuNe_Dp%2Fimage.png?alt=media\&token=98c0dbcc-f006-46d0-9e16-0e957b976d16)

Chọn vào phần Control Name bạn sẽ thấy các trường dư liệu, trường này được tạo ra trong quá trình bạn xây dựng form. Và các trường mặc định VD: Money Total, Products của phần Shop.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_adKtcdF9-uLpYpiV%2Fimage.png?alt=media\&token=d64727d6-537f-4fc2-ba7d-98ffa227ee92)

Cột control Name chính là cột tên biến mà bạn thu được ở form, còn cột Attr Name chính là cột tên attribute mà bạn muốn truyền về cho bot.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_b37glMVhDtzntHop%2Fimage.png?alt=media\&token=ef9bf07a-8644-4574-9291-cced16c505ac)

**Bước 6:** Khai báo thông tin cho block **Confirm Info**

Nhập các tên Attribute Name bạn đã nhập ở bước 5 vào mục confirm Data

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_cO7PwUUH8vmGqB1n%2Fimage.png?alt=media\&token=23d020f7-98b6-466e-a7f8-4fce8ac91626)

**Lưu ý:** đối với số tiền bạn có thể thêm hàm \[=SEPRATOR(*{{tongtien}}*)] thay vì *{{tongtien}}* thì số tiền sẽ hiển thị 1,000,000 thay vì 1000000

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_deINGpTs6vfZN41k%2Fimage.png?alt=media\&token=c094ca02-f02d-4ec7-8671-65bd33bfd30c)

**Bước 7:** Cấu hình URL cho webview

Bạn chọn vào Menu **URL Address** (1) và chọn **User free domain** 

***Lưu ý:*** 

* bạn có thể chỉnh các mục trong free domain để cho đẹp VD: **shop.botplus.asia/shopthoitrang**
* Bạn có thể sử dụng Use own domain để sử dụng domain riêng của bạn VD **Shopthoitrang.vn**

**Bạn ấn Update sau đó chọn vào mục 3 để copy link dành cho Smaxbot** (link trong phần URL phía trên sử dụng khi bạn muốn chạy web mà ko cần nhúng vào chatbot)

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_ezr8voWhKBRP-6S0%2Fimage.png?alt=media\&token=c9c4fdcb-f24a-400b-ae12-ff7aaef13a17)

**Bước 8:** Kết nối link của shop vào button.

Ở block của Shop demo bạn chọn **Add new button** (có thể sử dụng thẻ Gallerr hoặc thẻ Media cũng được)

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_S7UfUefrO6qAxp_C%2F-MF_e-Es-326tYAjGu4L%2Fimage.png?alt=media\&token=b0f32a57-1663-42b6-9c7e-971ce7bf0a35)

Bạn nhập tên button (VD: Shopping) sau đó chọn tab **URL** và dán đường dẫn copy **ở bước 7** vào.

Click chuột ra ngoài bạn sẽ thấy 1 dòng là ***Add <https://elm.botplus.asia>*** into..... Bạn click vào mục đích để add domain vào with list để webview có thể bật được dạng popup ở messenger.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_f_YQ6mG9EM9f7Ok9%2F-MF_gQ1WGX3PgNoCluLZ%2Fimage.png?alt=media\&token=161ab511-03cc-47f1-b8d6-3b97a7ead5f3)

**Bước 9:** Test thử

Tạo ra ref link để test thử xem bot hoạt động OK không (xem cách tạo reflink [ở đây](https://bot.vn/hoc-chatbot/tips-chatbot/huong-dan-tao-reflink-cho-block-32.html) )&#x20;

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_haiS86RD_boRI_CG%2F-MF_iHxISv1KPGNZ3voH%2Fimage.png?alt=media\&token=33542404-5044-4ef4-83dc-86411e3f6767)

Messenger sẽ hiển thị tin nhắn và button để mở webview

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_haiS86RD_boRI_CG%2F-MF_ib59W4oifrMRjanC%2Fimage.png?alt=media\&token=7b5079cd-9245-4e43-a218-4b2d7576eece)

Bạn mở webview ra và mua thử những thứ mình thích

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_haiS86RD_boRI_CG%2F-MF_is96R6AhaPk0t3LY%2Fimage.png?alt=media\&token=dbb59331-0cca-4841-8679-688953ea905f)

Tiếp đến bạn điền đầy đủ thông tin vào mục Order

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_haiS86RD_boRI_CG%2F-MF_j7n8F2i20D-MYvUn%2Fimage.png?alt=media\&token=59c926d6-4eb3-474c-aad2-83f9e5ac8c62)

Bot sẽ xác nhận lại thông tin bạn vừa đặt hàng:

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MF_haiS86RD_boRI_CG%2F-MF_jGCC6R0RITfVVwyv%2Fimage.png?alt=media\&token=3f8156fe-5a92-4dbf-bbc4-f0b3fe231a8a)