# 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) --- # 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://tailieu.botplus.io/webview/push-data/smaxbot.md?ask= ``` 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.