Miniapp

Đây là màn hình quản lý Mini App trong hệ thống, cho phép theo dõi, kiểm soát và thao tác với các Mini App đang sử dụng. Người dùng có thể xem tình trạng hoạt động, trạng thái deploy, chỉnh sửa hoặc xóa Mini App trực tiếp từ danh sách.

Màn hình hiển thị các thông tin như:

  • Tổng cộng: số lượng Mini App hiện có trong hệ thống

  • Được kích hoạt: app đang ở trạng thái Active

  • Đang tạm dừng: app đang ở trạng thái Inactive

  • Active: Trạng thái hoạt động

  • ID: Mã định danh

  • Name

  • Version: Phiên bản hiện tại

  • Miniapp URL: Đường dẫn truy cập

  • Deploy Status

  • Hành động: Chi tiết cấu hình/Xóa

Để mở và cấu hình một Mini App bạn chọn +Thêm mới ở góc trên bên phải của màn hình module Miniapp

  1. Màn hình cấu hình và xem nhanh

Đây là màn hình cấu hình giao diện của một Mini App, cho phép người dùng tùy chỉnh toàn bộ màu sắc, font chữ, giao hiển thị và hỗ trợ xem trước giao diện trực tiếp đến người dùng.

  • Thanh điều hướng bên trái gồm các nhóm chức năng cấu hình:

    • Thêm cấu hình

    • Cấu hình chung

    • Cấu hình trang chủ

    • Cấu hình module

  • Ở giữa là khu vực xem trước Mini App

    • Dropdown chọn khách hàng

    • Nút Copy link Miniapp

    • Nút Copy link Webview

    • Màn hình mô phỏng giao diện Mini App trên điện thoại, gồm:

      • Header

      • Thông tin khách hàng

      • Menu chức năng

      • Banner

      • Các block nội dung

      • F​ooter

  • Bên phải là cột chỉnh sửa chi tiết theo thành phần được chọn ở menu bên trái

  • Lưu: sau mỗi lần thao tác chọn Lưu để lưu lại cấu hình chỉnh sửa

1.1 Cấu hình chung

1.1.1 Cấu hình giao diện

  • Bạn thiết lập các thông tin như:

    • Màu sắc: Người dùng có thể thay đổi toàn bộ hệ màu của Mini App

    • Font chữ: Cho phép thay đổi font toàn hệ thống

1.1.2 Cấu hình thông tin

  • Bạn nhập các thông tin như:

    • OA Id: là id OA của doanh nghiệp (cần phải điền chính xác)

    • Miniapp Id

1.2 Cấu hình trang chủ

Màn hình Trang chủ trong Mini App là giao diện chính mà người dùng nhìn thấy đầu tiên khi mở ứng dụng. Đây là nơi doanh nghiệp giới thiệu tổng quan doanh nghiệp/sản phẩm, điều hướng tới các tính năng quan trọng và tạo ấn tượng ban đầu cho khách hàng.

Bạn chọn +Thêm cấu hình để thêm mới khối sau đó chọn Thêm để thêm khối ra màn hình trang chủ và chọn Icon thùng rác trong khối để xóa.

1.2.1 Header

  • Là khối hiển thị tại đầu trang chủ, tại đây bạn có thể cấu hình các thông tin như:

    • Bật/tắt hiển thị địa chỉ của người dùng và ô tìm kiếm

    • Màu nền, màu chữ

    • Kiểu dáng

1.2.2 Profile bar

Profile bar hiển thị thông tin tài khoản như: Số điện thoại, số điểm loyalty và thanh menu. Bạncấu hình bằng cách:

  • Màu nền, Màu chữ

  • Lựa chọn bật/tắt Thanh menu

  • Khi bật Thanh menu, màn hình sẽ hiển thị ra khối Cấu hình menu. Bạn chọn Thêm menu để thêm sau đó cấu hình các thông tin như:

    • Tên hiển thị

    • Loại: Mở module/ Mở OA/ Mở link tuỳ chỉnh

    • Module/Link

    • Ảnh Icon

1.2.3 Footer

Là khối hiển thị thanh điều hướng ở cuối MiniApp, giúp truy cập nhanh các tính năng quan trọng.

Bạn cấu hình menu như:

  • Kiểu dáng

  • Số lượng menu

  • Chọn Thêm menu để thêm sau đó cấu hình các thông tin như:

    • Tên hiển thị

    • Loại: Mở module/ Mở OA/ Mở link tuỳ chỉnh

    • Module/Link

    • Ảnh Icon

1.2.4 Banner

Là khối dùng để đặt banner ở trong Mini App, giúp truyền tải thông điệp quan trọng và tạo ấn tượng đến người dùng.

Bạn cấu hình banner như:

  • Tên

  • Kiểu dáng

  • Tỉ lệ ảnh

  • Bật/tắt tự động chuyển slide, cài đặt thời gian chuyển slide

  • Chọn Thêm slide để thêm sau đó cấu hình các thông tin như:

    • Loại: Mở module/ Mở OA/ Mở link tuỳ chỉnh

    • Module/Link

    • Ảnh slide

1.2.5 Follow OA

Khối Mời quan tâm cho phép doanh nghiệp hiển thị lời mời và nút hành động, khuyến khích người dùng theo dõi Mini App.

Bạn có thể tùy chỉnh nội dung, màu nền và các chiến dịch ưu đãi khi quan tâm OA nhằm tăng tỷ lệ người dùng theo dõi OA.

1.2.6 Sản phẩm

Khối sản phẩm cho phép DN hiển thị danh sách sản phẩm nổi bật kèm hình ảnh và giá trong màn hình trang chủ của Mini App giúp người dùng xem nhanh và lựa chọn.

  • Cài đặt giao diện khối:

    • Tên

    • Tiêu đề khối

    • Màu tiêu đề

    • Màu nút xem thêm

    • Nền khối

  • Cài đặt giao diện thẻ:

    • Kiểu dáng: kiểu hiển thị sản phẩm (Dọc/Ngang)

    • Chọn bố cục: bố cục hiển thị của khối sản phẩm (Cuộn ngang/Xếp dọc)

    • Tỉ lệ size ảnh: tỉ lệ hình ảnh sản phẩm ở màn hình sản phẩm

    • Màu chữ

    • Màu nền, màu viền: màu của ô sản phẩm.

  • Cài đặt dữ liệu

    • Kiểu hiển thị sản phẩm: Theo sản phẩm/Theo danh mục

    • Sản phẩm/Doanh nghiệp

    • Số lượng sản phẩm

1.2.7 Extra Menu

Extra Menu giúp DN thêm các mục tùy chọn bổ sung, mở rộng khả năng điều hướng trong Mini App.

Bạn tùy chỉnh các thông tin như:

  • Cài đặt giao diện: Loại menu: chọn 2 menu/4 menu 1 hàng

  • Cài đặt menu: chọn Thêm menu sau đó cấu hình các thông tin

    • Tên menu

    • Loại: Mở module/ Mở OA/ Mở link tuỳ chỉnh

    • Module/Link

    • Ảnh Icon menu

1.2.8 Menu banner

Menu Banner trong Mini App cho phép DN thiết lập danh sách banner dạng menu, gán hành động cho từng banner và điều chỉnh bố cục hiển thị.

Bạn thiết lập các thông tin như:

  • Cài đặt giao diện:

    • Bố cục của thẻ

    • Số lượng menu mỗi hàng

    • Tỉ lệ ảnh

  • Cài đặt menu: chọn Thêm menu sau đó cấu hình các thông tin

    • Loại: Mở module/ Mở OA/ Mở link tuỳ chỉnh

    • Module/Link

    • Ảnh menu

1.3 Cấu hình module

1.3.1 Loyalty

Là màn hình hiển thị các mốc điểm kèm theo quà tặng tương ứng và bảng xếp hạng để người dùng theo dõi. Đây là tính năng giúp gắn kết khách hàng và khuyến khích người dùng quay lại mu a hàng nhiều hơn.

Bạn cấu hình tính năng như:

  • Màu nền

  • Dạng hiển thị

  • Thể lệ

1.3.2 Coupon

Là màn hình hiển thị các mã giảm giá (Voucher) của DN đến khách hàng trong MiniApp. Người dùng theo dõi các mã khuyến mãi của mình tại đây.

Bạn cấu hình bằng cách chọn các voucher đã được tạo trong module ưu đãi của opla.vn

1.3.3 Booking

Là màn hình cho phép người dùng đặt bàn và xem lịch sử đã đặt qua tab Lịch sử đặt bàn

1.3.4 Sản phẩm

Là màn hình hiển thị dầy đủ sản phẩm của DN giúp khách hàng lựa chọn trực quan qua 2 kiểu hiển thị thông tin sản phẩm (ngang/vuông)

Cài đặt dữ liệu:

  • Danh mục: là danh mục sản phẩm được tạo trong module sản phẩm

  • Kiểu dáng: kiểu hiển thị danh mục (Dọc/Ngang)

  • Kiểu dáng danh mục: chỉ tên/tên và hình ảnh

1.3.5 Wheel Game (Vòng quay may mắn)

Bạn cấu hình vòng quay với các thông tin như:

  • Cài đặt giao diện:

    • Màu nền

    • Kiểu tiêu đề

    • Ảnh vòng quay, ảnh nút, ảnh mũi tên

  • Cấu hình thể lệ

  • Cấu hình trò chơi

    • Kiểu cấp lượt chơi

    • Số lượt cấp mỗi ngày

    • Quà không giới hạn

    • Chọn thêm quà để cấu hình các phần quà trong vòng quay

1.3.6 Choose Gift Game (Mở quà)

Bạn cấu hình vòng quay với các thông tin như:

  • Cài đặt giao diện:

    • Màu nền

    • Kiểu tiêu đề

    • Ảnh quà đại diện

  • Cấu hình thể lệ

Cấu hình trò chơi

  • Kiểu cấp lượt chơi

  • Số lượt cấp mỗi ngày

  • Quà không giới hạn

  • Chọn thêm quà để cấu hình các phần quà trong game

1.3.7 Shake Game (Lắc nhận quà)

Bạn cấu hình vòng quay với các thông tin như:

  • Cài đặt giao diện:

    • Màu nền

    • Kiểu tiêu đề

    • Ảnh quà đại diện

  • Cấu hình thể lệ

Cấu hình trò chơi

  • Kiểu cấp lượt chơi

  • Số lượt cấp mỗi ngày

  • Quà không giới hạn

  • Chọn thêm quà để cấu hình các phần quà

1.3.8 Catching Game (Săn quà)

Bạn cấu hình vòng quay với các thông tin như:

  • Cài đặt giao diện:

    • Màu nền

    • Kiểu tiêu đề

    • Ảnh rổ hứng, ảnh nút bắt đầu

    • Màu điểm số

  • Cấu hình thể lệ

Cài đặt trò chơi

  • Số vật thể xuất hiện

  • Số điểm chiến thắng

  • Số điểm thất bại

  • Chọn thêm vật thể để cấu hình các vật thể

1.3.9 Rotating Gift

Là màn hình hiển thị các chương trình ưu đãi thành một trải nghiệm thú vị và hấp dẫn, khuyến khích khách hàng sử dụng phần quà đã được nhận để nhận các ưu đãi tiếp theo

Bạn cấu hình dữ liệu bằng cách: Chọn các chiến dịch đã tạo trong module ưu đãi

1.3.10 Review

Là một công cụ quản lý để thu thập phản hồi (feedback) từ khách hàng một cách hiệu quả và trực quan, đồng thời khuyến khích khách hàng đánh giá bằng cách liên kết với các chương trình tặng quà tự động.

Là Bạn cấu hình bằng cách Lựa chọn các

Last updated