> For the complete documentation index, see [llms.txt](https://tailieu.botplus.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.botplus.io/webview/push-data/smaxbot.md). # 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](/files/-MF_7qd3ErGZALvc1xqz) ![Block Confirm Info](/files/-MF_DJ8gF0aCxhpSEyeE) **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. ![](/files/-MF5bZ6tgd8zRgJ5ESqZ) **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* ![](/files/-MF_21OgMqxNo6WcQnY1) **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. ![](/files/-MF_ElZFTGyebYjQRMNd) **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 ![](/files/-MF__dqOL8tyKGuNe_Dp) 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. ![](/files/-MF_adKtcdF9-uLpYpiV) 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. ![](/files/-MF_b37glMVhDtzntHop) **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 ![](/files/-MF_cO7PwUUH8vmGqB1n) **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 ![](/files/-MF_deINGpTs6vfZN41k) **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) ![](/files/-MF_ezr8voWhKBRP-6S0) **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) ![](/files/-MF_e-Es-326tYAjGu4L) 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 *** 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. ![](/files/-MF_gQ1WGX3PgNoCluLZ) **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) ) ![](/files/-MF_iHxISv1KPGNZ3voH) Messenger sẽ hiển thị tin nhắn và button để mở webview ![](/files/-MF_ib59W4oifrMRjanC) Bạn mở webview ra và mua thử những thứ mình thích ![](/files/-MF_is96R6AhaPk0t3LY) Tiếp đến bạn điền đầy đủ thông tin vào mục Order ![](/files/-MF_j7n8F2i20D-MYvUn) Bot sẽ xác nhận lại thông tin bạn vừa đặt hàng: ![](/files/-MF_jGCC6R0RITfVVwyv)