# Tạo tài khoản & Đăng nhập Source: https://docs.appminis.io/app-builder/authentication/register-login Hướng dẫn tạo tài khoản và đăng nhập vào hệ thống AppMinis. ## Bắt đầu với AppMinis Thực hiện các bước dưới đây để tạo tài khoản và đăng nhập vào hệ thống. ### 1. Tạo tài khoản Screenshot of a deployment confirmation message that says All checks have passed. Bước 1: Người dùng truy cập vào website: [http://appminis.io/builder](http://appminis.io/builder) Bước 2: Nhấn **Đăng nhập/Đăng ký** để mở cửa sổ. Sau đó chọn **Đăng ký** để tạo tài khoản mới trên hệ thống AppMinis. Nhập các thông tin để đăng ký tài khoản mới: * **Email**: Nhập email hợp lệ đã đăng ký tài khoản Google. * **Tên người dùng**: Nhập tên người dùng. * **Số điện thoại**: Nhập số điện thoại. * **Mật khẩu**: Mật khẩu phải từ 8 ký tự trở lên. * **Xác nhận mật khẩu**: Nhập lại chính xác mật khẩu vừa nhập. * **Ghi nhớ mật khẩu**: Tick chọn nếu muốn đăng nhập nhanh cho những lần sau. Sau đó nhấn nút **Đăng ký** để hoàn tất. ### 2. Đăng nhập Người dùng truy cập vào website: [http://appminis.io/builder](http://appminis.io/builder) Screenshot of a deployment confirmation message that says All checks have passed. sau đó nhấn **Đăng nhập/Đăng ký** để mở cửa sổ đăng nhập. Người dùng có thể đăng nhập vào hệ thống AppMinis bằng một trong các cách sau: * **Google**: Đăng nhập thông qua tài khoản Google. * **Facebook**: Đăng nhập thông qua tài khoản Facebook. * **Quét mã QR (Zalo)**: Nhấn chọn, sau đó dùng Zalo để quét mã QR. * **Email hoặc Số điện thoại + Mật khẩu**: Nhập thông tin đã đăng ký để đăng nhập. *** ## Tiếp theo Bắt đầu thiết kế và tùy chỉnh Mini App hoặc Mobile App của bạn. Truy cập kênh hỗ trợ để được giải đáp nhanh chóng. # Reset password Source: https://docs.appminis.io/app-builder/authentication/reset-account Quy trình **Quên mật khẩu** giúp người dùng dễ dàng khôi phục lại tài khoản AppMinis khi không nhớ mật khẩu đăng nhập. ### Quên mật khẩu Người dùng truy cập vào **Đăng nhập/Đăng ký** ở góc phải màn hình\ → Chọn **Quên mật khẩu**. * Nhập số điện thoại và nhấn **Xác nhận** để nhận mã OTP. * Mã OTP sẽ được gửi qua **ZaloOA** về số điện thoại đã đăng ký. * Người dùng nhập mã OTP đã nhận được và nhấn **Xác nhận**. * Tiếp theo, nhập mật khẩu mới và nhấn **Xác nhận** để đặt lại mật khẩu thành công. Người dùng tiến hành đăng nhập lại tài khoản để tiếp tục sử dụng các tính năng của AppMinis. # User Profile Source: https://docs.appminis.io/app-builder/authentication/user-profile Chức năng Hồ sơ người dùng cho phép bạn quản lý thông tin cá nhân, thay đổi cài đặt tài khoản và đăng xuất khỏi hệ thống AppMinis một cách dễ dàng. ## Hồ sơ người dùng (User Profile) Chức năng **Hồ sơ người dùng** cho phép bạn quản lý thông tin cá nhân, thay đổi cài đặt tài khoản và đăng xuất khỏi hệ thống AppMinis một cách dễ dàng. *** ### 1. Cài đặt tài khoản Nhấn vào **ảnh đại diện** ở góc trên bên phải màn hình để mở menu hồ sơ. Chọn **Cài đặt tài khoản** để đi đến trang chỉnh sửa thông tin cá nhân. 1. Nhấn nút **Thay đổi số điện thoại**. 2. Nhập số điện thoại mới → chọn **Xác nhận** để lưu thay đổi. 1. Nhấn nút **Thay đổi mật khẩu**. 2. Nhập **mật khẩu cũ**, sau đó nhập **mật khẩu mới** và **xác nhận mật khẩu mới**. 3. Nhấn **Cập nhật** để lưu thay đổi. *** ### 2. Đăng xuất tài khoản Nhấn vào **ảnh đại diện** ở góc trên bên phải màn hình. Chọn **Đăng xuất** trong menu. * Tại cửa sổ thông báo hiện lên, nhấn **Đăng xuất** để thoát khỏi hệ thống. * Nếu không muốn đăng xuất, chọn **Hủy** để quay lại. # Banners Source: https://docs.appminis.io/app-builder/builder/components/banners Hướng dẫn thêm, sửa, xóa Banners và tùy chỉnh các hiệu ứng, phong cách hiển thị. ### **4.2.2. Banners** * **Dữ liệu** * **Thêm dữ liệu mới banner** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu mới trong giao diện quản lý banner Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** và chọn **đường dẫn đến trang đích** — đây là trang mà người dùng sẽ được điều hướng đến khi nhấn vào ảnh này trên banner. Giao diện chọn ảnh và đường dẫn trang đích cho banner Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm ảnh cho banner,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Chỉnh sửa:** Người dùng nhấn vào nút để **đến trang chỉnh sửa**. Nút chỉnh sửa banner trong giao diện quản lý Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** và **sửa đường dẫn đến trang đích** — đây là trang mà người dùng sẽ được **điều hướng đến khi nhấn vào ảnh này trên banner**. Giao diện chỉnh sửa ảnh và đường dẫn banner Người dùng nhấn **“Lưu chỉnh sửa”** để tiến hành cập nhật ảnh cho banner, hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu** khỏi banner. Nút xóa dữ liệu banner trong giao diện quản lý Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa ảnh khỏi banner**, hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. Hộp xác nhận xóa dữ liệu banner **Hiệu ứng** Người dùng có thể chọn các hiệu ứng chuyển trang giữa các ảnh trong banner, bao gồm: Mặc định, mờ dần ,sáng tạo, trượt ngang, lật, xếp chồng Screenshot of a deployment confirmation message that says All checks have passed. **Hình ảnh** **Chiều cao** Người dùng có thể nhập hoặc tăng/giảm chiều cao của phần tử banner * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa phần tử banner với các phần tử khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa phần tử banner với lề màn hình điện thoại bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa phần tử banner với hình ảnh bên trong phần tử banner bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa phần tử banner với hình ảnh bên trong phần tử banner bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Bo góc** Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của phần tử banner tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của phần tử banner tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của phần tử banner tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đổ bóng bằng cách nhấn nút # Categories Source: https://docs.appminis.io/app-builder/builder/components/categories Hướng dẫn quản lý dữ liệu (thêm, sửa, xóa) và tùy chỉnh phong cách cho component Categories. ### **4.2.3. Categories** **Dữ liệu** * **Thêm dữ liệu mới:** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu danh mục trong giao diện quản lý * Người dùng nhập **tên danh mục** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** * Nếu đây là **danh mục chứa các trang**, chọn **đường dẫn đến trang đích** (người dùng sẽ được điều hướng đến trang tương ứng khi nhấn vào ảnh này) * Nếu đây là **danh mục chứa các danh mục sản phẩm**, chọn **đường dẫn đến danh mục sản phẩm** mà người dùng sẽ được điều hướng đến khi nhấn vào ảnh. Giao diện thêm dữ liệu và chọn ảnh danh mục Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm ảnh cho danh mục,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Chỉnh sửa:** Người dùng nhấn vào nút để **đến trang chỉnh sửa danh mục**. Nút chỉnh sửa danh mục trong giao diện quản lý Người dùng thực hiện các thao tác sau: * Nhập **tên danh mục** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình ảnh * Nếu đây là **danh mục chứa các trang**, chọn **đường dẫn đến trang đích** (người dùng sẽ được điều hướng đến trang tương ứng khi nhấn vào ảnh này) * Nếu đây là **danh mục chứa các danh mục sản phẩm**, chọn **đường dẫn đến danh mục sản phẩm** (người dùng sẽ được điều hướng đến danh mục sản phẩm tương ứng khi nhấn vào ảnh này) Giao diện chỉnh sửa danh mục và chọn ảnh Người dùng nhấn **“Lưu chỉnh sửa”** để tiến hành cập nhật ảnh cho thẻ trong danh mục,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu** trong danh mục. Nút xóa thẻ trong danh mục Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa thẻ khỏi danh mục**,\ hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. **Tổng quan** * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần tử danh mục. Ví dụ, nếu tiêu đề là "Đây là danh mục" thì phần tử danh mục sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của danh mục tại Screenshot of a deployment confirmation message that says All checks have passed. * **Chế độ xếp hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có xếp hàng và không có xếp hàng. Nếu bật, người dùng sẽ nhập số cột, số cột sẽ phân bố các thành phần bên trong danh mục thành từng cột. * **Số phần tử:** * Người dùng có thể giới hạn số phần tử có thể có trong danh mục, các phần tử xếp sau sẽ bị loại bỏ nếu vượt quá số lượng phần tử * **Chi tiết phần tử** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Hiển thị tên danh mục** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên của các thẻ trong danh mục và không có tên của các thẻ trong danh mục. Nếu bật, người dùng sẽ nhập kích thước tên, màu của tên. Ví dụ, nếu chọn kích thước là 12 và màu đen thì danh mục sẽ như thế này: Screenshot of a deployment confirmation message that says All checks have passed. * **Hình ảnh danh mục** * **Kích thước:** * Người dùng có thể nhập hoặc tăng/giảm chung kích thước của các hình ảnh trong từng thẻ tại Screenshot of a deployment confirmation message that says All checks have passed. * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các ảnh tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các ảnh tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các ảnh tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút # CTA Source: https://docs.appminis.io/app-builder/builder/components/cta Hướng dẫn tùy chỉnh component CTA: bật/tắt tiêu đề, các nút (Quan tâm OA, Liên hệ), và cài đặt phong cách. ### **4.2.5. CTA** **Tổng quan** * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần CTA. Ví dụ, nếu tiêu đề là "**Nhận thông tin khuyến mãi từ chúng tôi**" thì phần CTA sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần CTA tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị nút quan tâm:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút quan tâm OA và không có nút quan tâm OA * **Hiển thị nút tạo lối tắt:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút tạo lối tắt và không có nút tạo lối tắt * **Hiển thị nút liên hệ:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút liên hệ và không có nút liên hệ * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút # Flashsale Source: https://docs.appminis.io/app-builder/builder/components/flashsale Hướng dẫn quản lý dữ liệu (thêm, sửa, xóa) và tùy chỉnh phong cách cho component FlashSale. ### **4.2.7. FlashSale** **Dữ liệu** * **Thêm dữ liệu mới:** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu mới cho FlashSale trong giao diện quản lý Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”**, sau đó nhập **tiêu đề FlashSale**. Giao diện thêm dữ liệu FlashSale và nhập tiêu đề Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm tiêu đề và hình ảnh cho FlashSale, hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Chỉnh sửa:** Người dùng nhấn vào nút để **đến trang chỉnh sửa chương trình FlashSale**. Nút chỉnh sửa FlashSale trong giao diện quản lý Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** và nhập **tiêu đề chương trình FlashSale**. Giao diện chỉnh sửa thông tin và hình ảnh FlashSale Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật thông tin FlashSale, hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu sản phẩm** khỏi chương trình FlashSale. Nút xóa sản phẩm khỏi chương trình FlashSale trong giao diện quản lý Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa sản phẩm khỏi FlashSale**, hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. Hộp xác nhận thao tác xóa sản phẩm khỏi FlashSale **Tổng quan** * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần sản phẩm. Ví dụ, nếu tiêu đề là "FLASH SALE TRONG NGÀY" thì phần flashsale sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị phụ đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có phụ đề và không có phụ đề, ngoài ra người dùng có thể nhập phụ đề cho phần sản phẩm. Ví dụ, nếu phụ đề là "Xem tất cả" thì phần sản phẩm sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước /Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. **Bộ đếm giờ** * **Hiển thị bộ đếm giờ:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có bộ đếm giờ và không có bộ đếm giờ. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Kích thước/ Màu sắc (Thời gian):** Người dùng có thể điều chỉnh kích thước và màu sắc cho thời gian flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc (Ngày, giờ, phút, giây):** Người dùng có thể điều chỉnh kích thước và màu sắc cho ngày, giờ, phút, giây của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị tiêu đề:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho flashsale. Ví dụ, nếu tiêu đề là "Ưu đãi chỉ còn" thì phần flashsale sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Link phụ đề khi nhấn:** Người dùng có thể chọn liên kết để khi click vào phụ đề, ứng dụng sẽ chuyển hướng đến liên kết đó tại Screenshot of a deployment confirmation message that says All checks have passed. **Danh sách thẻ** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Khoảng cách giữa phần tử** Người dùng có thể nhập hoặc tăng/giảm khoảng cách của phần danh sách sản phẩm tại ô nhập **Thẻ sản phẩm** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước** Người dùng có thể chọn hoặc tăng/giảm kích thước của các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Kiểu hình ảnh** Người dùng có thể chọn kiểu hình ảnh các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Hiển thị tên sản phẩm:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên sản phẩm và không có tên sản phẩm * **Hiển thị danh mục:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có danh mục và không có danh mục * **Hiển thị giá tiền:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái hiển thị giá tiền và ẩn * **Hiển thị giá giảm:** * Người dùng chọn hiển thị giá giảm theo phần trăm hay giá gốc Screenshot of a deployment confirmation message that says All checks have passed. * **Sản phẩm Sale:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm sale và không có sản phẩm sale * **Hiển thị nhãn:** * Người dùng chọn không hiển thị nhãn hoặc chọn hiển thị nhãn flashsale, bán chạy, mới nhất. Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị yêu thích:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút yêu thích và không có nút yêu thích * **Hiển thị đánh giá:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số sao đánh giá và không có số sao đánh giá * **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng yêu thích và không có số lượng yêu thích * **Hiển thị số lượng đã bán:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng đã bán và không có số lượng đã bán * **Hiển thị nút giỏ hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút thêm vào giỏ hàng và không có nút thêm vào giỏ hàng **Kiểu nút giỏ hàng:** Người dùng có thể chọn chuyển đổi hiển thị giỏ hàng giữa icon hoặc button Screenshot of a deployment confirmation message that says All checks have passed. *** # Headers Source: https://docs.appminis.io/app-builder/builder/components/headers Cấu hình Header: bật/tắt logo, tiêu đề, icon giỏ hàng, icon tìm kiếm, và cài đặt thanh tìm kiếm. ### **4.2.1. Headers** * **Hiển thị logo:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có logo và không có logo * **Hiển thị tiêu đề:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, người dùng đồng thời có thể chỉnh sửa tiêu đề cho tiêu đề tại thanh nhập * **Hiển thị phụ đề:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có phụ đề và không có phụ đề, người dùng đồng thời có thể chỉnh sửa phụ đề cho phụ đề tại thanh nhập * **Hiển thị icon giỏ hàng:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có icon giỏ hàng và không có icon giỏ hàng * **Hiển thị icon tin nhắn:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có icon tin nhắn và không có icon tin nhắn * **Hiển thị icon tìm kiếm:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có icon tìm kiếm và không có icon tìm kiếm **Thanh tìm kiếm:** * **Hiển thị thanh tìm kiếm:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có thanh tìm kiếm và không có thanh tìm kiếm, người dùng đồng thời có thể chỉnh sửa văn bản mặc định cho thanh tìm kiếm tại thanh nhập Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị icon thông báo:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có icon thông báo và không có icon thông báo * **Trang tìm kiếm:** Người dùng thể chọn phạm vi tìm kiếm như **Sản phẩm** hoặc **Dịch vụ** trong phần tùy chọn. Screenshot of a deployment confirmation message that says All checks have passed. # News Source: https://docs.appminis.io/app-builder/builder/components/news Hướng dẫn quản lý dữ liệu Tin tức (thêm, sửa, xóa) và tùy chỉnh hiển thị, phong cách cho component. ### **4.2.6. News** **Dữ liệu**: * **Thêm dữ liệu mới:** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu mới cho tin tức trong giao diện quản lý Người dùng nhập **tiêu đề tin tức**, sau đó nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thêm hình minh họa cho tin tức. Giao diện thêm tin tức mới và chọn ảnh minh họa Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm tin tức mới, hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Sửa dữ liệu** Người dùng nhấn vào nút để **đến trang chỉnh sửa tin tức**. Nút chỉnh sửa tin tức trong giao diện quản lý Người dùng sửa **tiêu đề tin tức**, sau đó nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình minh họa cho tin. Giao diện chỉnh sửa tin tức và thay đổi hình ảnh minh họa Người dùng nhấn **“Lưu chỉnh sửa”** để tiến hành cập nhật tin tức, hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu tin tức** khỏi danh sách. Nút xóa tin tức trong giao diện quản lý Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa tin tức**, hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. * **Tổng quan** * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề tin tức và không có tiêu đề tin tức, ngoài ra người dùng có thể nhập tiêu đề cho phần tin tức. Ví dụ, nếu tiêu đề là "Đây là phần tin tức" thì phần tin tức sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * Tiêu đề phần tin tức * **Kích thước /Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần tin tức tại Screenshot of a deployment confirmation message that says All checks have passed. * **Thẻ tin tức** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Chiều cao:** * Người dùng có thể nhập hoặc tăng/giảm chiều cao của thẻ tin tức tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Hiển thị tên danh mục** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên của các thẻ trong danh mục và không có tên của các thẻ trong danh mục. Nếu bật, người dùng sẽ nhập kích thước tên, màu của tên. Ví dụ, nếu chọn kích thước là 12 và màu đen thì danh mục sẽ như thế này: Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Hiển thị tên tin tức**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên tin tức và không có tên tin tức * **Hiển thị thời gian:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có thời gian đăng tin tức và không có thời gian đăng tin tức * **Hiển thị lượt xem:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có lượt xem tin tức và không có lượt xem tin tức # Products Source: https://docs.appminis.io/app-builder/builder/components/products Hướng dẫn quản lý dữ liệu (thêm, sửa, xóa) và tùy chỉnh hiển thị, phong cách cho component Products. ### **4.2.4. Products** **Dữ liệu** * **Thêm dữ liệu mới:** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu mới cho sản phẩm trong giao diện quản lý Người dùng nhập **tiêu đề sản phẩm**,\ sau đó nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thêm hình ảnh minh họa cho sản phẩm. Giao diện thêm thông tin và chọn ảnh sản phẩm Người dùng nhấn **“Thêm dữ liệu”** để hoàn tất việc thêm sản phẩm mới,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Sửa:** Người dùng nhấn vào nút để **đến trang chỉnh sửa sản phẩm**. Nút chỉnh sửa sản phẩm trong giao diện quản lý Người dùng sửa **tiêu đề sản phẩm**, sau đó nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình ảnh minh họa cho sản phẩm. Giao diện chỉnh sửa thông tin và hình ảnh sản phẩm Người dùng nhấn **“Lưu chỉnh sửa”** để tiến hành cập nhật thông tin hoặc hình ảnh sản phẩm,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu sản phẩm** khỏi danh sách. Nút xóa sản phẩm trong giao diện quản lý Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa sản phẩm**,\ hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. * **Tổng quan** * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần sản phẩm. Ví dụ, nếu tiêu đề là "Đây là tiêu đề phần sản phẩm" thì phần sản phẩm sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc**: * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị phụ đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có phụ đề và không có phụ đề, ngoài ra người dùng có thể nhập phụ đề cho phần sản phẩm. Ví dụ, nếu phụ đề là "Xem thêm" thì phần sản phẩm sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thường/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Link phụ đề khi nhấn:** * Người dùng có thể chọn liên kết để khi click vào phụ đề, ứng dụng sẽ chuyển hướng đến liên kết đó tại Screenshot of a deployment confirmation message that says All checks have passed. * **Danh sách thẻ** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Chi tiết thẻ** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ với các thẻ khác bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa lề các thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Chiều cao** * Người dùng có thể chọn hoặc tăng/giảm chiều cao của các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của các thẻ tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của các thẻ tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút * **Hiển thị tên sản phẩm**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên sản phẩm và không có tên sản phẩm * **Hiển thị danh mục:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có danh mục và không có danh mục * **Hiển thị giá tiền:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái hiển thị giá tiền và không hiển thị giá tiền * **Hiển thị giá giảm:** * Người dùng chọn hiển thị giá giảm theo phần trăm hay giá gốc Screenshot of a deployment confirmation message that says All checks have passed. * **Sản phẩm Sale:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm sale và không có sản phẩm sale * **Hiển thị nhãn:** * Người dùng chọn không hiển thị nhãn hoặc chọn hiển thị nhãn flashsale, bán chạy, mới nhất. Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị yêu thích:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút yêu thích và không có nút yêu thích * **Hiển thị đánh giá** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số sao đánh giá và không có số sao đánh giá * **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng yêu thích và không có số lượng yêu thích * **Hiển thị số lượng đã bán:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng đã bán và không có số lượng đã bán * **Hiển thị giỏ hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút thêm vào giỏ hàng và không có nút thêm vào giỏ hàng. **Kiểu nút giỏ hàng:** Người dùng có thể chọn chuyển đổi hiển thị giỏ hàng giữa icon hoặc button Screenshot of a deployment confirmation message that says All checks have passed. # Support Source: https://docs.appminis.io/app-builder/builder/components/support Hướng dẫn quản lý dữ liệu (thêm, sửa, xóa) và tùy chỉnh hiển thị cho component Support. ### **4.2.8. Support** * **Dữ liệu** * **Thêm dữ liệu mới:** Người dùng nhấn vào nút **“Thêm dữ liệu mới”**. Nút thêm dữ liệu mới trong giao diện quản lý Người dùng nhập **tên**, sau đó nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** và chọn **đường dẫn đến trang đích** — đây là trang mà người dùng sẽ được điều hướng đến khi nhấn vào ảnh này. Giao diện thêm dữ liệu và chọn đường dẫn trang đích Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm ảnh, hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. * **Chỉnh sửa:** Người dùng nhấn vào nút để **đến trang chỉnh sửa**. Nút chỉnh sửa dữ liệu trong giao diện quản lý Người dùng thay đổi **tên**, nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”**, và **sửa đường dẫn đến trang đích** — đây là trang mà người dùng sẽ được điều hướng đến khi nhấn vào ảnh này. Giao diện chỉnh sửa thông tin và đường dẫn dữ liệu Người dùng nhấn **“Lưu chỉnh sửa”** để tiến hành cập nhật ảnh, hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa dữ liệu. * **Xóa:** Người dùng nhấn vào nút để **xóa dữ liệu**. Nút xóa dữ liệu trong giao diện quản lý Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa dữ liệu**, hoặc nhấn **“Hủy”** để **dừng quá trình xóa**. Hộp xác nhận thao tác xóa dữ liệu **Tổng quan:** * **Hiển thị hình ảnh:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hình ảnh hỗ trợ và không có hình ảnh hỗ trợ. Nếu bật, người dùng có thể điều chỉnh kích thước của hình ảnh. * **Kích thước:** * Người dùng có thể chọn hoặc tăng/giảm chung kích thước của hình ảnh theo chiều rộng và chiều dài tại * **Hiển thị nội dung:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nội dung hỗ trợ và không có nội dung hỗ trợ * **Kích thước/Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho nội dung hỗ trợ tại # Demo App Source: https://docs.appminis.io/app-builder/builder/demo-app Hướng dẫn xem Demo App bằng cách quét mã QR từ trang App của tôi hoặc trang Thiết kế. ## **7.1. Demo App** *Cách 1: Xem Demo App từ trang **App của tôi*** Người dùng nhấn vào nút và **quét mã QR hiện lên** để xem **Demo**. Screenshot of a deployment confirmation message that says All checks have passed. *Cách 2: Xem Demo App từ trang **Thiết kế***\ Chọn nút xem Demo và quét mã QR hiện lên để xem Demo Screenshot of a deployment confirmation message that says All checks have passed. # Deploy App Source: https://docs.appminis.io/app-builder/builder/deploy-app Hướng dẫn xuất bản (Deploy) thiết kế Mini App và quy trình mua gói ứng dụng. ## **7.2. Deploy App** Người dùng nhấn vào nút để **xuất bản thiết kế**. Sau đó, người dùng sẽ được **điều hướng đến trang mua gói ứng dụng**.\ Tham khảo thêm tại [**mục 2.2.6**](https://aiminis-organization.gitbook.io/aimini-user-manual/chuan-bi-va-thiet-ke/2.2-huong-dan-thiet-ke/2.2.6-xuat-ban-and-thanh-toan). Screenshot of a deployment confirmation message that says All checks have passed. # Drap & Drop Components Source: https://docs.appminis.io/app-builder/builder/design-app/drag-drop-component Hướng dẫn quản lý component trên trang: kéo thả để sắp xếp, bật/tắt hiển thị hoặc xóa. ## **3.2 Drag & Drop Component** Người dùng nhấn giữ biểu tượng tương ứng với từng phần tử và kéo phần tử đến vị trí cần đặt để đạt được thứ tự mong muốn giữa các phần tử, sau đó thả chuột. Screenshot of a deployment confirmation message that says All checks have passed. * Sau khi thay đổi thứ tự các phần tử, vị trí các phần tử trong màn hình mô phỏng cũng sẽ thay đổi theo Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt hoặc xóa phần tử ### **a. Bật/Tắt hiển thị phần tử trên trang** Người dùng có thể nhấn vào nút để chuyển đổi qua lại giữa 2 trạng thái hiển thị và không hiển thị các phần tử. Icon được khoanh tròn ### **b. Xóa phần tử trên trang** Người dùng nhấn vào nút để xóa phần tử khỏi trang. Nút xóa phần tử trong giao diện chỉnh sửa Người dùng chọn "**Xóa ngay"** để xóa phần tử, hoặc chọn "**Hủy"** nếu không muốn xóa. Nút Xóa ngay và Hủy trong cửa sổ xác nhận # Navigation Bar Source: https://docs.appminis.io/app-builder/builder/design-app/navigation-bar Hướng dẫn tùy chỉnh thanh điều hướng (Navigation Bar) của Mini App, bao gồm thêm, sửa, xóa trang và chọn mẫu. ## **3.2. Navigation Bar** Người dùng có thể thao tác với **thanh điều hướng (Navigation Bar)** bao gồm các tính năng như sau: * Thêm trang mới trên thanh điều hướng * Kéo thả để thay đổi vị trí các trang * Chỉnh sửa trang * Xóa trang * Chọn mẫu thanh điều hướng phù hợp * Tùy chỉnh các chỉ số hiển thị của thanh điều hướng Giao diện thanh Navigation Bar trong bảng quản trị *** ### **a. Thêm trang mới trên thanh điều hướng** Người dùng nhấn nút **“Thêm trang mới”** để bắt đầu. Nút thêm trang mới trong giao diện Navigation Bar * Nhập **tên trang** * Chọn **đường dẫn đến trang**: trang sẽ hiển thị khi người dùng nhấn nút này * Chọn **Icon mặc định** và **Icon kích hoạt** Form nhập thông tin trang trong Navigation Bar Người dùng nhấn **“Thêm trang”** để hoàn tất hoặc **“Hủy bỏ”** để hủy thao tác thêm trang. Xác nhận thêm trang mới trong Navigation Bar *** ### **b. Kéo thả để thay đổi vị trí các trang** Nhấn giữ biểu tượng tương ứng với từng trang, sau đó kéo đến vị trí mong muốn để thay đổi thứ tự hiển thị trên thanh điều hướng. Thay đổi vị trí các trang trên Navigation Bar *** ### **c. Chỉnh sửa trang** Người dùng nhấn biểu tượng tương ứng với trang muốn chỉnh sửa. Nút chỉnh sửa trang trên Navigation Bar * Nhập **tên trang** * Chỉnh sửa **đường dẫn đến trang** * Chọn lại **Icon mặc định** và **Icon kích hoạt** Form chỉnh sửa dữ liệu Navigation Bar Người dùng nhấn **“Lưu chỉnh sửa”** để cập nhật thông tin hoặc **“Hủy bỏ”** nếu không muốn thay đổi. Lưu hoặc hủy chỉnh sửa trang *** ### **d. Xóa trang** Người dùng nhấn biểu tượng để xóa trang khỏi thanh điều hướng. Nút xóa trang trong Navigation Bar Khi hộp thoại xuất hiện, người dùng chọn **“Xóa ngay”** để xác nhận hoặc **“Hủy”** để hủy thao tác. Xác nhận xóa trang trong Navigation Bar *** ### **e. Chọn mẫu thanh điều hướng** Tại phần **“Các mẫu thanh điều hướng”**, người dùng nhấn **“Xem thêm”** để mở danh sách mẫu có sẵn. Các mẫu Navigation Bar có sẵn Chọn mẫu mong muốn, sau đó nhấn vào biểu tượng để áp dụng. Thay đổi mẫu thanh Navigation Bar *** Thanh điều hướng sẽ tự động cập nhật theo lựa chọn mới của người dùng. # Affiliate Source: https://docs.appminis.io/app-builder/builder/features/affiliate Hướng dẫn cấu hình trang Affiliate: tùy chỉnh tiêu đề và bật/tắt hiển thị các mục như chia sẻ, thống kê hoa hồng, tiện ích. ## **6.2. Affiliate** **Tiêu đề** **Nền** * Chọn màu nền cho tiêu đề bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là "Liên kết hoa hồng" thì sẽ hiển thị như sau: Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/Màu sắc**: * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần thanh toán tại Screenshot of a deployment confirmation message that says All checks have passed. **Tổng quan** **Ẩn/ hiện chia sẻ QR:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện chia sẻ QR **Ẩn/ hiện chia sẻ link:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện chia sẻ link **Ẩn/ hiện tổng quan:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện tổng quan **Thống kê hoa hồng** **Ẩn/ hiện tổng hoa hồng của bạn:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện tổng hoa hồng của bạn **Ẩn/ hiện hoa hồng của tôi:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện hoa hồng của tôi **Ẩn/ hiện hoa hồng đã rút:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện hoa hồng đã rút **Ẩn/ hiện tổng doanh thu:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện tổng doanh thu **Ẩn/ hiện tổng đơn hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện tổng đơn hàng **Ẩn/ hiện số người giới thiệu:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện số người giới thiệu **Ẩn/ hiện số người mua hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện số người mua hàng **Ẩn/ hiện yêu cầu thanh toán:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện yêu cầu thanh toán **Tiện ích** **Ẩn/ hiện đơn hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện đơn hàng **Ẩn/ hiện TOP CTV:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện top ctv **Ẩn/ hiện giao dịch:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện giao dịch **Ẩn/ hiện cẩm nang:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện cẩm nang **Sơ đồ, biểu đồ** **Ẩn/ hiện cộng tác viên của tôi:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện cộng tác viên của tôi **Ẩn/ hiện lịch sử giới thiệu:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện lịch sử giới thiệu **Ẩn/ hiện thống kê doanh thu:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện thống kê doanh thu **Ẩn/ hiện thống kê đơn hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái ẩn hoặc hiện thống kê đơn hàng # Automation Source: https://docs.appminis.io/app-builder/builder/features/automation Giới thiệu tính năng Automation: Tự động hóa quy trình chăm sóc khách hàng và marketing với Trigger, Condition, Action. ## **6.1. Automation** ### **6.1.1. Giới thiệu về Automation** Automation trong AppMinis là công cụ giúp bạn tự động hóa các quy trình chăm sóc khách hàng, marketing và vận hành mà không cần lập trình.\ Với tính năng này, bạn có thể tạo ra các luồng hành động tự động (automation flow) dựa trên hành vi người dùng hoặc sự kiện cụ thể trong ứng dụng. Ví dụ: * Khi khách hàng đăng ký tài khoản mới, hệ thống tự động gửi tin nhắn chào mừng qua Zalo OA hoặc Email. * Khi khách hàng hoàn tất đơn hàng, hệ thống có thể gửi tin nhắn cảm ơn kèm mã giảm giá. * Khi khách hàng không hoạt động trong 7 ngày, hệ thống gửi lời nhắc quay lại ứng dụng. Tất cả đều được thực hiện hoàn toàn tự động, giúp doanh nghiệp tiết kiệm thời gian và tối ưu tương tác với người dùng. ### **6.1.2. Cấu trúc Automation** Mỗi kịch bản tự động (Automation Flow) trong AppMinis gồm 3 thành phần chính: **1. Trigger (Trình kích hoạt)**\ Trigger là sự kiện khởi đầu cho luồng tự động. Đây là điều kiện “nếu có” xảy ra, hệ thống sẽ bắt đầu xử lý chuỗi hành động. Ví dụ phổ biến: * Khi người dùng đăng ký tài khoản mới * Khi người dùng hoàn tất đơn hàng * Khi người dùng click vào một nút cụ thể trong Mini App * Khi đến một ngày nhất định (ví dụ: sinh nhật, ngày hết hạn gói dịch vụ) **2. Condition (Điều kiện)**\ Condition giúp bạn lọc và xác định đối tượng hoặc hoàn cảnh cụ thể trước khi hành động xảy ra. Ví dụ: * Chỉ gửi tin nhắn cho người dùng có vai trò là khách hàng VIP. * Chỉ gửi nếu đơn hàng có giá trị trên 500.000đ. * Chỉ thực hiện nếu người dùng chưa từng nhận ưu đãi này trước đó. **3. Action (Hành động)**\ Action là bước thực hiện sau khi thỏa mãn Trigger và Condition. Các loại hành động phổ biến: * 📩 Gửi ZNS (qua Zalo OA): xác nhận đơn hàng, OTP, khuyến mãi, chúc mừng sinh nhật,... * 💬 Gửi OA Message: chăm sóc khách hàng, mời tham gia sự kiện. * 📧 Gửi Email tự động: chào mừng, khuyến mãi, nhắc nhở giỏ hàng chưa thanh toán,... * 📱 Gửi SMS: thông tin nhanh hoặc xác thực. * 🔄 Hành động nội bộ: tạo điểm thưởng, cập nhật trạng thái đơn hàng, thêm người dùng vào nhóm loyalty,... > Mỗi Action có thể chạy ngay hoặc có **độ trễ (delay)** theo thời gian bạn định nghĩa (ví dụ: sau 1 giờ, sau 3 ngày,...). ### **6.1.3. Cách tạo một luồng Automation** Truy cập mục **Chiến dịch** trong thẻ **Automation** trong bảng quản trị. Chiến dịch trong Automation Screenshot of a deployment confirmation message that says All checks have passed. Nhấn **Thêm chiến dịch** để bắt đầu. Thêm chiến dịch trong Automation Screenshot of a deployment confirmation message that says All checks have passed. Thay đổi thông tin chiến dịch và nhấn **Lưu**. Thay đổi thông tin chiến dịch Screenshot of a deployment confirmation message that says All checks have passed. Kéo thả hoặc bấm chọn **Trigger** (nếu cần sự kiện kích hoạt). Danh sách Trigger Screenshot of a deployment confirmation message that says All checks have passed. Sau khi chọn Trigger Screenshot of a deployment confirmation message that says All checks have passed. Thêm **Điều kiện** (điều kiện ràng buộc nếu có). Danh sách điều kiện Screenshot of a deployment confirmation message that says All checks have passed. Setup thông tin điều kiện Screenshot of a deployment confirmation message that says All checks have passed. Chọn **Hành động** — ví dụ: gửi **ZNS**, **OA**, **Email**, hoặc **SMS**. Setup thông tin hành động Screenshot of a deployment confirmation message that says All checks have passed. Xem lại luồng, sau đó **Lưu** hoặc bật **Kích hoạt (Active)**. Setup thông tin hành động Screenshot of a deployment confirmation message that says All checks have passed. > Hệ thống sẽ tự động chạy luồng mỗi khi **Trigger** xảy ra. ### **6.1.4. Lợi ích của Automation** * **Tiết kiệm thời gian:** Không cần thao tác thủ công gửi từng tin. * **Cá nhân hóa trải nghiệm:** Gửi đúng nội dung, đúng thời điểm, đúng người. * **Tăng tỷ lệ chuyển đổi:** Duy trì tương tác và chăm sóc khách hàng liên tục. * **Đồng bộ dữ liệu:** Mọi hành động, thông tin và phản hồi đều được ghi nhận tự động vào hệ thống. ### **6.1.5. Ví dụ thực tế** **Kịch bản: Chăm sóc khách hàng sau mua hàng** * **Trigger:** Người dùng hoàn tất thanh toán đơn hàng. * **Điều kiện:** Giá trị đơn hàng > 300.000đ. * **Hành động:** 1. Gửi ZNS xác nhận đơn hàng. 2. Sau 2 ngày → gửi OA cảm ơn và mời đánh giá sản phẩm. 3. Sau 7 ngày → gửi Email khuyến mãi “Mua lần 2 giảm 10%”. # Flashsale Source: https://docs.appminis.io/app-builder/builder/features/flashsale Hướng dẫn cấu hình component FlashSale: chọn bố cục, quản lý chương trình, và tùy chỉnh hiển thị bộ đếm giờ, thẻ sản phẩm. ## **6.3. FlashSale** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị danh mục, bao gồm: Đơn giản, Danh sách, Cá tính. Screenshot of a deployment confirmation message that says All checks have passed. **Chương trình áp dụng** **Thêm dữ liệu mới** Người dùng nhấn vào nút **"Thêm dữ liệu mới"** để bắt đầu thêm chương trình flashsale. Nút thêm dữ liệu mới trong giao diện Flashsale * Nhập **tên chương trình** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thêm hình ảnh banner * Chọn **chương trình sử dụng** Giao diện thêm dữ liệu Flashsale Người dùng nhấn **“Thêm dữ liệu”** để hoàn tất việc thêm chương trình,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác. **Chỉnh sửa:** Người dùng nhấn vào nút để mở trang chỉnh sửa chương trình flashsale. Nút chỉnh sửa chương trình Flashsale trong giao diện quản lý * Nhập **tên chương trình** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình ảnh banner * Chọn **chương trình áp dụng** Giao diện chỉnh sửa chương trình Flashsale Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật chương trình,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác chỉnh sửa. **Xóa:** Người dùng nhấn vào nút để xóa chương trình flashsale. Nút xóa chương trình Flashsale trong giao diện quản lý Khi hộp thoại xuất hiện, người dùng chọn **“Xóa ngay”** để tiến hành xóa chương trình,\ hoặc chọn **“Hủy”** nếu không muốn thực hiện thao tác này. **Tiêu đề** **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần tử danh mục. Ví dụ, nếu tiêu đề là "F⚡ash Sale" thì phần tử danh mục sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. **Bộ đếm giờ** **Hiển thị bộ đếm giờ:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có bộ đếm giờ và không có bộ đếm giờ * **Nền:** * Người dùng có thể điều chỉnh màu sắc cho nền bộ đếm giờ của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho bộ đếm giờ của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. **Thẻ sản phẩm** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ sản phẩm với phần danh sách sản phẩm bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ sản phẩm với phần danh sách sản phẩm bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ sản phẩm với các thành phần bên trong thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ sản phẩm với các thành phần bên trong thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước** * Người dùng có thể chọn hoặc tăng/giảm kích thước của các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** Người dùng có thể chọn kiểu hình ảnh các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của thẻ sản phẩm tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của thẻ sản phẩm tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của thẻ sản phẩm tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đổ bóng bằng cách nhấn nút * **Hiển thị tên sản phẩm:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên sản phẩm và không có tên sản phẩm * **Hiển thị danh mục:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có danh mục và không có danh mục * **Hiển thị giá tiền:** * Người dùng chọn không hiển thị giá, giá cơ bản, giá khuyến mãi hoặc tất cả tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị giá giảm:** * Người dùng chọn hiển thị giá giảm theo phần trăm hay giá gốc Screenshot of a deployment confirmation message that says All checks have passed. * **Sản phẩm Sale:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm sale và không có sản phẩm sale * **Hiển thị nhãn:** * Người dùng chọn không hiển thị nhãn !\[]\[image113] hoặc chọn hiển thị nhãn flashsale, bán chạy, mới nhất. * **Hiển thị yêu thích:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút yêu thích và không có nút yêu thích * **Hiển thị đánh giá:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số sao đánh giá và không có số sao đánh giá * **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng yêu thích và không có số lượng yêu thích * **Hiển thị số lượng đã bán:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng đã bán và không có số lượng đã bán * **Hiển thị nút giỏ hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút thêm vào giỏ hàng và không có nút thêm vào giỏ hàng **Kiểu nút giỏ hàng** Người dùng có thể chọn chuyển đổi hiển thị giỏ hàng giữa icon hoặc button Screenshot of a deployment confirmation message that says All checks have passed. # Loyalty Source: https://docs.appminis.io/app-builder/builder/features/loyalty Hướng dẫn quản lý Hạng thành viên trong Loyalty: thêm mới, chỉnh sửa và xóa các cấp bậc thành viên. ## **6.4. Loyalty** ### **Hạng thành viên** #### **Thêm mới** Người dùng nhấn vào nút **“Thêm mới”** để bắt đầu thêm hạng thành viên. Nút thêm mới hạng thành viên trong giao diện Loyalty Người dùng nhập **“Tên hạng thành viên”**, **“Chi tiêu tối thiểu để đạt hạng”**, **“Tỉ lệ khuyến mãi”**, và **“Tổng tiền giảm tối đa”**. Giao diện nhập thông tin hạng thành viên mới Người dùng nhấn **“Thêm mới”** để tiến hành thêm dữ liệu hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. *** #### **Chỉnh sửa** Người dùng nhấn vào nút để mở trang **chỉnh sửa hạng thành viên**. Nút chỉnh sửa hạng thành viên trong giao diện Loyalty Người dùng thay đổi **“Tên hạng thành viên”**, **“Chi tiêu tối thiểu để đạt hạng”**, **“Tỉ lệ khuyến mãi”**, và **“Tổng tiền giảm tối đa”**. Giao diện chỉnh sửa thông tin hạng thành viên Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình chỉnh sửa. *** #### **Xóa** Người dùng nhấn vào nút để **xóa dữ liệu hạng thành viên**. Nút xóa dữ liệu hạng thành viên trong giao diện Loyalty Khi hộp thông báo xuất hiện, người dùng nhấn **“Xóa ngay”** để **tiến hành xóa hạng thành viên**,\ hoặc nhấn **“Hủy”** để **dừng quá trình xóa dữ liệu**. # Mini Game Source: https://docs.appminis.io/app-builder/builder/features/minigame Hướng dẫn quản lý phần thưởng và cài đặt hiển thị, phong cách cho Minigame. ## **6.5. Minigame** **Dữ liệu** **Thêm phần thưởng mới** * **Bước 1**: Người dùng nhấn vào nút "**Thêm phần thưởng mới**" Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** * Người dùng nhập Tên tiêu đề * Người dùng nhấn "**Tải ảnh lên hoặc chọn ảnh từ thư viện**" Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "**Thêm dữ liệu**" để tiến hành thêm mới hoặc nhấn "Hủy bỏ" để hủy quá trình thêm dữ liệu * **Chỉnh sửa:** * **Bước 1:** Người dùng nhấn vào nút để đến trang chỉnh sửa Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Người dùng nhập Tên tiêu đề và Tải anh lên hoặc chọn ảnh từ thư viện Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "**Lưu chỉnh sửa**" để tiến hành chỉnh sửa hoặc nhấn "**Hủy bỏ**" để hủy quá trình chỉnh sửa dữ liệu * **Xóa:** * **Bước 1:** Người dùng nhấn vào nút để xóa dữ liệu Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Tại hộp thông báo hiện lên, người dùng nhấn "**Xóa ngay**" để tiến hành xóa hoặc nhấn "Hủy" để hủy quá trình xóa dữ liệu **Tiêu đề** **Nền** * Chọn màu nền cho tiêu đề game bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là "Game" thì sẽ hiển thị như sau: Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc**: * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần game tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị Phần thưởng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có phần thưởng và không có phần thưởng * **Hiển thị Hướng dẫn**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hướng dẫn và không có hướng dẫn **Hiển thị Xếp hạng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có xếp hạng và không có xếp hạng **Mini Game** **Vị trí** Người dùng có thể điều chỉnh vị trí tại Screenshot of a deployment confirmation message that says All checks have passed. **Màu nền phần thưởng 1** Chọn màu nền cho phần thưởng 1 bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút **Màu viền vòng quay** Chọn màu viền vòng quay bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút **Nút quay** Chọn màu nút quay bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền nút quay bằng cách nhấn nút * Xóa màu nút quay bằng cách nhấn nút * **Liên kết banner chia sẻ game** Người dùng nhấn tải ảnh lên hoặc chọn ảnh từ thư viện để chia sẻ game # Cài đặt chung Source: https://docs.appminis.io/app-builder/builder/general-settings Hướng dẫn cấu hình các thông tin chung cho Mini App, bao gồm logo, tên, màu sắc và Zalo OA.. ## **3.1. Cài đặt chung** Tại đây, người dùng có thể cài đặt các thông tin chung cho Mini App, bao gồm: Screenshot of a deployment confirmation message that says All checks have passed. * **Tên ứng dụng**: Đặt tên cho ứng dụng Mini App. * **Danh mục chính**: Lựa chọn chủ đề phù hợp, ví dụ: Thương mại điện tử, Giáo dục,… * **Mô tả ứng dụng**: Viết một đoạn mô tả ngắn gọn về Mini App của mình. * **Logo**: Tải lên logo cho Mini App. * **Ảnh chia sẻ ứng dụng**: Tải hình ảnh hiển thị khi chia sẻ Mini App với người khác. * **Màu sắc**: Tùy chỉnh màu chủ đạo và màu phụ cho ứng dụng. * **Font chữ**: Cài đặt lại font chữ trong Mini App. * **Thiết lập Zalo OA**: Cài đặt loại tài khoản (cá nhân hoặc doanh nghiệp) và nhập ID tài khoản OA. Tại đây, người dùng có thể cài đặt các thông tin chung cho Mini App: Đặt tên cho ứng dụng Mini App. Lựa chọn chủ đề phù hợp, ví dụ: Thương mại điện tử, Giáo dục,… Viết một đoạn mô tả ngắn gọn về Mini App của mình. Tải lên logo cho Mini App. Tải hình ảnh hiển thị khi chia sẻ Mini App với người khác. Tùy chỉnh màu chủ đạo và màu phụ cho ứng dụng. Cài đặt lại font chữ trong Mini App. Cài đặt loại tài khoản (cá nhân hoặc doanh nghiệp) và nhập ID tài khoản OA. # Thư viện hình ảnh Source: https://docs.appminis.io/app-builder/builder/img-library Hướng dẫn quản lý Thư viện hình ảnh: tải ảnh mới, xem, xóa, và sử dụng nguồn ảnh mẫu từ hệ thống. ## **4.1. Thư viện hình ảnh** Thư viện hình ảnh là nơi lưu trữ và quản lý tất cả các hình ảnh được sử dụng trong ứng dụng. Thư viện hình ảnh trong giao diện quản trị **Tải ảnh mới** Người dùng nhấn vào nút **“Tải ảnh mới”**. Nút Tải ảnh mới trong thư viện hình ảnh Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để chọn hình ảnh cần thêm. Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm mới,\ hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu. **Xem** Người dùng nhấn để **xem chi tiết** hình ảnh. Nút xem chi tiết hình ảnh trong thư viện **Xóa** Người dùng nhấn để **xóa** hình ảnh. Nút xóa hình ảnh trong thư viện **Nguồn ảnh** * **Hình ảnh của tôi**: hiển thị tất cả hình ảnh mà người dùng đã tải lên. * **Thư viện hình ảnh**: cung cấp hình ảnh mẫu từ hệ thống. Thư viện ảnh mẫu do hệ thống cung cấp # Booking Source: https://docs.appminis.io/app-builder/builder/pages/booking-page Hướng dẫn cài đặt component Booking: quản lý danh mục dịch vụ, chọn bố cục, và tùy chỉnh thẻ dịch vụ. ### **3.3.4. Booking** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị **dịch vụ**, bao gồm: **Bố cục dọc**, **Bố cục ngang**, **Trượt ngang**, **Tab danh mục**, **Danh sách dịch vụ**, **Nhóm danh mục**. Các kiểu bố cục hiển thị Booking: dọc, ngang, trượt ngang, tab danh mục, danh sách, nhóm danh mục **Dữ liệu** **Thêm dữ liệu mới** Người dùng nhấn vào nút **"Thêm dữ liệu mới"** để bắt đầu thêm **danh mục dịch vụ**. Nút thêm dữ liệu mới trong giao diện Booking * Nhập **tên danh mục** và chọn **link liên kết** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** cho **danh mục** và **banner danh mục** * Chọn **danh mục con** (nếu có) Giao diện nhập thông tin danh mục, banner và danh mục con cho Booking Người dùng nhấn **“Thêm dữ liệu”** để hoàn tất việc thêm danh mục,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác. **Chỉnh sửa:** Người dùng nhấn vào nút để mở **trang chỉnh sửa danh mục**. Nút chỉnh sửa danh mục Booking trong giao diện quản lý * Nhập **tên danh mục** và **link liên kết** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi **ảnh danh mục** và **banner danh mục** * Chọn lại **danh mục con** (nếu cần) Giao diện chỉnh sửa danh mục, ảnh và danh mục con trong Booking Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật,\ hoặc nhấn **“Hủy bỏ”** nếu không muốn lưu thay đổi. **Xóa:** Người dùng nhấn vào nút để **xóa danh mục** khỏi hệ thống. Nút xóa danh mục Booking trong giao diện quản lý Khi hộp thoại xác nhận xuất hiện, người dùng chọn **“Xóa ngay”** để tiến hành xóa,\ hoặc chọn **“Hủy”** nếu không muốn thực hiện thao tác này. **Tiêu đề** **Nền** * Chọn **màu nền** cho **tiêu đề dịch vụ** bằng cách nhấn ô vuông rồi chọn màu. Ví dụ hiển thị tiêu đề phần Booking * Bật/tắt có **màu nền** hoặc **không có màu nền** bằng nút . * Xóa màu nền bằng nút . **Hiển thị tiêu đề** * Nhấn nút để bật/tắt **có tiêu đề** và **không có tiêu đề**; có thể **nhập nội dung tiêu đề** (ví dụ: “Danh mục dịch vụ”). Ví dụ hiển thị tiêu đề phần Booking **Cỡ chữ** * Điều chỉnh **kích thước chữ** cho **tiêu đề** tại Ví dụ hiển thị tiêu đề phần Booking **Màu chữ** * Thay đổi **màu chữ tiêu đề** tại Ví dụ hiển thị tiêu đề phần Booking **Hiển thị icon** * Bật/tắt **hiển thị icon** trong tiêu đề bằng nút . **Danh mục chính** **Nền** * Chọn **màu nền** cho **danh mục chính** bằng cách nhấn ô vuông rồi chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt màu nền bằng nút . * Xóa màu nền bằng nút . **Hiển thị icon / hình ảnh** * Bật/tắt **hiển thị icon/hình ảnh** cho danh mục chính bằng nút . **Kích thước** * Nhập hoặc tăng/giảm **kích thước** của danh mục chính tại Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** * Chọn **kiểu hình ảnh** cho danh mục chính tại Screenshot of a deployment confirmation message that says All checks have passed. **Bo góc** Screenshot of a deployment confirmation message that says All checks have passed. hoặc **chỉnh riêng lẻ từng góc** bằng nút Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị tên danh mục** * Bật/tắt **tên danh mục** bằng nút . **Kích thước / Màu sắc** * Điều chỉnh **kích thước** và **màu sắc** cho danh mục chính tại Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị danh mục phụ** * Bật/tắt **danh mục phụ** bằng nút . **Danh mục phụ** **Hiển thị tên** * Bật/tắt **tên danh mục phụ** bằng nút . **Hiển thị hình ảnh** * Bật/tắt **hình ảnh danh mục phụ** bằng nút . **Banner** **Hiển thị banner** * Bật/tắt **banner** bằng nút . **Chiều cao** * Nhập hoặc tăng/giảm **chiều cao** của banner tại Screenshot of a deployment confirmation message that says All checks have passed. **Lề ngoài** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa phần tử và các phần khác trên trang nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Lề trong** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa nội dung bên trong phần tử và viền của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** bên trong phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của header tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Nhấn biểu tượng để ẩn hoặc hiển thị hiệu ứng bóng. * Xóa đồ bóng bằng cách nhấn nút **Thẻ dịch vụ** **Lề ngoài** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa phần tử và các phần khác trên trang nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Lề trong** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa nội dung bên trong phần tử và viền của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** bên trong phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Chiều cao** * Nhập hoặc tăng/giảm **chiều cao** của **thẻ dịch vụ** tại Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** * Chọn **kiểu hình ảnh** của **thẻ dịch vụ** tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho header bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của header tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Nhấn biểu tượng để ẩn hoặc hiển thị hiệu ứng bóng. * Xóa đồ bóng bằng cách nhấn nút **Hiển thị tên dịch vụ** * Bật/tắt **Tên dịch vụ** bằng nút . **Hiển thị danh mục** * Bật/tắt **Danh mục** bằng nút . **Hiển thị giá tiền** * Bật/tắt **Giá tiền** bằng nút . **Hiển thị giá giảm** * Chọn **kiểu hiển thị giá giảm** (theo phần trăm hoặc giá gốc) tại **Sản phẩm Sale** * Bật/tắt **hiển thị sale** bằng nút . **Hiển thị nhãn** * Chọn **ẩn nhãn** hoặc hiển thị **FlashSale**, **Bán chạy**, **Mới nhất** tại Tùy chọn hiển thị nút đặt lịch dạng icon hoặc button trong Booking **Hiển thị yêu thích** * Bật/tắt **nút yêu thích** bằng nút . **Hiển thị đánh giá** * Bật/tắt **số sao đánh giá** bằng nút . **Hiển thị loại dịch vụ** * Bật/tắt **loại dịch vụ** bằng nút . **Hiển thị thời gian dịch vụ** * Bật/tắt **thời gian dịch vụ** bằng nút . **Hiển thị số lượng yêu thích** * Bật/tắt **số lượng yêu thích** bằng nút . **Hiển thị số lượng đã đặt** * Bật/tắt **số lượng đã đặt/đã bán** bằng nút . **Hiển thị nút đặt lịch** * Bật/tắt **nút đặt lịch** bằng nút . **Kiểu nút đặt lịch** * Chọn hiển thị **nút đặt lịch** ở dạng **icon** hoặc **button**. Tùy chọn hiển thị nút đặt lịch dạng icon hoặc button trong Booking **Kiểu thẻ dịch vụ** * Chọn hiển thị **thẻ dịch vụ** theo **ngang** hoặc **dọc**. Tùy chọn thẻ dịch vụ hiển thị theo chiều ngang hoặc dọc # Categories Source: https://docs.appminis.io/app-builder/builder/pages/category-page Hướng dẫn cài đặt component Danh mục: chọn bố cục, quản lý dữ liệu (thêm/sửa/xóa), và tùy chỉnh phong cách hiển thị. ### **3.3.2. Categories** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị danh mục, bao gồm: Bố cục mặc định, Bố cục dọc, Bố cục ngang, Trượt ngang, Tab danh mục, Danh sách sản phẩm, hoặc Nhóm danh mục. Screenshot of a deployment confirmation message that says All checks have passed. **Dữ liệu** **Thêm dữ liệu mới** Người dùng nhấn vào nút **"Thêm dữ liệu mới"** để bắt đầu thêm danh mục mới. Nút thêm dữ liệu mới trong giao diện danh mục * Nhập **tên danh mục** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thêm hình ảnh cho danh mục và banner danh mục * Chọn **đường dẫn đến trang khác** nếu đây là danh mục liên kết đến trang cụ thể (người dùng sẽ được điều hướng đến trang đó khi nhấn vào ảnh) * Hoặc chọn **đường dẫn đến danh mục sản phẩm** nếu đây là danh mục chứa các sản phẩm (người dùng sẽ được điều hướng đến trang danh mục sản phẩm tương ứng) Giao diện nhập thông tin và chọn ảnh cho danh mục Người dùng nhấn **“Thêm dữ liệu”** để hoàn tất việc thêm danh mục và banner danh mục,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác. **Chỉnh sửa:** Người dùng nhấn vào nút để mở trang chỉnh sửa danh mục. Nút chỉnh sửa danh mục trong giao diện quản lý * Nhập **tên danh mục** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình ảnh danh mục và banner danh mục * Chọn **đường dẫn đến trang khác** nếu đây là danh mục liên kết đến trang cụ thể (người dùng sẽ được điều hướng đến trang đó khi nhấn vào ảnh danh mục) * Hoặc chọn **đường dẫn đến danh mục sản phẩm** nếu đây là danh mục chứa các danh mục sản phẩm (người dùng sẽ được điều hướng đến trang danh mục sản phẩm tương ứng) Giao diện chỉnh sửa dữ liệu danh mục Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật danh mục,\ hoặc nhấn **“Hủy bỏ”** nếu không muốn lưu thay đổi. **Xóa:** Người dùng nhấn vào nút để xóa danh mục khỏi hệ thống. Nút xóa danh mục trong giao diện quản lý Khi hộp thoại xác nhận xuất hiện, người dùng chọn **“Xóa ngay”** để tiến hành xóa danh mục,\ hoặc chọn **“Hủy”** nếu không muốn thực hiện thao tác này. **Tiêu đề** **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút **Hiển thị tiêu đề:** * Người dùng nhấn nút để bật/tắt có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần tử danh mục. Ví dụ, nếu tiêu đề là "Danh mục" thì phần tử danh mục sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. **Cỡ chữ:** * Người dùng có thể điều chỉnh cỡ chữ cho tiêu đề của danh mục tại Screenshot of a deployment confirmation message that says All checks have passed. **Màu chữ:** * Người dùng có thể thay đổi màu chữ cho tiêu đề của danh mục tại Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị icon:** * Người dùng nhấn nút để bật/tắt có hiển thị icon và không có hiển thị icon **Danh mục chính** **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Nhấn biểu tượng để ẩn hoặc hiển thị hiệu ứng bóng * Xóa màu nền bằng cách nhấn nút **Hiển thị icon/ hình ảnh** * Người dùng nhấn nút để bật/tắt trạng thái trạng thái có hiển thị icon/hình ảnh và không có hiển thị icon/ hình ảnh **Hiển thị tên danh mục** * Người dùng nhấn nút để bật/tắt trạng thái có hiển thị tên danh mục và không có hiển thị tên danh mục **Kích thước/ Màu sắc** * Người dùng có thể nhập hoặc tăng/giảm kích thước danh mục và thay đổi màu sắc danh mục Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị danh mục phụ** * Người dùng nhấn nút để bật/tắt trạng thái có hiển thị danh mục phụ và không có hiển thị danh mục phụ. **Danh mục phụ** **Hiển thị tên** * Người dùng nhấn nút để bật/tắt trạng thái có hiển thị tên danh mục phụ và không có hiển thị tên danh mục phụ. **Hiển thị hình ảnh** * Người dùng nhấn nút để bật/tắt trạng thái có hiển thị hình ảnh danh mục phụ và không có hiển thị hình ảnh danh mục phụ. **Banner** **Hiển thị banner** * Người dùng nhấn nút để bật/tắt trạng thái có hiển thị banner và không có hiển thị banner. **Chiều cao** * Người dùng có thể chọn hoặc tăng/giảm chiều cao của banner tại Screenshot of a deployment confirmation message that says All checks have passed. **Lề ngoài** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa phần tử và các phần khác trên trang nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Lề trong** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa nội dung bên trong phần tử và viền của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** bên trong phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của header tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đồ bóng bằng cách nhấn nút **Thẻ sản phẩm** **Lề ngoài** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa phần tử và các phần khác trên trang nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Lề trong** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa nội dung bên trong phần tử và viền của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** bên trong phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Kích thước** Người dùng có thể điều chỉnh kích thước cho tiêu đề của thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** Người dùng có thể chọn kiểu hình ảnh các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho header bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của header tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Nhấn biểu tượng để ẩn hoặc hiển thị hiệu ứng bóng. * Xóa đồ bóng bằng cách nhấn nút **Hiển thị tên sản phẩm:** * Người dùng nhấn nút để bật/tắt các mục **Tên sản phẩm**, **Danh mục**, **Sản phẩm sale**, **Yêu thích**, **Đánh giá**, **Số lượt yêu thích**, **Số lượng đã bán** và **Giỏ hàng**. * Chọn kiểu hiển thị cho Giá tiền tại Screenshot of a deployment confirmation message that says All checks have passed. * Chọn kiểu hiển thị cho **Giá giảm** tại Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng chọn hiển thị nhãn **FlashSale, Bán chạy, Mới nhấ**t hoặc chọn **ẩn nhãn** tại. Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu nút giỏ hàng:** * Người dùng có thể chọn chuyển đổi hiển thị giỏ hàng giữa icon hoặc button Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu thẻ sản phẩm:** * Người dùng có thể chọn chuyển đổi hiển thị sản phẩm giữa ngang hoặc dọc Screenshot of a deployment confirmation message that says All checks have passed. # Flashsale Source: https://docs.appminis.io/app-builder/builder/pages/flashsale-page Hướng dẫn cài đặt component Flashsale: chọn bố cục, quản lý chương trình áp dụng, và tùy chỉnh thẻ sản phẩm. ### **3.3.3 FlashSale** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị danh mục, bao gồm: Đơn giản, Danh sách, Cá tính. Screenshot of a deployment confirmation message that says All checks have passed. **Chương trình áp dụng** **Thêm dữ liệu mới** Người dùng nhấn vào nút **"Thêm dữ liệu mới"** để bắt đầu thêm chương trình flashsale. Nút thêm dữ liệu mới trong giao diện Flashsale * Nhập **tên chương trình** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thêm hình ảnh banner * Chọn **chương trình sử dụng** Giao diện thêm dữ liệu Flashsale Người dùng nhấn **“Thêm dữ liệu”** để hoàn tất việc thêm chương trình,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác. **Chỉnh sửa:** Người dùng nhấn vào nút để mở trang chỉnh sửa chương trình flashsale. Nút chỉnh sửa chương trình Flashsale trong giao diện quản lý * Nhập **tên chương trình** * Nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để thay đổi hình ảnh banner * Chọn **chương trình áp dụng** Giao diện chỉnh sửa chương trình Flashsale Người dùng nhấn **“Lưu chỉnh sửa”** để hoàn tất cập nhật chương trình,\ hoặc nhấn **“Hủy bỏ”** để hủy thao tác chỉnh sửa. **Xóa:** Người dùng nhấn vào nút để xóa chương trình flashsale. Nút xóa chương trình Flashsale trong giao diện quản lý Khi hộp thoại xuất hiện, người dùng chọn **“Xóa ngay”** để tiến hành xóa chương trình,\ hoặc chọn **“Hủy”** nếu không muốn thực hiện thao tác này. **Tiêu đề** **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần tử danh mục. Ví dụ, nếu tiêu đề là "F⚡ash Sale" thì phần tử danh mục sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. **Bộ đếm giờ** **Hiển thị bộ đếm giờ:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có bộ đếm giờ và không có bộ đếm giờ * **Nền:** * Người dùng có thể điều chỉnh màu sắc cho nền bộ đếm giờ của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho bộ đếm giờ của flashsale tại Screenshot of a deployment confirmation message that says All checks have passed. **Thẻ sản phẩm** * **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ sản phẩm với phần danh sách sản phẩm bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ sản phẩm với phần danh sách sản phẩm bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa các thẻ sản phẩm với các thành phần bên trong thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa các thẻ sản phẩm với các thành phần bên trong thẻ bằng nút Screenshot of a deployment confirmation message that says All checks have passed. Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước** * Người dùng có thể chọn hoặc tăng/giảm kích thước của các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** Người dùng có thể chọn kiểu hình ảnh các thẻ sản phẩm tại Screenshot of a deployment confirmation message that says All checks have passed. * **Nền** * Chọn màu nền cho các thẻ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của thẻ sản phẩm tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của thẻ sản phẩm tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của thẻ sản phẩm tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đổ bóng bằng cách nhấn nút * **Hiển thị tên sản phẩm:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên sản phẩm và không có tên sản phẩm * **Hiển thị danh mục:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có danh mục và không có danh mục * **Hiển thị giá tiền:** * Người dùng chọn không hiển thị giá, giá cơ bản, giá khuyến mãi hoặc tất cả tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị giá giảm:** * Người dùng chọn hiển thị giá giảm theo phần trăm hay giá gốc Screenshot of a deployment confirmation message that says All checks have passed. * **Sản phẩm Sale:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm sale và không có sản phẩm sale * **Hiển thị nhãn:** * Người dùng chọn không hiển thị nhãn !\[]\[image113] hoặc chọn hiển thị nhãn flashsale, bán chạy, mới nhất. * **Hiển thị yêu thích:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút yêu thích và không có nút yêu thích * **Hiển thị đánh giá:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số sao đánh giá và không có số sao đánh giá * **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng yêu thích và không có số lượng yêu thích * **Hiển thị số lượng đã bán:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có số lượng đã bán và không có số lượng đã bán * **Hiển thị nút giỏ hàng:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút thêm vào giỏ hàng và không có nút thêm vào giỏ hàng **Kiểu nút giỏ hàng** Người dùng có thể chọn chuyển đổi hiển thị giỏ hàng giữa icon hoặc button Screenshot of a deployment confirmation message that says All checks have passed. # Home Source: https://docs.appminis.io/app-builder/builder/pages/home Hướng dẫn tùy chỉnh Header trang Home, bao gồm chọn mẫu, cài đặt lề, phong cách, tiêu đề, và thanh tìm kiếm. ### **3.3.1. Home** **Các mẫu Header**\ Người dùng nhấn nút “**Xem thêm**” để có thể chọn mẫu Header phù hợp Screenshot of a deployment confirmation message that says All checks have passed. **Khoảng cách** * **Lề ngoài** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa phần tử và các phần khác trên trang nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng muốn **chỉnh khoảng cách trên – dưới** giữa nội dung bên trong phần tử và viền của phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng muốn **chỉnh khoảng cách trái – phải** bên trong phần tử nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. * Nếu muốn **chỉnh riêng từng bên trái hoặc phải** ,**chỉnh riêng lề trên hoặc lề dưới**, nhấn nút. Screenshot of a deployment confirmation message that says All checks have passed. **Phong cách** * **Nền** * Chọn màu nền cho header bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của header tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của header tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Nhấn biểu tượng để ẩn hoặc hiển thị hiệu ứng bóng. * Xóa đồ bóng bằng cách nhấn nút **Hiển thị tiêu đề:** * Người dùng nhấn nút để bật/tắt trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho header. Ví dụ, nếu tiêu đề là "**Xin chào**" thì sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của header tại Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị phụ đề:** * Người dùng nhấn nút để bật/tắt có phụ đề và không có phụ đề, ngoài ra người dùng có thể nhập phụ đề cho header. Ví dụ, nếu tiêu đề là "**Ngày mới tốt lành 👋**" thì sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho phụ đề của header tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị biểu tượng** * Người dùng gạt nút để bật/tắt tính năng **Logo, Giỏ hàng, Tin nhắn, Tìm kiếm, Thông báo**. **Trang tìm kiếm:** Người dùng thể chọn phạm vi tìm kiếm như **Sản phẩm** hoặc **Dịch vụ** trong phần tùy chọn. Screenshot of a deployment confirmation message that says All checks have passed. **Thanh tìm kiếm** **Hiển thị thanh tìm kiếm:** * Người dùng nhấn nút để bật/tắt có thanh tìm kiếm và không có thanh tìm kiếm, ngoài ra người dùng có thể nhập nội dung tùy chỉnh. Ví dụ, nếu nội dung tùy chỉnh là "**Bạn đang cần gì**?" thì sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. # Mini Game Source: https://docs.appminis.io/app-builder/builder/pages/minigame-page Hướng dẫn quản lý phần thưởng và cài đặt hiển thị cho component Mini Game. ### **3.3.8. Mini Game** **Dữ liệu** **Thêm phần thưởng mới** * **Bước 1**: Người dùng nhấn vào nút "**Thêm phần thưởng mới**" Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** * Người dùng nhập Tên tiêu đề * Người dùng nhấn "**Tải ảnh lên hoặc chọn ảnh từ thư viện**" Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "**Thêm dữ liệu**" để tiến hành thêm mới hoặc nhấn "Hủy bỏ" để hủy quá trình thêm dữ liệu * **Chỉnh sửa:** * **Bước 1:** Người dùng nhấn vào nút để đến trang chỉnh sửa Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Người dùng nhập Tên tiêu đề và Tải anh lên hoặc chọn ảnh từ thư viện Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "**Lưu chỉnh sửa**" để tiến hành chỉnh sửa hoặc nhấn "**Hủy bỏ**" để hủy quá trình chỉnh sửa dữ liệu * **Xóa:** * **Bước 1:** Người dùng nhấn vào nút để xóa dữ liệu Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Tại hộp thông báo hiện lên, người dùng nhấn "**Xóa ngay**" để tiến hành xóa hoặc nhấn "Hủy" để hủy quá trình xóa dữ liệu **Tiêu đề** **Nền** * Chọn màu nền cho tiêu đề game bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là "Game" thì sẽ hiển thị như sau: Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc**: * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần game tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị Phần thưởng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có phần thưởng và không có phần thưởng * **Hiển thị Hướng dẫn**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hướng dẫn và không có hướng dẫn **Hiển thị Xếp hạng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có xếp hạng và không có xếp hạng **Mini Game** **Vị trí** Người dùng có thể điều chỉnh vị trí tại Screenshot of a deployment confirmation message that says All checks have passed. **Màu nền phần thưởng 1** Chọn màu nền cho phần thưởng 1 bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút **Màu viền vòng quay** Chọn màu viền vòng quay bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút **Nút quay** Chọn màu nút quay bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền nút quay bằng cách nhấn nút * Xóa màu nút quay bằng cách nhấn nút * **Liên kết banner chia sẻ game** Người dùng nhấn tải ảnh lên hoặc chọn ảnh từ thư viện để chia sẻ game # Payment setting Source: https://docs.appminis.io/app-builder/builder/pages/payment-page Hướng dẫn cấu hình trang thanh toán: tùy chỉnh tiêu đề, các tùy chọn (ghi chú, giảm giá) và kích hoạt phương thức thanh toán. ### **3.3.9. Payment setting** **Tiêu đề** **Nền** * Chọn màu nền cho tiêu đề bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang thanh toán. Ví dụ, nếu tiêu đề là "Thanh toán" thì sẽ hiển thị như sau: Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc**: * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần thanh toán tại Screenshot of a deployment confirmation message that says All checks have passed. **Tổng quan** **Hiển thị tên cửa hàng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tên cửa hàng và không có tên cửa hàng **Hiển thị mã giảm giá**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có mã giảm giá và không có mã giảm giá **Hiển thị tích điểm**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tích điểm và không có tích điểm **Hiển thị chiết khấu thành viên**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có chiết khấu thành viên và không có chiết khấu thành viên **Hiển thị ghi chú**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có ghi chú và không có ghi chú **Hiển thị Top Up**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có Top Up và không có Top Up **Phương thức thanh toán** **Thanh toán khi nhận hàng (COD)**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có thanh toán khi nhận hàng và không có thanh toán khi nhan hàng **Chuyển khoản ngân hàng**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có chuyển khoản ngân hàng và không có chuyển khoản ngân hàng **VNPay**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có thanh toán VNPay và không có thanh toán VNPay **Momo**: * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có thanh toán Momo và không có thanh toán Momo # Product Detail Source: https://docs.appminis.io/app-builder/builder/pages/product-detail-page Cấu hình bố cục, hiển thị thông tin, và các thành phần trên trang Chi tiết Sản phẩm. ### **3.3.6. Product Detail** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị sản phẩm, bao gồm: Đơn giản, Tinh tế, Ảnh dọc Screenshot of a deployment confirmation message that says All checks have passed. **Tiêu đề** **Nền** * Chọn màu nền cho thẻ sản phẩm bằng cách nhấn ô vuông sau đó chọn màu. Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút . * Xóa màu nền bằng cách nhấn nút . **Hiển thị tiêu đề** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề. * Người dùng có thể nhập tiêu đề cho phần sản phẩm. Ví dụ, nếu tiêu đề là **"Chi tiết sản phẩm"** thì phần sản phẩm sẽ như thế này: Screenshot of a deployment confirmation message that says All checks have passed. **Kích thước / Màu sắc** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần sản phẩm tại. Screenshot of a deployment confirmation message that says All checks have passed. **Hình ảnh** **Chiều cao** * Người dùng có thể chọn hoặc tăng/giảm chiều cao của banner tại. Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu căn chỉnh ảnh**\ Người dùng có thể chọn kiểu căn chỉnh hình ảnh sản phẩm tại … Screenshot of a deployment confirmation message that says All checks have passed. **Tổng quan** **Hiển thị tên sản phẩm** * Người dùng nhấn nút để bật/tắt tên sản phẩm. **Hiển thị nhãn** * Người dùng nhấn nút để bật/tắt nhãn. **Hiển thị tên danh mục** * Người dùng nhấn nút để bật/tắt tên danh mục. **Hiển thị tên thương hiệu** * Người dùng nhấn nút để bật/tắt tên thương hiệu. **Hiển thị tên cửa hàng** * Người dùng nhấn nút để bật/tắt tên cửa hàng. **Hiển thị số sao đánh giá** * Người dùng nhấn nút để bật/tắt số sao đánh giá. **Hiển thị số lượng đã bán** * Người dùng nhấn nút để bật/tắt số lượng đã bán. **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để bật/tắt số lượng yêu thích. **Sản phẩm sale** * Người dùng nhấn nút để bật/tắt trạng thái sale. **Hiển thị yêu thích** * Người dùng nhấn nút để bật/tắt nút yêu thích. **Hiển thị chia sẻ link** * Người dùng nhấn nút để bật/tắt chia sẻ link. * **Hiển thị sao chép link:** Người dùng nhấn nút để bật/tắt sao chép link. **Hiển thị giá tiền** * Người dùng nhấn nút để bật/tắt hiển thị giá tiền. **Hiển thị giá giảm** * Người dùng nhấn nút để bật/tắt hiển thị giá giảm. **Tiếp thị liên kết** * Người dùng nhấn nút để bật/tắt tiếp thị liên kết. **Hiển thị mô tả** * Người dùng nhấn nút để bật/tắt mô tả. **Hiển thị đánh giá** * Người dùng nhấn nút để bật/tắt đánh giá. **Hiển thị sản phẩm liên quan** * Người dùng nhấn nút để bật/tắt sản phẩm liên quan. **Chăm sóc khách hàng** **Hiển thị chăm sóc khách hàng** * Người dùng nhấn nút để bật/tắt chăm sóc khách hàng. **Thêm** * **Bước 1:** Người dùng nhấn vào nút **"Thêm mục mới"**. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** * Người dùng nhập tiêu đề. * Người dùng nhấn **"Tải ảnh lên hoặc chọn ảnh từ thư viện"**. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3:** Người dùng nhấn **"Thêm dữ liệu"** để thêm ảnh hoặc nhấn **"Hủy bỏ"** để hủy. **Chỉnh sửa** * **Bước 1:** Người dùng nhấn nút để đến trang chỉnh sửa. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Người dùng nhập tiêu đề, nhấn **"Tải ảnh lên hoặc chọn ảnh từ thư viện"**. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3:** Người dùng nhấn **"Lưu chỉnh sửa"** để lưu hoặc **"Hủy bỏ"** để hủy. **Xóa** * **Bước 1:** Người dùng nhấn nút để xóa dữ liệu. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Ở hộp thông báo, người dùng nhấn **"Xóa ngay"** để xóa hoặc **"Hủy"** để hủy. **Thanh tác vụ** **Trạng thái**\ Người dùng có thể nhấn để chuyển đổi giữa chế độ **Cố định** và **Cuộn ẩn**. Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị giỏ hàng**\ Người dùng nhấn nút để bật/tắt giỏ hàng. **Hiển thị tư vấn**\ Người dùng nhấn nút để bật/tắt tư vấn. **Hiển thị yêu thích**\ Người dùng nhấn nút để bật/tắt hiển thị yêu thích. **Thẻ sản phẩm liên quan** **Lề ngoài** * Người dùng điều chỉnh **chung** khoảng cách trên/dưới giữa các thẻ sản phẩm với phần danh sách bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách **trái/phải** giữa các thẻ sản phẩm với phần danh sách bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh riêng lề trái và lề phải, khoảng cách **trái/phải** giữa các thẻ sản phẩm với phần danh sách bằng nút. Screenshot of a deployment confirmation message that says All checks have passed. **Lề trong** * Điều chỉnh chung khoảng cách trên/dưới giữa các thẻ sản phẩm với thành phần bên trong bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Điều chỉnh khoảng cách trái/phải giữa các thẻ sản phẩm với thành phần bên trong bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh riêng lề trên và lề dưới, lề trái và lề phải bằng nút. Screenshot of a deployment confirmation message that says All checks have passed. **Kích thước** * Điều chỉnh kích thước tiêu đề thẻ sản phẩm tại. Screenshot of a deployment confirmation message that says All checks have passed. **Kiểu hình ảnh** * Chọn kiểu hình ảnh các thẻ sản phẩm tại. Screenshot of a deployment confirmation message that says All checks have passed. **Nền** * Chọn màu nền cho thẻ sản phẩm bằng cách nhấn ô vuông sau đó chọn màu. Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng nút . * Xóa màu nền bằng nút . **Bo góc** * Nhập hoặc tăng/giảm **chung** độ bo góc của 4 góc tại ô Screenshot of a deployment confirmation message that says All checks have passed. hoặc điều chỉnh **riêng lẻ** từng góc bằng nút. Screenshot of a deployment confirmation message that says All checks have passed. **Viền** * Nhập hoặc tăng/giảm độ lớn viền tại ô. Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu viền bằng cách nhấn ô vuông sau đó chọn màu. Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt viền bằng nút . * Xóa viền bằng nút . **Đổ bóng** * Chọn độ lớn đổ bóng tại ô. Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu đổ bóng bằng cách nhấn ô vuông sau đó chọn màu. Screenshot of a deployment confirmation message that says All checks have passed. * Bật/tắt đổ bóng bằng nút . * Xóa đổ bóng bằng nút . **Hiển thị tên sản phẩm** * Người dùng nhấn nút để bật/tắt tên sản phẩm. **Hiển thị danh mục** * Người dùng nhấn nút để bật/tắt danh mục. **Hiển thị giá tiền** * Người dùng nhấn nút để bật/tắt giá tiền. **Hiển thị giá giảm** * Chọn hiển thị giá giảm theo **%** hay **giá gốc** tại. Screenshot of a deployment confirmation message that says All checks have passed. **Sản phẩm sale** * Người dùng nhấn nút để bật/tắt trạng thái sale. **Hiển thị nhãn** * Chọn **không hiển thị** hoặc hiển thị nhãn **Flash sale / Bán chạy / Mới nhất**. Screenshot of a deployment confirmation message that says All checks have passed. **Hiển thị yêu thích** * Người dùng nhấn nút để bật/tắt nút yêu thích. **Hiển thị đánh giá** * Người dùng nhấn nút để bật/tắt số sao đánh giá. **Hiển thị số lượng yêu thích** * Người dùng nhấn nút để bật/tắt số lượng yêu thích. **Hiển thị số lượng đã bán** * Người dùng nhấn nút để bật/tắt số lượng đã bán. **Hiển thị nút giỏ hàng** * Người dùng nhấn nút để bật/tắt nút thêm vào giỏ hàng. **Kiểu nút giỏ hàng**\ Người dùng có thể chọn hiển thị giỏ hàng giữa **icon** hoặc **button** tại. Screenshot of a deployment confirmation message that says All checks have passed. # User profile Source: https://docs.appminis.io/app-builder/builder/pages/user-profile-page Hướng dẫn tùy chỉnh trang Cá nhân (User Profile): chọn bố cục, quản lý hạng thành viên, và bật/tắt các mô-đun hiển thị. ### **3.3.7. User profile** **Bố cục**\ Người dùng có thể lựa chọn các bố cục hiển thị trang cá nhân, bao gồm: Mặc định, Cá tính, Đơn giản Screenshot of a deployment confirmation message that says All checks have passed. **Tiêu đề** **Nền** * Chọn màu nền cho thẻ sản phẩm bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là "Cá nhân" thì sẽ hiển thị như sau: Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần cá nhân tại Screenshot of a deployment confirmation message that says All checks have passed. **Tổng quan** **Phụ đề** * Người dùng có thể nhập phụ đề cho trang cá nhân. Screenshot of a deployment confirmation message that says All checks have passed. **Đơn hàng của tôi** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hiển thị đơn hàng của tôi và không có hiển thị đơn hàng của tôi * **Hóa đơn dịch vụ** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hiển thị hóa đơn dịch vụ và không có hiển thị hóa đơn dịch vụ **Quản lý liệu trình** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quản lý liệu trình và không có quản lý liệu trình * **Quản lý lịch hẹn** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quản lý lịch hẹn và không có quản lý lịch hẹn * **Kho voucher** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có kho voucher và không có kho voucher * **Liên kết và hoa hồng** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có liên kết và hoa hồng và không có liên kết và hoa hồng * **Mini game** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có mini game và không có mini game * **Top up** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có top up và không có top up **Sản phẩm yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm yêu thích và không có sản phẩm yêu thích * **Dịch vụ yêu thích** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có dịch vụ yêu thích và không có dịch vụ yêu thích **Quà tặng của tôi** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quà tặng của tôi và không có quà tặng của tôi * **Sổ địa chỉ** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sổ địa chỉ và không có sổ địa chỉ **Điều khoản và chính sách** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có điều khoản và chính sách và không có điều khoản và chính sách **Link chính sách** * Người dùng có thể điền thông tin link chính sách **Liên hệ và góp ý** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có liên hệ và góp ý và không có liên hệ và góp ý **Hiển thị CTA** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có CTA và không có CTA **Hiển thị hạng thành viên** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hạng thành viên và không có hạng thành viên **Hạng thành viên** **Thêm** * **Bước 1**: Người dùng nhấn vào nút "Thêm mới" Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** * Người dùng nhập tên hạng thành viên, Chi tiêu tối thiểu để đạt hạng, Tỷ lệ khuyến mãi, Tổng tiền giảm tối đa Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "Thêm dữ liệu" để tiến hành thêm mới hoặc nhấn "Hủy bỏ" để hủy quá trình thêm dữ liệu **Chỉnh sửa** * **Bước 1:** Người dùng nhấn vào nút để đến trang chỉnh sửa Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Người dùng nhập Tên hạng thành viên, Chi tiêu tối thiểu để đạt hạng, Tỷ lệ khuyến mãi, Tổng tiền giảm tối đa Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3**: Người dùng nhấn "Lưu chỉnh sửa" để tiến hành chỉnh sửa hoặc nhấn "Hủy bỏ" để hủy quá trình chỉnh sửa dữ liệu **Xóa** * **Bước 1:** Người dùng nhấn vào nút để xóa dữ liệu Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2:** Tại hộp thông báo hiện lên, người dùng nhấn 'Xóa ngay" để tiến hành xóa hoặc nhấn "Hủy" để hủy quá trình xóa dữ liệu **Chi tiết CTA** **Lề ngoài** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới CTA bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải CTA bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. * **Lề trong** * Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa CTA với các thành phần bên trong CTA bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa CTA bằng nút Screenshot of a deployment confirmation message that says All checks have passed. * Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút Screenshot of a deployment confirmation message that says All checks have passed. **Nền** * Chọn màu nền cho phần CTA bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút ! * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của phần CTA tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của phần CTA tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của phần CTA tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đổ bóng bằng cách nhấn nút **Hiển thị tiêu đề:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần CTA. Ví dụ, nếu tiêu đề là "Nhận thông báo các bài viết, sự kiện nổi bật" thì phần CTA sẽ như thế này Screenshot of a deployment confirmation message that says All checks have passed. * **Kích thước/ Màu sắc:** * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần CTA tại Screenshot of a deployment confirmation message that says All checks have passed. * **Hiển thị nút quan tâm:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút quan tâm OA và không có nút quan tâm OA * **Hiển thị nút tạo lối tắt:** * Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút tạo lối tắt và không có nút tạo lối tắt * **Hiển thị nút liên hệ:** Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút liên hệ và không có nút liên hệ **Nền** * Chọn màu nền cho phần CTA bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút * Xóa màu nền bằng cách nhấn nút * **Bo góc** * Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của phần CTA tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút Screenshot of a deployment confirmation message that says All checks have passed. * **Viền** * Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của phần CTA tại ô nhập Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút * Xóa viền bằng cách nhấn nút * **Đổ bóng** * Người dùng có thể chọn độ lớn đổ bóng của phần CTA tại ô Screenshot of a deployment confirmation message that says All checks have passed. * Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút * Xóa đổ bóng bằng cách nhấn nút **Nút liên hệ** * Chọn màu nền cho nút liên hệ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. * Chuyển đổi qua lại giữa 2 trạng thái có nút liên hệ và không có nút liên hệ bằng cách nhấn nút * Xóa nút liên hệ bằng cách nhấn nút * Người dùng có thể nhập số điện thoại **Màu sắc nút liên hệ** * Chọn màu cho nút liên hệ bằng cách nhấn ô vuông sau đó chọn màu Screenshot of a deployment confirmation message that says All checks have passed. # Thanh toán Source: https://docs.appminis.io/app-builder/builder/payment Hướng dẫn truy cập trang Gói ứng dụng, chi tiết các gói (Dùng thử, Tiêu chuẩn, Nâng cao), và quy trình thanh toán. ## **7.3. Thanh toán** Có 3 cách để truy cập trang mua gói ứng dụng:\ Cách 1: Nhấn vào nút "Gói ứng dụng" phía bên trên thanh điều hướng Screenshot of a deployment confirmation message that says All checks have passed. * Cách 2: Nhấn vào nút , sau đó chọn "**Gói thành viên**" Screenshot of a deployment confirmation message that says All checks have passed. * Cách 3: Người dùng truy cập vào liên kết [https://aimini.vn/membership](https://aimini.vn/membership) để đến trang mua gói thành viên Screenshot of a deployment confirmation message that says All checks have passed. **+ Trường hợp 1:** Nếu người dùng chọn các gói dùng thử, gói tiêu chuẩn, gói nâng cao, người dùng nhấn Thiết kế ngay **+ Trường hợp 2:** Nếu người dùng chọn gói Doanh nghiệp, người dùng nhấn Liên hệ ngay * **a. Mua các gói dùng thử, gói tiêu chuẩn, gói nâng cao** * **Bước 1: Đến đây, người dùng có 3 sự lựa chọn:** * **Gói Dùng Thử:** * **Đặc điểm:** Miễn phí, cho phép bạn thiết kế, xuất bản và trải nghiệm ứng dụng. * **Tính năng:** Bao gồm tất cả các tính năng cơ bản và tính năng nâng cao. * **Thời gian:** Dùng thử miễn phí trong 7 ngày, với giới hạn 7 ngày để xuất bản ứng dụng. * **Gói Tiêu Chuẩn** * **Giá:** 7.100.000 VND/năm. * **Đặc điểm:** Xuất bản và quản lý ứng dụng liên mạch, là giải pháp toàn diện cho các dự án đang phát triển trên nền tảng nên tảng. * **Tính năng:** Bao gồm các tính năng cơ bản. Miễn phí 1 trong 3 tính năng: Affiliate Marketing, Flashsale hoặc Mini Game trong 6 tháng.Các tính năng nâng cao khác được dùng thử trong 3 tháng. + **Gói Nâng Cao** * **Giá: 1.208.333 VND/tháng hoặc 14.500.000 VND/năm.** * **Đặc điểm: Phù hợp với các dự án có quy mô lớn và phát triển lâu dài.** * **Tính năng:** Bao gồm các tính năng cơ bản, Miễn phí 3 tính năng: Flash Sale, CTV (Affiliate Marketing) và Mini Game trong 12 tháng. Các tính năng nâng cao khác được dùng thử trong 3 tháng. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 2: Người dùng điền các thông tin liên hệ, bao gồm:** * Nhập họ tên: Người dùng nhập họ và tên của mình * Địa chỉ email: Người dùng nhập địa chỉ email của mình * Số điện thoại: Người dùng nhập số điện thoại của mình * Nhập tên doanh nghiệp: Người dùng nhập tên doanh nghiệp của mình * Tên doanh nghiệp rút gọn: Người dùng nhập tên rút gọn của doanh nghiệp * Địa chỉ website (nếu có): Người dùng nhập địa chỉ website của doanh nghiệp nếu có * Mô tả doanh nghiệp: Người dùng nhập 1 đoạn mô tả ngắn về doanh nghiệp * Cuối cùng, người dùng nhấn nút "Tiếp tục" để chuyển sang bước tiếp theo, hoặc nhấn nút "Quay lại" để quay lại bước phía trước. Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 3: Người dùng điền các thông tin để thiết lập Mini App, bao gồm:** * Nhập tên Mini App: Nhập tên Mini App mà người dùng muốn tạo * Chọn danh mục: Chọn danh mục chủ đề mà Mini App hướng về như sức khỏe, giáo dục, thương mại điện tử, … * Mô tả Mini App: Người dùng nhập mô tả ngắn về Mini App * Thay đổi ảnh: Người dùng tải lên ảnh đại diện cho Mini app Screenshot of a deployment confirmation message that says All checks have passed. * **Bước 4: Người dùng chọn "Ví điện tử MOMO" hoặc "Ngân hàng" sau đó dùng ứng dụng Momo hoặc ngân hàng để quét mã QR và tiến hành thanh toán.** * Sau đó người dùng nhấn nút "Tiếp tục" để hoàn tất quá trình thanh toán Screenshot of a deployment confirmation message that says All checks have passed. **b. Mua gói doanh nghiệp** Nếu người dùng chọn gói Doanh nghiệp, người dùng điền thông tin được yêu cầu và nhấn nút Gửi yêu cầu Screenshot of a deployment confirmation message that says All checks have passed. **Các thông tin cần nhập bao gồm:** * Họ và tên: Người dùng nhập họ và tên của mình * Email: Người dùng nhập email của mình * Số điện thoại/Zalo: Người dùng nhập số điện thoại của mình * Công ty: Người dùng nhập tên công ty của mình * Website: Người dùng nhập website công ty của mình * Dịch vụ quan tâm: Người dùng chọn dịch vụ mà mình quan tâm * Nội dung: Người dùng nhập nội dung muốn nhắn gửi * Bạn biết đến DigiBird qua nguồn nào?: Người dùng chọn nguồn tin biết đến DigiBird\\ * Sau đó người dùng tick chọn Đồng ý cung cấp thông tin theo chính sách riêng tư của DigiBird, sau đó nhấn "**Gửi yêu cầu**" # Kênh hỗ trợ Source: https://docs.appminis.io/app-builder/builder/support Hướng dẫn sử dụng kênh hỗ trợ qua Zalo: Chat nhanh trực tiếp hoặc mở ứng dụng Zalo. ## **8.1. Kênh hỗ trợ** Người dùng nhấn vào biểu tượng **Zalo** ở góc **dưới bên trái** của màn hình. Người dùng chọn **“Chat nhanh”** để trò chuyện **trực tiếp tại đây**,\ hoặc chọn **“Chat bằng Zalo”** để **mở nền tảng Zalo** và tiếp tục trò chuyện. Screenshot of a deployment confirmation message that says All checks have passed. # Quickstart Source: https://docs.appminis.io/app-builder/introduction/quickstart Bắt đầu nhanh với AppMinis: Khám phá cách xây dựng ứng dụng chuyên nghiệp cho mọi ngành nghề. ### **Những gì bạn có thể tạo ra** Với **AppMinis**, bạn có thể nhanh chóng xây dựng ứng dụng cho nhiều lĩnh vực như **thương mại điện tử, bán lẻ, giáo dục, thời trang, spa, F\&B, du lịch, sức khoẻ** và nhiều ngành nghề khác. Các loại ứng dụng bạn có thể tạo gồm: * **Ứng dụng thương mại điện tử**: trang sản phẩm, danh mục, giỏ hàng, thanh toán online. * **Ứng dụng dịch vụ**: Spa, nhà hàng, quán café… với tính năng đặt lịch, đặt bàn (booking). * **Ứng dụng giáo dục & đào tạo**: khóa học online, bài giảng, kiểm tra kiến thức, quản lý học viên. * **Ứng dụng tin tức & blog**: cập nhật thông tin, bài viết, video, thông báo. * **Ứng dụng chăm sóc khách hàng**: mini game, loyalty, khuyến mãi, thông báo đẩy (push notification). * **Ứng dụng truyền thông & sự kiện**: lịch sự kiện, vé điện tử (e-ticket), livestream, bình chọn. * **Ứng dụng quản lý bán hàng**: quản lý đơn hàng, kho hàng, khách hàng và doanh thu. * **Ứng dụng y tế & sức khỏe**: đặt lịch khám, tư vấn trực tuyến, theo dõi hồ sơ bệnh án. * **Ứng dụng du lịch**: gợi ý địa điểm, đặt tour, đặt phòng, lịch trình di chuyển. ## Thiết kế Mobile App/Mini App Tất cả những gì bạn cần để tạo và triển khai ứng dụng chuyên nghiệp. Cá nhân hóa màu sắc, bố cục và tính năng theo thương hiệu của bạn. Quản lý ứng dụng, nội dung, khách hàng và đơn hàng một cách tiện lợi. Sử dụng các mẫu sẵn có để triển khai nhanh cho nhiều ngành nghề. Tích hợp dễ dàng với các hệ thống và nền tảng khác qua API mở rộng. ## Cần hỗ trợ? Truy cập tài liệu và các kênh hỗ trợ để được giải đáp nhanh chóng. # Automation Flow Source: https://docs.appminis.io/automation/automation-flow Giới thiệu tính năng Automation: Tự động hóa quy trình chăm sóc khách hàng và marketing với Trigger, Condition, Action. ### **Giới thiệu về Automation** Automation trong AppMinis là công cụ giúp bạn tự động hóa các quy trình chăm sóc khách hàng, marketing và vận hành mà không cần lập trình.\ Với tính năng này, bạn có thể tạo ra các luồng hành động tự động (automation flow) dựa trên hành vi người dùng hoặc sự kiện cụ thể trong ứng dụng. Ví dụ: * Khi khách hàng đăng ký tài khoản mới, hệ thống tự động gửi tin nhắn chào mừng qua Zalo OA hoặc Email. * Khi khách hàng hoàn tất đơn hàng, hệ thống có thể gửi tin nhắn cảm ơn kèm mã giảm giá. * Khi khách hàng không hoạt động trong 7 ngày, hệ thống gửi lời nhắc quay lại ứng dụng. Tất cả đều được thực hiện hoàn toàn tự động, giúp doanh nghiệp tiết kiệm thời gian và tối ưu tương tác với người dùng. ### **Cấu trúc Automation** Mỗi kịch bản tự động (Automation Flow) trong AppMinis gồm 3 thành phần chính: **1. Trigger (Trình kích hoạt)**\ Trigger là sự kiện khởi đầu cho luồng tự động. Đây là điều kiện “nếu có” xảy ra, hệ thống sẽ bắt đầu xử lý chuỗi hành động. Ví dụ phổ biến: * Khi người dùng đăng ký tài khoản mới * Khi người dùng hoàn tất đơn hàng * Khi người dùng click vào một nút cụ thể trong Mini App * Khi đến một ngày nhất định (ví dụ: sinh nhật, ngày hết hạn gói dịch vụ) **2. Condition (Điều kiện)**\ Condition giúp bạn lọc và xác định đối tượng hoặc hoàn cảnh cụ thể trước khi hành động xảy ra. Ví dụ: * Chỉ gửi tin nhắn cho người dùng có vai trò là khách hàng VIP. * Chỉ gửi nếu đơn hàng có giá trị trên 500.000đ. * Chỉ thực hiện nếu người dùng chưa từng nhận ưu đãi này trước đó. **3. Action (Hành động)**\ Action là bước thực hiện sau khi thỏa mãn Trigger và Condition. Các loại hành động phổ biến: * 📩 Gửi ZNS (qua Zalo OA): xác nhận đơn hàng, OTP, khuyến mãi, chúc mừng sinh nhật,... * 💬 Gửi OA Message: chăm sóc khách hàng, mời tham gia sự kiện. * 📧 Gửi Email tự động: chào mừng, khuyến mãi, nhắc nhở giỏ hàng chưa thanh toán,... * 📱 Gửi SMS: thông tin nhanh hoặc xác thực. * 🔄 Hành động nội bộ: tạo điểm thưởng, cập nhật trạng thái đơn hàng, thêm người dùng vào nhóm loyalty,... > Mỗi Action có thể chạy ngay hoặc có **độ trễ (delay)** theo thời gian bạn định nghĩa (ví dụ: sau 1 giờ, sau 3 ngày,...). ### **6.1.3. Cách tạo một luồng Automation** Truy cập mục **Chiến dịch** trong thẻ **Automation** trong bảng quản trị. Chiến dịch trong Automation Screenshot of a deployment confirmation message that says All checks have passed. Nhấn **Thêm chiến dịch** để bắt đầu. Thêm chiến dịch trong Automation Screenshot of a deployment confirmation message that says All checks have passed. Thay đổi thông tin chiến dịch và nhấn **Lưu**. Thay đổi thông tin chiến dịch Screenshot of a deployment confirmation message that says All checks have passed. Kéo thả hoặc bấm chọn **Trigger** (nếu cần sự kiện kích hoạt). Danh sách Trigger Screenshot of a deployment confirmation message that says All checks have passed. Sau khi chọn Trigger Screenshot of a deployment confirmation message that says All checks have passed. Thêm **Điều kiện** (điều kiện ràng buộc nếu có). Danh sách điều kiện Screenshot of a deployment confirmation message that says All checks have passed. Setup thông tin điều kiện Screenshot of a deployment confirmation message that says All checks have passed. Chọn **Hành động** — ví dụ: gửi **ZNS**, **OA**, **Email**, hoặc **SMS**. Setup thông tin hành động Screenshot of a deployment confirmation message that says All checks have passed. Xem lại luồng, sau đó **Lưu** hoặc bật **Kích hoạt (Active)**. Setup thông tin hành động Screenshot of a deployment confirmation message that says All checks have passed. > Hệ thống sẽ tự động chạy luồng mỗi khi **Trigger** xảy ra. ### **Lợi ích của Automation** * **Tiết kiệm thời gian:** Không cần thao tác thủ công gửi từng tin. * **Cá nhân hóa trải nghiệm:** Gửi đúng nội dung, đúng thời điểm, đúng người. * **Tăng tỷ lệ chuyển đổi:** Duy trì tương tác và chăm sóc khách hàng liên tục. * **Đồng bộ dữ liệu:** Mọi hành động, thông tin và phản hồi đều được ghi nhận tự động vào hệ thống. ### **Ví dụ thực tế** **Kịch bản: Chăm sóc khách hàng sau mua hàng** * **Trigger:** Người dùng hoàn tất thanh toán đơn hàng. * **Điều kiện:** Giá trị đơn hàng > 300.000đ. * **Hành động:** 1. Gửi ZNS xác nhận đơn hàng. 2. Sau 2 ngày → gửi OA cảm ơn và mời đánh giá sản phẩm. 3. Sau 7 ngày → gửi Email khuyến mãi “Mua lần 2 giảm 10%”. # Nhóm khách hàng Source: https://docs.appminis.io/automation/group-customers Description of your new file. #### **Thêm nhóm khách hàng** Truy cập **Automation → Nhóm khách hàng → Thêm nhóm**\ → Nhập các thông tin trong biểu mẫu\ → Chọn **Tạo** để hoàn tất thêm nhóm khách hàng. Thêm nhóm *** #### **Xem chi tiết nhóm khách hàng** Truy cập **Automation → Nhóm khách hàng**\ → Nhấn vào biểu tượng để xem chi tiết nhóm khách hàng. Chi tiết nhóm khách hàng *** #### **Chỉnh sửa nhóm khách hàng** Truy cập **Automation → Nhóm khách hàng**\ → Nhấn vào biểu tượng để chỉnh sửa thông tin nhóm. Giao diện chỉnh sửa nhóm khách hàng *** #### **Xóa nhóm khách hàng** Truy cập **Automation → Nhóm khách hàng**\ → Nhấn vào biểu tượng để xóa nhóm khách hàng. Giao diện xác nhận xóa nhóm khách hàng *** #### **Tìm kiếm nhóm khách hàng** Truy cập **Automation → Nhóm khách hàng**\ → Nhập từ khóa vào thanh tìm kiếm và nhấn **Enter** để tìm nhóm khách hàng mong muốn. Giao diện tìm kiếm nhóm khách hàng *** 📘 *Mẹo:* Người dùng có thể kết hợp từ khóa (ví dụ “VIP”, “Khách lẻ”, “Doanh nghiệp”) để lọc nhanh nhóm cần tìm. # Mẫu tin gửi Source: https://docs.appminis.io/automation/template-notification Description of your new file. ## **Danh sách mẫu tin ZNS** Các **mẫu tin ZNS (Zalo Notification Service)** được hệ thống cung cấp là những mẫu **đã được Zalo phê duyệt**, đảm bảo tính chính xác và tuân thủ quy định của nền tảng. Khi người dùng nhấn nút **“Cập nhật mẫu tin”**, hệ thống sẽ hiển thị **các mẫu đã được Zalo duyệt sẵn**, giúp người dùng lựa chọn và sử dụng nhanh chóng, đảm bảo nội dung phù hợp với tiêu chuẩn Zalo. Giao diện danh sách mẫu tin ZNS Nếu người dùng cần thêm mẫu tin khác **chưa có trong danh sách Zalo phê duyệt**, có thể **liên hệ trực tiếp với công ty** để được hỗ trợ tạo mới và gửi duyệt. *** ## **Danh sách mẫu tin OA** Truy cập **Automation → Danh sách mẫu tin OA** để xem và quản lý các mẫu tin được sử dụng trong Official Account (OA). Giao diện danh sách mẫu tin OA Các mẫu tin OA được chia thành **3 loại chính**: * **Tin tư vấn:**\ Dùng để thông báo các cập nhật, hướng dẫn hoặc thông tin hỗ trợ khách hàng.\ *Ví dụ:* Thông báo cập nhật thông tin, hướng dẫn sử dụng dịch vụ, hoặc tin nhắn hỗ trợ. * **Tin giao dịch:**\ Liên quan đến các hoạt động giao dịch như xác nhận đơn hàng, thanh toán, hoặc thông báo vận chuyển.\ *Ví dụ:* Đơn hàng đang giao, thanh toán thành công, đơn hàng bị hủy. * **Tin truyền thông:**\ Dùng để quảng bá chương trình, chào mừng khách hàng mới hoặc gửi lời cảm ơn.\ *Ví dụ:* Chương trình khuyến mãi, thông báo tri ân, ưu đãi khách hàng thân thiết. 📘 *Việc phân loại này giúp người dùng dễ dàng tìm và quản lý từng loại tin nhắn cụ thể hơn.* *** ### **Thêm mẫu có sẵn** Hệ thống cung cấp một số **mẫu tin OA cơ bản** để người dùng có thể thêm nhanh mà không cần tạo mới. Truy cập **Mini App → Danh sách mẫu tin OA → Thêm thông tin mẫu tin → Chọn “Có”**. Thêm mẫu tin OA có sẵn Sau khi chọn “**Có**”, hệ thống sẽ hiển thị danh sách các mẫu tin cơ bản gồm: * Đơn hàng đang trên đường giao * Thông báo giao hàng thành công * Thông báo đơn hàng có cộng tác viên đã hoàn thành * Xác nhận đơn hàng có cộng tác viên * Yêu cầu rút tiền hoa hồng đã được duyệt * Thông báo sử dụng điểm * Cập nhật thông tin thành công * Yêu cầu rút tiền hoa hồng đã bị từ chối * Thông báo tăng hạng * Đơn hàng đã bị hủy * Thanh toán thành công * Đặt hàng thành công *** 💡 *Các mẫu tin có sẵn giúp người dùng tiết kiệm thời gian thiết lập, đảm bảo đúng định dạng và nội dung phù hợp với quy định của Zalo OA.* # Bookings Source: https://docs.appminis.io/booking-management/booking-management Hướng dẫn quản lý lịch hẹn, hóa đơn trong hệ thống ## **Lịch hẹn** Tính năng **Lịch hẹn** cho phép người dùng tạo, quản lý và theo dõi lịch hẹn của khách hàng.\ Hệ thống được liên kết trực tiếp với hóa đơn để đảm bảo tính chính xác trong quá trình quản lý. *** ### **Thêm lịch hẹn** Truy cập **Booking → Lịch hẹn → Thêm**\ → Nhập thông tin: Người dùng, Số hóa đơn, Dịch vụ, Nhân viên, Thời gian, Số lượng khách, Số điện thoại và Ghi chú.\ → Khi chọn Người dùng, hệ thống tự động hiển thị danh sách hóa đơn mà khách hàng đó đang có.\ → Khi chọn Số hóa đơn, dịch vụ tương ứng sẽ tự động hiển thị theo hóa đơn đó.\ → Nhấn **Tạo** để hoàn tất. > **Lưu ý:**\ > Muốn thêm lịch hẹn, khách hàng phải có hóa đơn hợp lệ được tạo từ phần **Đặt dịch vụ**.\ > Hóa đơn là cơ sở để xác định dịch vụ, số buổi, và thông tin thanh toán. Giao diện thêm lịch hẹn Giao diện thêm lịch hẹn *** ### **Xem chi tiết lịch hẹn** Truy cập **Booking → Lịch hẹn** → Nhấn vào biểu tượng 👁 để xem chi tiết lịch hẹn.\ → Giao diện hiển thị: Mã lịch hẹn, Mã hóa đơn, Khách hàng, Dịch vụ, Ngày giờ hẹn, Số buổi còn lại và Ghi chú. Màn hình chi tiết lịch hẹn *** ### **Cập nhật trạng thái lịch hẹn** Trong danh sách Lịch hẹn, người dùng có thể thay đổi trạng thái bằng các nút tương ứng: * ✅ **Xác nhận lịch** * 🔁 **Thay đổi lịch hẹn** * 🛍 **Hoàn thành** khi dịch vụ đã được thực hiện * ❌ **Hủy lịch** khi khách báo hủy hoặc không đến Khi hoàn thành lịch hẹn, hệ thống sẽ tự động trừ số buổi còn lại nếu dịch vụ thuộc dạng liệu trình. > Ví dụ: Khách hàng có 10 buổi liệu trình, sau khi hoàn thành 1 buổi hệ thống sẽ cập nhật còn 9 buổi.\ > Với dịch vụ chỉ có 1 buổi, sau khi hoàn thành hệ thống sẽ tự động kết thúc liệu trình. Các trạng thái của lịch hẹn /> *** ## **Hóa đơn** Tính năng **Hóa đơn** giúp người dùng theo dõi toàn bộ thông tin về các đơn đặt dịch vụ của khách hàng. *** ### **Xem danh sách hóa đơn** Truy cập **Booking → Hóa đơn** để xem danh sách các hóa đơn được sinh ra từ quá trình đặt dịch vụ.\ Danh sách hiển thị các thông tin: * Số hóa đơn * Loại booking * Ngày đặt * Khách hàng * Cửa hàng * Tổng tiền * Trạng thái thanh toán Danh sách hóa đơn *** ### **Lọc và tìm kiếm hóa đơn** Người dùng có thể sử dụng ô tìm kiếm hoặc lọc theo trạng thái: * Đã thanh toán / Chưa thanh toán / Đã hủy / Hoàn tiền\ Có thể lọc theo khoảng thời gian hoặc xuất danh sách ra file Excel bằng biểu tượng tệp. Bộ lọc tìm kiếm hóa đơn *** # Dịch vụ Source: https://docs.appminis.io/booking-management/schedule-setting Hướng dẫn quản lý danh mục và dịch vụ trong hệ thống. ## **Danh mục dịch vụ** Tính năng **Danh mục dịch vụ** giúp người dùng phân loại các nhóm dịch vụ để dễ dàng quản lý, sắp xếp và tìm kiếm. *** ### **Thêm danh mục** Truy cập **Quản lý dịch vụ → Danh mục dịch vụ → Thêm danh mục**\ → Nhập thông tin: **Tên**, **Slug**, chọn **Danh mục cha** (nếu có).\ → Tải lên **Logo** và **Banner danh mục** (tối đa 2MB mỗi ảnh).\ → Nhấn **Tạo** để hoàn tất thêm danh mục. Giao diện thêm danh mục dịch vụ *** ### **Chỉnh sửa danh mục** Truy cập **Quản lý dịch vụ → Danh mục dịch vụ**\ → Nhấn vào biểu tượng ✏ để chỉnh sửa danh mục mong muốn.\ → Cập nhật các trường cần thiết, sau đó nhấn **Cập nhật** để lưu thay đổi. Màn hình chỉnh sửa danh mục dịch vụ *** ### **Xóa danh mục** Trong danh sách danh mục dịch vụ, nhấn vào biểu tượng 🗑 để xóa danh mục không còn sử dụng.\ Hệ thống sẽ hiển thị cảnh báo xác nhận trước khi thực hiện. Màn hình xác nhận xóa danh mục dịch vụ *** ## **Dịch vụ** Phần **Dịch vụ** cho phép người dùng thêm mới, chỉnh sửa, quản lý và nhập dữ liệu dịch vụ hàng loạt từ file Excel.\ Tính năng này giúp tiết kiệm thời gian khi có nhiều dịch vụ cần cập nhật cùng lúc. *** ### **Thêm dịch vụ** Truy cập **Quản lý dịch vụ → Dịch vụ → Thêm**\ → Tải lên **hình ảnh hoặc video minh họa** (tối đa 2MB).\ → Nhập thông tin: **Cửa hàng**, **Danh mục**, **Tên**, **Mã hàng hóa**, **Slug**, **Giá bán**, **Thời lượng**, **Đơn vị tính**.\ → Nhấn **Tạo** để hoàn tất thêm dịch vụ mới. Giao diện thêm dịch vụ mới Giao diện thêm dịch vụ mới Giao diện thêm dịch vụ mới *** ### **Nhập Excel dịch vụ** Tính năng **Nhập Excel dịch vụ** cho phép tải dữ liệu hàng loạt từ file mẫu CSV. → Chọn **Nhập Excel dịch vụ** → Tải tệp mẫu CSV bằng tùy chọn **Tải xuống tệp csv mẫu**.\ → Điền thông tin vào mẫu, sau đó tải lại lên hệ thống.\ → Nhấn **Nhập vào** để thêm toàn bộ dữ liệu dịch vụ. Giao diện nhập Excel dịch vụ *** ### **Danh sách dịch vụ** Trong danh sách dịch vụ, người dùng có thể xem nhanh các thông tin sau: * **Tên dịch vụ** * **Cửa hàng** * **Danh mục** * **Giá bán** * **Thời lượng** * **Trạng thái hoạt động** Sử dụng **nút công tắc** để bật/tắt trạng thái hoạt động của từng dịch vụ. Giao diện danh sách dịch vụ *** ### **Xem chi tiết dịch vụ** Truy cập **Quản lý dịch vụ → Dịch vụ**\ → Nhấn vào biểu tượng 👁 để xem chi tiết dịch vụ.\ → Giao diện chi tiết hiển thị toàn bộ thông tin đã cấu hình:\ **Cửa hàng**, **Danh mục**, **Đơn vị tính**, **Giá**, **Thời lượng**, **Hình ảnh**,... Màn hình chi tiết dịch vụ *** ### **Chỉnh sửa dịch vụ** Truy cập **Quản lý dịch vụ → Dịch vụ**\ → Nhấn biểu tượng ✏ để mở form chỉnh sửa.\ → Cập nhật thông tin như:\ **Tên dịch vụ**, **Mã hàng hóa**, **Slug**, **Giá bán**, **Thời lượng**, **Đơn vị tính**,...\ → Nhấn **Cập nhật** để lưu thay đổi. Form chỉnh sửa dịch vụ Form chỉnh sửa dịch vụ *** ### **Xóa dịch vụ** Truy cập **Quản lý dịch vụ → Dịch vụ**\ → Nhấn biểu tượng 🗑 để xóa dịch vụ khỏi danh sách.\ Hệ thống sẽ hiển thị thông báo xác nhận trước khi xóa để đảm bảo an toàn dữ liệu. Xóa dịch vụ khỏi danh sách # Cài đặt booking Source: https://docs.appminis.io/booking-management/service-management Hướng dẫn thiết lập lịch trong hệ thống. ## **Thiết lập lịch** Tính năng **Thiết lập lịch** giúp người dùng cài đặt thời gian làm việc, quy tắc hủy lịch và giới hạn số lượng khách trong từng khung giờ. *** ### **Cấu hình thời gian làm việc** Truy cập **Booking → Thiết lập lịch**\ → Bật/tắt các ngày trong tuần mà cửa hàng hoạt động.\ → Nhấn vào biểu tượng ✏ để chỉnh sửa khung giờ làm việc của từng ngày. Truy cập **Quản lý dịch vụ → Danh mục dịch vụ → Thêm danh mục**\ → Nhập thông tin: **Tên**, **Slug**, chọn **Danh mục cha** (nếu có).\ → Tải lên **Logo** và **Banner danh mục** (tối đa 2MB mỗi ảnh).\ → Nhấn **Tạo** để hoàn tất thêm danh mục. Giao diện cấu hình thời gian làm việc *** ### **Thiết lập quy tắc hủy và thanh toán** → Nhập **Thời gian cho phép hủy** (tính theo giờ) trước khi lịch diễn ra.\ → Chọn **Tỷ lệ thanh toán trước (%)** nếu cửa hàng yêu cầu khách thanh toán trước một phần khi đặt lịch. Truy cập **Quản lý dịch vụ → Danh mục dịch vụ**\ → Nhấn vào biểu tượng ✏ để chỉnh sửa danh mục mong muốn.\ → Cập nhật các trường cần thiết, sau đó nhấn **Cập nhật** để lưu thay đổi. Màn hình thiết lập quy tắc hủy và thanh toán *** ### **Giới hạn số lượng khách trong khung giờ** ### **Xóa danh mục** → Nhập **số lượng tối đa khách hàng** có thể đặt trong một khung giờ.\ → Hệ thống sẽ không cho phép thêm lịch vượt quá giới hạn này. Trong danh sách danh mục dịch vụ, nhấn vào biểu tượng 🗑 để xóa danh mục không còn sử dụng.\ Hệ thống sẽ hiển thị cảnh báo xác nhận trước khi thực hiện. Thiết lập giới hạn khách hàng trong khung giờ # AppMinis - Giới thiệu chung Source: https://docs.appminis.io/index AppMinis là nền tảng thiết kế Mini App và Mobile App tự động, giúp các cá nhân và doanh nghiệp tạo ứng dụng nhanh chóng chỉ trong vài phút mà không cần biết lập trình. ## **Giới thiệu chung** AppMinis là nền tảng thiết kế Mini App và Mobile App tự động, giúp các cá nhân và doanh nghiệp tạo ứng dụng nhanh chóng chỉ trong vài phút mà không cần biết lập trình. Nền tảng này sử dụng thao tác kéo thả (drag-and-drop) đơn giản và cung cấp nhiều mẫu thiết kế cùng tính năng đa dạng. ### **AppMinis phù hợp với:** * **Doanh nghiệp vừa và nhỏ (SME):** tối ưu chi phí và thời gian để xây dựng ứng dụng di động hoặc Mini App trên các nền tảng như Zalo, giúp nhanh chóng số hóa hoạt động kinh doanh. * **Doanh nghiệp lớn & tập đoàn:** cần nền tảng linh hoạt để triển khai các ứng dụng nội bộ, quản lý nhân sự, quản lý bán hàng hoặc xây dựng kênh chăm sóc khách hàng riêng, có khả năng mở rộng và tích hợp với hệ thống sẵn có. * **Cá nhân và người không chuyên lập trình:** mong muốn sở hữu ứng dụng riêng cho kinh doanh hoặc mục đích cá nhân mà không cần thuê đội ngũ lập trình viên. * **Chủ cửa hàng, nhà hàng, quán cà phê:** tăng cường tương tác, triển khai chương trình loyalty, khuyến mãi và chăm sóc khách hàng trên kênh riêng. * **Trung tâm giáo dục & đào tạo:** quản lý học viên, chia sẻ bài giảng, tổ chức khóa học online hoặc đào tạo nội bộ. * **Doanh nghiệp dịch vụ (spa, thẩm mỹ viện, phòng gym…):** cung cấp tính năng đặt lịch, quản lý khách hàng, theo dõi dịch vụ và truyền thông hiệu quả. * **Tổ chức sự kiện, du lịch, truyền thông:** quản lý sự kiện, vé điện tử (e-ticket), đặt tour, lịch trình hoặc kênh thông tin dành riêng cho khách hàng. Get your app up and running in minutes with **AppMinis**. Bắt đầu tạo ứng dụng của riêng bạn chỉ trong vài bước. ## Quản lý & Phát triển Điều khiển toàn bộ ứng dụng từ giao diện quản trị và mở rộng với API. Cá nhân hóa màu sắc, bố cục và tính năng theo thương hiệu của bạn. Quản lý ứng dụng, nội dung, khách hàng và đơn hàng một cách dễ dàng. Trải nghiệm các template sẵn có để triển khai nhanh cho nhiều ngành nghề. Tích hợp linh hoạt với hệ thống và nền tảng khác qua API mở rộng. # Quản lý đổi quà Source: https://docs.appminis.io/loyalty/gift-management Hướng dẫn tạo và quản lý chương trình đổi điểm tích lũy lấy voucher khuyến mãi. Tại phần Loyalty, truy cập Quản lý đổi quà Quản lý đổi quà tạo các chương trình đổi điểm để khách hàng sử dụng điểm tích lũy đổi lấy những voucher khuyến mãi Ở giao diện tổng quan, người dùng có thể: * Thêm cài đặt cho chương trình đổi quà. Chọn “+ Thêm cài đặt” → Điền các thông tin mà biểu mẫu yêu cầu → Chọn “Tạo” để tạo chương trình đổi quà * Ở phần danh sách voucher: * Người dùng có thể chọn các voucher đã tạo ở “Đổi voucher” trong “CT Khuyến mãi” hoặc tạo mới voucher theo các bước như ở “Đổi voucher” trong “CT Khuyến mãi” * Chọn icon để chỉnh sửa chương trình đổi quà * Chọn icon để xóa chương trinh đổi quà # Thành viên Source: https://docs.appminis.io/loyalty/member-management Hướng dẫn xem thống kê, lịch sử điểm, reset điểm và chi tiết thành viên. Tại phần Loyalty, truy cập Quản lý thành viên Ở giao diện tổng quan, người dùng có thể: * Xem tổng quan tổng số người dùng * Tổng hạng thành viên (thành viên đã được phân hạng) * Tổng số lượt tích điểm * Tổng số lượt điểm được đổi * Reset điểm * Chọn icon để xem chi tiết thông tin thành viên: * Lịch sử đơn * Lịch sử tích, đổi điểm * Lịch sử đánh giá * Sản phẩm yêu thích # Cài đặt điểm Source: https://docs.appminis.io/loyalty/points-setting Cài đặt quy tắc quy đổi điểm và tạo nhiệm vụ tích điểm cho khách hàng. Tại phần Loyalty, truy cập Cài đặt tích điểm Ở giao diện tổng quan, người dùng có thể: * Cài đặt quy tắc tích đổi điểm * Tích điểm qua thanh toán: Mặc định 1 điểm sẽ quy đổi được bao nhiêu tiền. Người dùng có thể dùng điểm này để khấu trừ vào hóa đơn khi thanh toán * Tỷ lệ quy đổi điểm: Mặc định hóa đơn bao nhiêu sẽ quy đổi được 1 điểm. Ví dụ: Setup 10.000đ = 1đ thì hóa đơn 20.000đ sẽ quy đổi được 2đ * Cài đặt nhiệm vụ để tích điểm: Chọn nút “+ Thêm” ở phần “Tích điểm qua nhiệm vụ” để cài đặt nhiệm vụ tích điểm cho người dùng → Điền các thông tin mà biểu mẫu yêu cầu → Chọn “Tạo” để thêm nhiệm vụ tích điểm. Có các loại nhiệm vụ tích điểm như sau: * Quan tâm Zalo OA * Hoàn thành đơn hàng * Đánh giá sản phẩm * Quét mã QR code * Tham gia khảo sát # Hạng thành viên Source: https://docs.appminis.io/loyalty/ranking-management Hướng dẫn quản lý hạng thành viên: thêm, sửa, xóa và cài đặt khuyến mãi. Tại phần Loyalty, truy cập Quản lý hạng thành viên Ở giao diện tổng quan, người dùng có thể: * Thêm hạng thành viên: Chọn “+ Thêm” → Điền các thông tin biểu mẫu yêu cầu để tạo một hạng thành viên mới * Ở giao diện điền biểu mẫu, người dùng có thể thêm voucher cho hạng thành viên tương ứng sau khi đã tạo “Voucher hạng thành viên” ở phần “Khuyến mãi” * Tích vào checkbox “Giới hạn khuyến mãi” để giới hạn số tiền giảm tối đa theo đơn hàng. Không tích vào checkbox đồng nghĩa sẽ giảm số % đã xét cho tổng giá trị hóa đơn * Chọn icon để chỉnh sửa hạng thành viên * Chọn icon để xóa hạng thành viên # Flash sale Source: https://docs.appminis.io/marketing-tools/flash-sale Hướng dẫn tạo, quản lý và theo dõi doanh thu các chương trình flash sale sản phẩm. Tại phần Marketing, truy cập Flash Sale → chọn tab “Sản phẩm” Ở giao diện tổng quan, người dùng có thể: * Xem tổng quan doanh thu từ các chương trình flash sale mang lại * Xem chi tiết các chương trình flash sale đang - đã hoạt động bằng cách chọn icon * Tạo các chương trình flash sale cho các sản phẩm của hệ thống. Chọn “+ Thêm” → Điền các thông tin biểu mẫu yêu cầu → Chọn “Tạo” để thêm chương trình flash sale * Cài đặt khung giờ flash sale (Có thể tạo một hoặc nhiều khung giờ) * Lựa chọn sản phẩm cho chương trình flash sale * Người dùng có thể điền các thông tin flash sale cho toàn bộ sản phẩm được áp dụng chương trình hoặc điều chỉnh từng sản phẩm theo điều kiện khác nhau * Chọn icon để chỉnh sửa chương trình flash sale * Chọn icon để xóa chương trình flash sale hoặc tích chọn checkbox ở đầu tên mỗi chương trình để xóa nhiều chương trình flash sale cùng lúc # Mini game Source: https://docs.appminis.io/marketing-tools/mini-game Để tạo một chương trình game, người dùng cần thực hiện tuần tự các bước sau: Tạo “Voucher game” ở phần “CT Khuyến mãi” → Tạo “Giải thưởng” ở phần “Trò chơi” → Vào “Cài đặt trò chơi” để tạo chương trình game cho hệ thống **Giải thưởng** Tại phần Trò chơi, truy cập tab Giải thưởng Ở giao diện tổng quan, người dùng có thể tạo các voucher để làm phần thưởng cho chương trình game của hệ thống: * Chọn “+ Tạo voucher” để thêm voucher cho chương trình game → Điền các thông tin biểu mẫu yêu cầu → Tại cột Danh sách voucher, chọn “Voucher game” đã tạo ở “CT Khuyến mãi" để làm phần thưởng → Nhấn “Tạo” để hoàn tất thao tác thêm giải thưởng cho chương trình game * Chọn icon để xem và chỉnh sửa giải thưởng * Chọn icon để xóa giải thưởng **Cài đặt trò chơi** Ở giao diện tổng quan, người dùng có thể tạo các chương trình game để làm phần thưởng khi khách hàng tham gia mini game trên app: * Chọn “+ Thêm” để tạo một chương trình game mới → Điền các thông tin mà biểu mẫu yêu cầu → Có thể thiết lập điều kiện để nhận thêm lượt chơi → Thiết lập giao diện cho chương trình game (Banner, hiệu ứng, âm thanh, …) → Thiết lập các giải thưởng đã tạo → Chọn “Tạo” để tạo mới một chương trình game cho hệ thống * Có thể tạo các loại chương trình game: * Vòng quay may mắn * Mở bao lì xì * Mở hộp quà * Chọn icon để xem và chỉnh sửa chương trình game * Chọn icon để xóa chương trình game * Người dùng có thể tìm kiếm chương trình game theo tên hoặc lọc các chương trình game theo ngày được khởi tạo để hiển thị kết quả như yêu cầu **Danh sách giải thưởng** Ở giao diện tổng quan, người dùng có thể: * Xem thống kê số người đã tham gia và tổng số lượt quay * Tìm kiếm người trúng thưởng theo tên hoặc theo thời gian * Xác nhận trao thưởng cho người tham gia bằng cách nhấn vào icon * Nếu là icon → Chưa xác nhận trao thưởng * Nếu hiển thị "**Is Received**" → Đã trao thưởng # Quản lý đơn hàng Source: https://docs.appminis.io/sale-management/order-management Hướng dẫn theo dõi, xử lý, và tạo mới các đơn hàng bán hàng online. Tại phần Bán hàng, truy cập **Bán hàng online** Ở giao diện tổng quan, người dùng có thể thấy được các số liệu báo cáo cũng như từng trạng thái các đơn hàng thời điểm hiện tại như: * Tất cả đơn hàng: Hiển thị toàn bộ đơn hàng của hệ thống * Đã đặt hàng: Đơn hàng đã đặt và chưa được xác nhận * Đã xác nhận: Đơn hàng được xác nhận là sẽ giao đến khách hàng và đã cập nhật lại tồn kho sản phẩm * Chưa thanh toán: Đơn hàng chưa thanh toán * Đang vận chuyển: Đơn hàng đang trên đường giao đến khách hàng * Đã giao hàng: Đơn hàng đã được giao * Hoàn thành: Đơn hàng đã thanh toán và được giao đến khách hàng * Đã hủy: Người dùng sẽ hủy đơn hàng nếu đơn hàng không đáp ứng được các yêu cầu vận hành hoặc do khách hàng hủy Đơn hàng tại hệ thống được chia thành 2 loại tương ứng với 2 tag định nghĩa:  * Tag “Tại cửa hàng”: là những đơn đơn hàng bán tại quầy (POS) * Tag “Bán hàng online”: là những đơn hàng được mua ở mini app Người dùng có thể tìm kiếm đơn hàng theo số hóa đơn hoặc lọc theo hình thức thanh toán để hiển thị các đơn hành theo yêu cầu **Cập nhật trạng thái đơn hàng** Khi một đơn hàng được đẩy về hệ thống sau khi khách hàng mua trên mini app hoặc tại quầy (POS), người dùng sẽ cần phải thao tác để cập nhật trạng thái đơn hàng như sau: * Chọn icon để xem chi tiết đơn hàng * Chọn icon để xác nhận đơn hàng và cập nhật tồn kho sản phẩm * Chọn icon để hủy đơn hàng (nếu đơn hàng không đáp ứng được các yêu cầu vận hành) * Chọn icon để cập nhật trạng thái thanh toán * Chọn icon để xác nhận đơn hàng đang giao đến khách hàng * Chọn icon để xác nhận đơn hàng đã giao thành công đến khách hàng * Nếu hệ thống có tích hợp đơn vị vận chuyển, người dùng nhấn icon để chuyển đơn hàng cho đơn vị vận chuyển. Tại bước này, trạng thái giao hàng sẽ được tự động cập nhật thay thế cho 2 bước xác nhận đang giao và đã giao * Chọn icon để xem/tải hóa đơn sau khi đơn hàng đã giao thành công **Thêm đơn hàng** Người dùng có thể thêm đơn hàng mới cho khách hàng có sẵn trong hệ thống (Nếu khách hàng chưa có trên hệ thống thì tạo thông tin khách hàng bằng cách nhấn nút ở trường Khách hàng → điền các thông tin biểu mẫu yêu cầu và nhấn “Tạo” để hoàn tất tạo mới một khách hàng) Điền các thông tin mà hệ thống yêu cầu và chọn sản phẩm cho đơn hàng, sau đó nhấn “Tạo” để hoàn tất tạo đơn hàng # Thương hiệu Source: https://docs.appminis.io/sale-management/product-management/brands-management Hướng dẫn quản lý thương hiệu sản phẩm: thêm, sửa, xóa, nhập file, và tìm kiếm. Tại phần Quản lý sản phẩm, truy cập tab Thương hiệu. Ở giao diện tổng quan, người dùng có thể tạo các thương hiệu để đại diện cho các sản phẩm của hệ thống * Chọn “+ Thêm” để thêm thương hiệu cho các sản phẩm * Thêm từng thương hiệu → Điền các thông tin biểu mẫu yêu cầu → Nhấn “Tạo” để hoàn tất thao tác thêm thương hiệu * * Thêm nhiều thương hiệu bằng cách import file excel → Tải về template mẫu → Nhập thông tin các thương hiệu → Upload file → Chọn “Nhập vào” để thêm các thương hiệu * Chọn icon để xem chi tiết thương hiệu * Chọn icon để chỉnh sửa thương hiệu * Chọn icon để xóa thương hiệu * Xóa nhiều thương hiệu cùng lúc * Người dùng có thể tìm kiếm thương hiệu theo tên hoặc lọc các thương hiệu theo ngày được khởi tạo để hiển thị kết quả như yêu cầu # Danh mục sản phẩm Source: https://docs.appminis.io/sale-management/product-management/categories-management Hướng dẫn quản lý danh mục sản phẩm: thêm, sửa, xóa, nhập file và tạo danh mục con. Tại phần Quản lý sản phẩm, truy cập tab Danh mục Ở giao diện tổng quan, người dùng có thể tạo các Danh mục cho các sản phẩm của hệ thống * Chọn “+ Thêm danh mục” để tạo danh mục cho các sản phẩm * Thêm từng Danh mục → Điền các thông tin biểu mẫu yêu cầu → Nhấn “Tạo” để hoàn tất thao tác thêm Danh mục * Thêm nhiều Danh mục bằng cách import file excel → Tải về template mẫu → Nhập thông tin các Danh mục → Upload file → Chọn “Nhập vào” để thêm các Danh mục * Chọn icon để bật/tắt thông tin Danh mục * Chọn icon để chỉnh sửa Danh mục * Chọn icon check-box để có thể xóa một hoặc nhiều Danh mục * Người dùng có thể tạo các danh mục con bằng cách xét danh mục cha khi khởi tạo danh mục. Để hiển thi danh mục con, nhấn "+" ở trước các danh mục # Sản phẩm Source: https://docs.appminis.io/sale-management/product-management/products-management Hướng dẫn quản lý, thêm mới, tìm kiếm và chỉnh sửa sản phẩm trên hệ thống. Tại phần Quản lý sản phẩm, truy cập tab sản phẩm. Ở giao diện tổng quan, người dùng có thể thấy được các số liệu báo cáo của từng sản phẩm và các tính năng như sau: * Tổng sản phẩm: Số sản phẩm mà hệ thống hiện có * Sản phẩm còn hàng: Những sản phẩm vẫn còn tồn kho * Sản phẩm hết hàng: Những sản phẩm đã hết tồn kho * Sản phẩm đang ẩn: Những sản phẩm đang được ẩn mua (không kể số lượng) * Chọn “+ Thêm sản phẩm” để thêm sản phẩm mới cho hệ thống * Thêm từng sản phẩm ➝ Điền các thông tin biểu mẫu yêu cầu ➝ Nhấn “Tạo” để hoàn tất thao tác thêm sản phẩm * Thêm sản phẩm biến thể, khi thêm sản phẩm ➝ Tích vào “Sản phẩm biến thể” ➝ Điền các thông tin biểu mẫu yêu cầu ➝ Nhấn “Tạo” để thêm sản phẩm biến thể * Thêm nhiều sản phẩm bằng cách import file excel ➝ Tải về template mẫu ➝ Nhập thông tin các sản phẩm ➝ Upload file ➝ Chọn “Nhập vào” để thêm các sản phẩm * Tìm Kiếm sản phẩm theo tên, ngày tạo, danh mục, thương hiệu * Chọn icon để xem chi tiết sản phẩm * Chọn icon để chỉnh sửa sản phẩm * Chọn icon để xóa từng sản phẩm * Xóa nhiều sản phẩm cùng lúc. Chọn check-box ➝ Hành động ➝ Xóa * Chọn icon để bật/tắt sản phẩm * Bật/tắt nhiều sản phẩm cùng lúc. Chọn check-box ➝ Hành động ➝ On/Off sản phẩm # Đánh giá Source: https://docs.appminis.io/sale-management/product-management/review-management Hướng dẫn xem, phản hồi, bật/tắt và lọc các đánh giá sản phẩm của khách hàng. Tại phần Quản lý sản phẩm, truy cập tab Đánh giá Ở giao diện tổng quan, người dùng có thể xem các thống kê đánh giá của khách hàng cho từng loại sản phẩm * Chọn icon để có thể chỉnh sửa và phản hồi đánh giá của khách hàng screenshot_1757234003.png * Chọn icon để bật/tắt đánh giá của khách hàng screenshot_1757234077.png * Người dùng có thể tìm kiếm đánh giá theo tên sản phẩm hoặc lọc các đánh giá theo ngày được khởi tạo, theo số sao mà khách hàng đánh giá để hiển thị kết quả như yêu cầu screenshot_1757234113.png # Thông tin công ty Source: https://docs.appminis.io/settings/company-profile-setting Hướng dẫn chỉnh sửa và cập nhật thông tin công ty trong phần Cài đặt. ## **Cài đặt công ty** Truy cập **Cài đặt → Cài đặt** để hiển thị và chỉnh sửa các thông tin công ty như:\ tên công ty, email, số điện thoại, địa chỉ, màu chủ đạo, logo sáng, logo tối,…\ Nhấn **“Cập nhật”** để hoàn tất thao tác. Giao diện cài đặt công ty *** # Cài đặt thanh toán Source: https://docs.appminis.io/settings/currency-setting Hướng dẫn cài đặt, thêm, sửa, xóa các phương thức thanh toán (chuyển khoản, VNPay). ## **Phương thức thanh toán** *** ### **Tổng quan** Truy cập **Cài đặt → Phương thức thanh toán** để xem toàn bộ các phương thức thanh toán của Mini App.\ Tại đây, người dùng có thể **thêm, xem, chỉnh sửa, hoặc xoá** phương thức thanh toán. Danh sách phương thức thanh toán *** ### **1. Phương thức thanh toán chuyển khoản** #### **Thêm phương thức chuyển khoản** Truy cập **Cài đặt → Phương thức thanh toán → + Thêm phương thức thanh toán**.\ Biểu mẫu hiển thị như hình: Thêm phương thức chuyển khoản Người dùng chọn **Loại: Ngân hàng**, nhập tên loại thanh toán là **Chuyển khoản**, sau đó điền thông tin tài khoản ngân hàng nhận tiền.\ Có thể thêm nhiều tài khoản bằng cách nhấn **“Thêm thông tin ngân hàng”** → Cuối cùng chọn **“Tạo”** để lưu. *** #### **Chỉnh sửa phương thức chuyển khoản** Truy cập **Cài đặt → Phương thức thanh toán** → chọn biểu tượng\ để chỉnh sửa. Chỉnh sửa phương thức chuyển khoản Biểu mẫu mới xuất hiện → Người dùng có thể **cập nhật hoặc thêm mới tài khoản** → Chọn **“Cập nhật”** để lưu thông tin. Cập nhật phương thức chuyển khoản *** #### **Xóa phương thức chuyển khoản** Truy cập **Cài đặt → Phương thức thanh toán** → Chọn biểu tượng\ để xoá. Xóa phương thức chuyển khoản *** ### **2. Phương thức thanh toán VNPay** Để thêm phương thức VNPay, người dùng cần đăng ký **Merchant** với VNPay để nhận **Mã website** và **Mã bí mật**.\ Nhập hai mã này vào tab **VNPay**, bật trạng thái và chọn **“Cập nhật”**. Cấu hình phương thức VNPay # Cài đặt vận chuyển Source: https://docs.appminis.io/settings/delivery-setting Hướng dẫn kết nối nhà cung cấp vận chuyển Giao Hàng Tiết Kiệm (GHTK). ## **Nhà cung cấp vận chuyển** *** ### **Tổng quan** Truy cập **Quản lý Mini App → Nhà cung cấp vận chuyển**.\ Chọn đơn vị vận chuyển để kết nối. > Hiện tại Aimini hỗ trợ đơn vị: **GHN (Giao Hàng Nhanh)**. Danh sách nhà cung cấp vận chuyển *** ### **Giao Hàng Tiết Kiệm (GHTK)** **Bước 1:**\ Truy cập [https://khachhang.giaohangtietkiem.vn/web/dang-ky](https://khachhang.giaohangtietkiem.vn/web/dang-ky) → Đăng nhập tài khoản GHTK. Đăng nhập GHTK **Bước 2:**\ Sau khi đăng nhập, chọn **Quản trị → Thông tin tài khoản** để lấy **API Token Key**. Lấy API Key GHTK Copy API Key GHTK **Bước 3:**\ Truy cập **POS → Nhà cung cấp vận chuyển → Kết nối GHTK**. Kết nối GHTK trong POS **Bước 4:**\ Nhập **API Token Key** → Nhấn **“Tiếp theo”** để kết nối. Nhập API Key kết nối GHTK Kết nối thành công: Kết nối GHTK thành công > **Lưu ý:** Bạn cần có tài khoản GHTK để thực hiện kết nối. # Tích hợp Source: https://docs.appminis.io/settings/integration Xem danh sách tích hợp hệ thống và liên hệ Aimini để được hỗ trợ. ## **Quản lý tích hợp** Truy cập **Quản lý Mini App → Quản lý tích hợp** để hiển thị danh sách các hệ thống hoặc đơn vị quản lý đã được hỗ trợ.\ Liên hệ **Aimini** để được hỗ trợ tích hợp với các hệ thống hoặc đơn vị được đề xuất. Giao diện quản lý tích hợp trong hệ thống Aimini # Quản lý khách hàng Source: https://docs.appminis.io/users-management/customers-management Hướng dẫn quản lý khách hàng: xem thống kê, thêm, sửa, xóa và tạo nhóm. Tại phần Quản lý người dùng, truy cập tab Khách hàng Ở giao diện tổng quan, người dùng có thể thấy được các số liệu thống kê cũng như các thông tin Khách hàng hiện tại như: * Tổng khách hàng: Tổng số khách hàng hiện tại được ghi nhận trên hệ thống * Tổng khách hàng nợ: Số tiền mà khách hàng chưa thanh toán * Tổng thu: Tổng thu nhập từ khách hàng đã thanh toán * Số khách hàng còn nợ: Cho biết có bao nhiêu khách hàng còn chưa thanh toán Người dùng có thể tìm kiếm khách hàng theo tên, email, số điện thoại hoặc lọc các khách hàng được khởi tạo theo thời gian hoặc theo trạng thái (Đã kích hoặc - Vô hiệu hóa) Để thêm một khách hàng mới, người dùng nhấn nút “+ Thêm” → Điền các thông tin biểu mẫu yêu cầu → Nhấn “Tạo” để hoàn tất thao tác tạo khách hàng (Những khách hàng được tạo từ hệ thống sẽ được gắn tag “Khách hàng ngoài”) Mỗi khách hàng sau khi được khởi tạo hoặc từ mini app sẽ có các thông tin như sau: * Chọn icon để xem chi tiết thông tin khách hàng * Lịch sử đơn * Lịch sử tích, đổi điểm * Lịch sử đánh giá sản phẩm * Danh sách sản phẩm yêu thích * Lịch sử Affiliate * Ví trả trước * Chọn icon để chỉnh sửa thông tin khách hàng * Chọn icon để xóa từng khách hàng * Xóa cùng lúc nhiều khách hàng: Chọn check-box → Nhấn nút “Xóa” * Lưu ý: Khách hàng đã phát sinh giao dịch vs hệ thống sẽ không thể xóa * Thể hiện công nợ trên giao diện mỗi khách hàng * Tạo nhóm khách hàng: Chọn check-box trước mỗi khách hàng → Nhấn nút “Thêm nhóm” → Tạo một nhóm khách hàng mới (nhấn nút → Điền các thông tin biểu mẫu yêu cầu → Nhấn “Tạo” để hoàn tất) hoặc thêm khách hàng đã chọn vào nhóm đã có # Vai trò và Quyền Source: https://docs.appminis.io/users-management/role-management Hướng dẫn thêm vai trò mới và phân quyền trong mục Cài đặt hệ thống. Tại phần Cài đặt, truy cập Vai trò & Quyền Thêm vai trò bằng cách: Chọn nút “+ Thêm vai trò” → Biểu mẫu sẽ được hiển thị → Điền và chọn các thông tin phù hợp → Chọn “Tạo” để hoàn tất thao tác. (*Lưu ý: Tên vai trò không được trùng lặp)* # Quản lý nhân viên Source: https://docs.appminis.io/users-management/staff-management Quản lý thông tin nhân viên: thêm, sửa, xóa, tìm kiếm và phân vai trò. Tại phần Quản lý người dùng, truy cập tab Nhân viên Ở giao diện tổng quan, người dùng có thể thấy được các thông tin của nhân viên như sau: * Các thông tin của nhân viên (tên, email, ngày tạo, trạng thái) * Người dùng có thể tìm kiếm nhân viên theo tên, email, số điện thoại hoặc lọc theo ngày khởi tạo, trạng thái để hiển thị kết quả theo yêu cầu * Chọn icon để chỉnh sửa thông tin nhân viên * Chọn icon để xóa nhân viên khỏi hệ thống * Thêm nhân viên: Chọn “+ Thêm” để thêm nhân viên mới → Điền các thông tin biểu mẫu yêu cầu và chọn vai trò cho nhân viên (Nếu chưa tạo vai trò thì nhấn nút để tạo vai trò và phân quyền hạn cho nhân viên) → Nhấn “Tạo” để hoàn tất quá trình tạo nhân viên mới