Hướng dẫn tạo Gamification bản Landing Page trên AppOn

Có phải bạn đang tìm kiếm chủ đề về => Hướng dẫn tạo Gamification bản Landing Page trên AppOn phải ko? Nếu đúng tương tự thì mời bạn xem nó ngay tại đây. Xem thêm các tri thức marketing khác tại đây => Marketing

Đây là bài hướng dẫn tạo phiên bản Gamification Landing Page trên AppOn nhưng mà mình viết riêng cho học viên khóa Inbound Marketing của Vinalink.

Bất kỳ người nào cần lời khuyên về việc triển khai chiến dịch Tiếp thị Gamification có thể trực tiếp Inbox cho tôi trên Facebook tại đây. Tôi đã có kinh nghiệm tư vấn gần 500 chiến dịch Gamification Marketing cho các thương hiệu lớn nhỏ như: VNPay, Biluxury, TMV Ngọc Dung, Bibomart, Aristino….

Trong quá trình thiết lập, nhiều bạn sẽ thắc mắc vì sao AppOn được cấu hình và thiết lập sử dụng nhiều nền tảng không giống nhau như: Studio AppOn, Merchant .. Đó là do cấu trúc của hệ sinh thái của chúng ta nên nền tảng AppOn đã ra đời. Để phục vụ các doanh nghiệp có thể tạo các Ứng dụng web được nhúng trên các nền tảng không giống nhau để phục vụ Marketing, Gamification chỉ là một thành phầm nhỏ trong AppOn. Sắp tới mình sẽ viết và san sẻ với mọi người một bài nữa về cách khai thác và ứng dụng các nền tảng này để phục vụ cho hoạt động marketing và bán hàng tự động.

Việc tạo bao gồm 5 bước cơ bản:

  1. Tạo tài khoản trên AppOn.
  2. Sao chép trang web Gamification trên nền tảng AppOn.
  3. Định cấu hình tỉ lệ, luật chơi cho chiến dịch Gamification.
  4. Thiết kế giao diện bánh xe, quà tặng.
  5. Thiết lập trang Gamification, hình ảnh băng chuyền, hệ thống quản trị người chơi.

Hiện giờ chúng ta hãy đi từng bước, chúng ta hãy mở màn …

Phần 1. Tạo tài khoản

Hãy tạo tài khoản trên AppOn, bằng cách truy cập https://studio.appon.vn để đăng ký tài khoản. Bấm Đăng ký ngay! Điền các thông tin bao gồm: tên, email, mật khẩu rồi bấm “SỰ ĐĂNG KÝ” hoàn thành.

Sau lúc đăng ký tài khoản, hãy đăng nhập vào nền tảng AppOn

Phần 2: Tạo LandingPage Gamification

AppOn cung ứng một kho giao diện có sẵn, ngoài những giao diện được thiết kế riêng cho người dùng. AppOn có thể giúp bạn tạo chiến dịch Minigame đa kênh trên các môi trường như:

  • Trang web & Trang Đích: Tích hợp vào web dưới dạng cửa sổ bật lên. Sử dụng trang đích hiện có hoặc thiết lập tên miền của riêng bạn.
  • Facebook, Chatbots: Tích hợp Facebook, Messenger với biểu mẫu API, san sẻ liên kết.
  • Ứng dụng di động: Tích hợp vào ứng dụng dưới dạng Trình duyệt trong ứng dụng hoặc API
  • Chuỗi shop: Hoạt động theo cơ chế Scan QR Code, có thể tích hợp với CRM, POS …
  • Livestream bán hàng: Tổ chức minigame realtime trên livestream, có thể lọc người bình luận, san sẻ để tổ chức minigame tặng quà cho từng nhân vật.

Trong bài viết này, tôi chỉ cho bạn cách đơn giản để bạn có thể tạo một Landing Page Minigamge cho các chiến dịch tiếp thị. Để có những luồng sâu hơn, bạn có thể inbox trực tiếp cho mình để được tư vấn thực hiện miễn phí.

Tạo trang Nhận định Trang Đích ở đây đơn giản như bạn sao chép các mẫu AppOn đã làm vào tài khoản của mình và thay đổi lại giao diện. Ví dụ: đây là một Trang đích đã tạo. Bạn có thể copy mẫu này trên AppOn: https://app.appon.vn/6100089682ed736c4777b6ec/

Cập nhật 31/08/2021: Hệ thống AppOn đang cập nhật nên tạm thời bạn ko thể sao chép ứng dụng trên kho ứng dụng. Bấm vào link sau để copy app game sample vào: https://studio.appon.vn/studio/dashboard/6100089682ed736c4777b6ec

Để copy các bạn vào Gamification -> Chọn giao diện theo ý muốn tại đây mình chọn vòng quay may mắn Nhấp vào “Tạo bản sao” để sao chép ứng dụng.

Tiếp theo, bạn nên Đặt tên ứng dụng theo mong muốn của bạn, nhấp vào “Tạo”.

Sau lúc bạn tạo xong Ứng dụng, Đây sẽ là giao diện thay đổi Minigame Trang Đích. Tại đây bạn sẽ thay đổi link hình bánh xe, nền trang minigame, hình ảnh quà tặng & cấu hình tỉ lệ phần thưởng.

AppOn là nền tảng thiết kế Web Application (ứng dụng có tính ứng dụng cao trên các nền tảng marketing) nên bạn hoàn toàn có thể tùy chỉnh, kéo thả, thay đổi theo ý muốn.

Phần 3: Định cấu hình tỉ lệ & quy tắc đánh bạc

Phần này cũng khá quan trọng giúp bạn thiết lập tỉ lệ cược và luật chơi. Dựa vào cách phân phối phần thưởng nhưng mà bạn đã đề xuất để thiết kế quà tặng theo mặt bánh xe, phần này mình đã san sẻ với các bạn lớp Inbound Marketing – Vinalink rồi, các bạn có thể tham khảo thêm nhé. ĐỀ XUẤT PHÂN PHỐI TIỀN THƯỞNG phía dưới.

Trong phần này, tôi sẽ giới thiệu tới các bạn https://merchant.vn – Nền tảng Mini CRM giúp bạn:

  • Quản lý dữ liệu người chơi, tỉ lệ chiến dịch Gamification Marketing.
  • Quản lý đơn hàng đa kênh và tích hợp: ứng dụng bán hàng, cổng trả tiền, vận chuyển để nhà bán hàng có thể xây dựng hệ thống bán hàng tự động.

Bước 1: Truy cập https://merchant.vn. Đăng nhập tài khoản đã tạo ở phần 1 như hình bên dưới.

Bước 2: Sau lúc đăng nhập vào tài khoản đã tạo ở bước 1 -> Bấm tạo doanh nghiệp mới. Tại đây bạn điền tên kèm theo mô tả doanh nghiệp của bạn (là doanh nghiệp kinh doanh trực tuyến trên hệ thống).

Bước 3: Sau lúc tạo mới doanh nghiệp -> Bạn click vào doanh nghiệp vừa tạo sẽ có giao diện như hình bên dưới. Vào chiến dịch gần đây -> Tạo mới để tạo CMS quản lý người dùng đang chơi, hệ thống tặng quà cho người dùng.

Bước 4: Đặt các thông số cho Minigame, bao gồm các thông số sau:

  • Tên chiến dịch: Đặt tên cho chiến dịch của bạn
  • Số vòng quay tối đa: Số vòng quay tối đa nhưng mà 1 người dùng có thể quay
  • Vòng quay mặc định: Là số vòng quay mặc định lúc khách vào.
  • Thời kì mở màn: Thời kì mở màn chiến dịch minigame
  • Thời kì kết thúc: Thời kì kết thúc minigame

Phần đặt tỉ lệ trúng thưởng của mỗi phiếu quà tặng:

  • Tên quà tặng về thiết lập phải thích hợp với quà tặng trên mặt số theo trật tự 1 -> 8 cùng chiều kim đồng hồ.
  • Tổng suất 8 phần quà cộng lại phải là 100% và đủ thông tin TỶ LỆ và SỐ LƯỢNG.
  • Hệ thống chỉ chạy lúc cả tỉ lệ và số lượng được thiết lập. Ví dụ: Bạn muốn quà A với tỉ lệ 10% và số lượng tối đa chỉ 100 phần quà.

Phần 4: Thiết kế giao diện bánh xe, quà tặng Gamification

Có 3 cách để thiết kế mặt bánh xe may mắn:

  1. Thiết kế trên Canva
  2. Thiết kế trên AppOn. nền tảng
  3. Thiết kế trong Photoshop, AI…

Sau đây mình sẽ hướng dẫn các bạn thiết kế cơ bản trên nền tảng AppOn, nếu muốn đẹp bạn có thể thiết kế trên Photoshop hoặc Canva để tùy biến hơn.

Phương pháp 1: Thiết kế trên Canva

Nếu bạn đã quen sử dụng Canva thì hoàn toàn có thể sử dụng cách này, tuy nhiên bạn phải upload ảnh lên một image server nào đó để lấy link ảnh, cách thứ 2 hệ thống AppOn sẽ tự động xuất link ảnh. Tôi sẽ hướng dẫn bạn cụ thể hơn về phương pháp thứ 2.

  1. Các bạn vào đây để chọn cho mình mặt số thích hợp, mình làm sẵn khoảng 30 mẫu cho các bạn lựa chọn.
  2. Nhấp vào “Sử dụng mẫu” để tùy chỉnh hình ảnh phần thưởng, văn bản theo ý muốn.
  3. Nhấp vào “Tải xuống” để chọn trang bạn muốn tải xuống.
  4. Tải hình ảnh lên bất kỳ máy chủ hình ảnh nào (như https://imgur.com) để nhận liên kết tới hình ảnh có đuôi .jpg hoặc .png. Hoạt động trên nền tảng AppOn, máy móc tự động tải ảnh lên máy chủ nên bạn sẽ ko cần thực hiện bước này.

Phương pháp 2: Thiết kế ảnh trên nền tảng AppOn

Bước 2.1: Bạn truy cập https://cms.botup.io/image-editor để tạo bánh xe và thiết kế phần quà theo tỉ lệ bạn đã thiết lập như bảng trên. Đăng nhập vào tài khoản đã tạo ở Bước 1.

Bước 2.2: Nhấn “Hãy tạo ngay” để vào trình thiết kế quay số

Bước 2.3: Kéo mẫu băng chuyền nhưng mà bạn thấy thích hợp vào trình thay đổi.

Bước 2.4: Thay đổi tên quà tặng, ảnh quà tặng, cỡ chữ, phông chữ … ở khung bên phải.

Bản văn: Bạn bấm vào dòng chữ -> ở khung bên phải tùy chọn sẽ có các setup liên quan tới nội dung, cỡ chữ, kích thước… Bạn hãy căn theo tỉ lệ thích hợp, nếu ko bạn có thể giữ nguyên, chỉ cần thay đổi nội dung là được.

Hình ảnh quà tặng: Bạn bấm vào từng ảnh quà bên tay phải sẽ xuất hiện khung setup. Bạn đây Nhấp vào “Chọn tệp” để chọn hình ảnh quà tặng bạn muốn tải lên bánh xe.

Bạn nên chọn ảnh có phông nền sạch sẽ, lúc tải lên hệ thống sẽ tự động cắt ảnh.

Bước 2.5: Sau lúc thay đổi xong hình ảnh quà tặng, nội dung bạn bấm “Xuất bản” như hình trên, hệ thống sẽ tự động xuất link hình ảnh cho bạn như hình bên dưới.

Liên kết hình ảnh sẽ có dạng: https://ext.botup.io/api-image-editor/fd47d652-c9a5-4177-9b61-2e8b3f88df7d.png

Bạn lưu liên kết hình ảnh của mình hoặc để nguyên trang này để chúng tôi dán vào trang Nhận định trang đích ở phần 5.

Phần 5: Thiết lập trang Gamification, hình ảnh xoay vòng, hệ thống quản trị người chơi

Ở phần trên, bạn đã tạo cho mình 3 thành phần chính đó là:

  1. Landing Page Gamification, trang nhưng mà người dùng sẽ tương tác và chơi.
  2. Hình ảnh bánh xe lăn, chứa đựng thông điệp của những món quà.
  3. Người mua quản trị trang để chơi, phần trăm quà tặng.

Ở bước này, chúng ta kết nối 3 thành phần lại với nhau để Gamification hoạt động, người dùng có thể qua các guồng quay để nhận quà.

Bước 1: Sửa liên kết hình bánh xe đã làm ở bước 4, truy cập trang Gamification tại https://studio.appon.vn/studio by Nhấn lưu ban chuột vào mặt của bánh xe

Bước 2: Thay đổi liên kết được ghi lại bằng Liên kết ảnh được tạo ra tại bước 2.5 Phần 2 dán nó vào HTML như hình dưới đây -> Nhấp vào Cứu.

GHI CHÚ: Liên kết hình ảnh trong “Url ảnh”. Nếu bạn copy nhưng mà ko đóng ngoặc thì hệ thống sẽ ko cập nhật hình ảnh mặt quay mới và sẽ báo lỗi.

Cũng dán liên kết ảnh vào Dữ liệu -> Cauhinhgame -> bgvongquay

Bước 3: Kết nối hệ thống quản lý dữ liệu người dùng, luật chơi https://merchant.vn nhưng mà bạn đã tạo ở phần 3 với trang Gamification. Các bước thực hiện như sau:

Vào Dữ liệu (1) -> campain (2) -> cập nhật (3) Campin ID là ID chiến dịch đã được tạo trong Thương nhân (6).

Sao chép ID chiến dịch (6) sang ID Campin (3). Bước thiết lập này cho phép trang Gamification hiểu cơ chế, quy tắc của trò chơi nhưng mà bạn đã thiết lập và dữ liệu người dùng sẽ chuyển tới Người bán.

Bước 4: Sau lúc thay đổi các thông số trên, phần setup hệ thống về cơ bản đã xong, hiện thời bạn sửa đổi thể lệ chương trình để người dùng lúc tham gia Gamification nắm rõ luật chơi và cơ cấu giải thưởng.

GHI CHÚ: Bước này vô cùng quan trọng để tránh xảy ra những tranh chấp, tranh chấp ko đáng có với người dùng.

Khắc phục sự cố lúc cập nhật luật chơi, luật chơi, F5 refresh nhưng trang Gamification vẫn ko cập nhật

Điều này xảy ra lúc bạn đã thiết lập xong nhưng muốn cập nhật và lúc làm mới, bạn ko thấy cấu hình nội dung thay đổi theo ý muốn. Ví dụ: Lượt quay mặc định trước đây bạn đặt là 1 lượt, hiện thời bạn muốn thay đổi là 5 lượt và lúc refresh trình duyệt, bạn vẫn thấy trên trang Gamification có ghi 1 lượt.

Vấn đề ở đây là Các trình duyệt như Chrome chẳng hạn đang lưu trữ Cookie (là một đoạn văn bản, hình ảnh hoặc video nhưng mà máy chủ web có thể lưu trữ trên ổ cứng của bạn) Trang cờ bạc lúc bạn chưa cập nhật. Hiện giờ muốn cập nhật những thay đổi mới nhất bạn phải xóa Cookie và F5 lại trình duyệt để trình duyệt cập nhật trang cập nhật mới của bạn.

Điều trị như sau: Nhấp chuột phải -> Rà soát -> Ứng dụng -> Cookie -> Nhấp chuột phải vào https://studio.appon.vn -> Xóa. Sau đó bạn F5 lại trình duyệt. Bạn sẽ thấy trang Đánh bạc cập nhật setup mới của mình.

Đẩy dữ liệu khách của Gamification qua Google Trang tính để quản lý

Đang cập nhật…


Xem thông tin chi tiết tại đây

Nguồn: Blog Thợ Mỏ

#Hướng #dẫn #tạo #Gamification #bản #Landing #Page #trên #AppOn

Viết một bình luận