For the complete documentation index, see llms.txt. This page is also available as Markdown.

Trang bán hàng

Xem hướng dẫn trang bán hàng tại đây

Trang bán hàng

Module Trang bán hàng ( Selling Page )

1_ Hướng dẫn tạo module Trang bán hàng

Để kích hoạt module Trang bán hàng => bạn cần truy cập Extend Modules, sau đó tìm đến module Trang bán hàng => chọn Active

Sau khi active, module sẽ xuất hiện ở phần danh sách module bên phảiĐể tạo 1 webview trên màn hình chọn thêm mới

Cài đặt webview

Cấu hình

Loại trang

  • List Product + Webview checkout(Khuyên dùng)

Sử dụng khi bạn muốn hiển thị luôn các sản phẩm ở trang chủ và có trang checkout cho khách hàng

  • Category + List Product + Webview checkout

Sử dụng khi bạn muốn hiển thị Danh mục sản phẩm ở trang chủ và có trang checkout cho khách hàng

  • Product detail + Webview checkout

Sử dụng khi bạn chỉ dùng để bán 1 sản phẩm và có trang checkout cho khách hàng

  • Only Webview checkout

Sử dụng khi bạn muốn hiển thị lại 1 thông tin đơn hàng đã có VD trong luồng Catalogs, hoặc gửi chi tiết 1 đơn hàng đã đặt cho khách hàng

Cấu hình chung

Tên shop: có thể tuỳ chỉnh theo tên cửa hàng hoặc tên bất kì

Màu chủ đạo: cho webview tuỳ chỉnh các loại màu phù hợp

Logo: upload trực tiếp logo thương hiệuCấu hình ngôn ngữ Có thể tuỳ chỉnh tên: Sản phẩm, tiền tệ, giỏ hàng, đơn hàng, giá ( hoặc để mặc định có sẵn khi tạo webview)

Product page

Tuỳ chỉnh

  • Vị trí danh mục

  • Kiểu danh mục

  • Cách hiển thị sản phẩm

  • Tỷ lệ hình ảnh

Checkout Page

Cấu hình chung

  • Đơn hàng đã có sẵn( xem thử) => không bắt buộc, có thể bỏ qua phần này

  • Danh sách sản phẩm: Tùy chọn bật/tắt hiển thị danh sách sản phẩm khách đã chọn

  • Thông tin khách hàng: Thêm các tùy chọn để khách hàng nhập thông tin

  • Phương thức thanh toán: Thêm các tùy chọn để khách hàng chọn phương thức thanh toán

  • Phí Vận chuyển: Thêm phí vận chuyển cho đơn hàng

  • Giảm Giá: Thêm giảm giá cho đơn hàng

Thông tin khách hàng

Xin họ và tên khách:

Xin số điện thoại :

Xin địa chỉ cụ thể:Phương thức Thanh Toán: Thêm mới => có thể là chuyển khoản hoặc thanh toán bằng tiền mặtPhí Vận Chuyển: Thêm mới đặt tên => mô tả nếu có => giá phí vận chuyển cần nhập dõ

Giảm Giá:Tạo 1 Voucher giảm giá trực tiếp cho tổng đơn hàng mà khách hàng đặt ví dụ: Voucher 20k

Submit Event

Lưu lại các thuộc tính giá trị thông tin khách hàng vào thuộc tính

Dữ liệu

Chọn loại dữ liệu

  • Fixed data

  • Dynamic data

Danh mục: chọn danh mục hiển thị trên webview

Sản phẩm Chọn dấu + để thêm sản phẩm có sẵn trên module Sản phẩm

Tích chọn các sản phẩm trên List product => lưu để tiếp tục

URL Address

Link URL mở xem lại webview mình tạo

2_ Hướng dẫn kết nối trang bán hàng tự động tạo thanh toán tên bot-auto

Truy cập Bot - Auto => thư viện block => tạo block mới

Bước 1: Tạo trang bán hàng

Tạo block trang bán hàng => thêm thẻ text nội dung hiển thị khi gửi khách kèm nút button

Tạo nút button => webview

Gửi block khi xác nhận đơn hàng

Bước 2: Xác nhận thông tin đặt hàng

Dùng thẻ text => gọi các thuộc tính đã lưu ở phần Submit Event đã tạo bên module Trang bán hàng

Sau khi khách click vào nút button Xác nhận => nối tới block tạo QR thanh toán

Bước 3: Tạo QR thanh toán

Kiểm tra khách hàng thanh toán bằng hình thước Tiền mặt hay chuyển khoảnNếu khách hàng thanh toán tiền mặt => gotoblock kiểm tra thanhtoan = Tiền mặt => dẫn tới block 3.1 Thanh toán bằng tiền mặt

Nếu khách hàng thanh toán Chuyển khoản sẽ chạy xuống tạo QR thanh toán luôn: Thêm thẻ Payment Hub => hướng dẫn thẻ Payment Hub xem tại đây Số tiền sẽ truyền thuộc tính lưu: {{giatridonhang}} trước đó trên module bán hàng

Sau khi cài đặt thẻ Payment Hub => thêm thẻ image => gọi mã QR thanh toán

Sau khi khách hàng chuyển khoản thành công => chạy block 3.2 Thanh toán chuyển khoản thành công

Last updated