ShopOne
Vietnamese
Vietnamese
  • CHÀO MỪNG BẠN ĐẾN VỚI SHOPONE
  • I. TỔNG QUAN VỀ LANDING PAGE
    • 1. Tổng quan
    • 2. Landing page là gì?
    • 3. Sự khác nhau giữa Website và Landing page
    • 4. Phân loại Landing page
    • 5. Thiết kế một Landing page ấn tượng
  • II. HƯỚNG DẪN TẠO LẬP LANDING PAGE TỪ A-Z
  • III. KHỞI TẠO LANDING PAGE VỚI SHOPONE
    • 1. Trang Dashboard
      • 1.1. Chuyển đổi không gian làm việc
      • 1.2. Thông báo
      • 1.3. Ngôn ngữ
      • 1.4. Tạo trang landing page mới
      • 1.5. Tìm kiếm landing page
    • 2. Các thao tác với landing page
      • 2.1. Xem chi tiết landing page
      • 2.2. Sao lưu dữ liệu
      • 2.3. Trang chỉnh sửa landing page
      • 2.4. Sửa tên
      • 2.5. Nhân bản
      • 2.6. Xuất file
      • 2.7. Xóa
    • 3. Các tính năng trong Dashboard
      • 3.1. Thư viện mẫu
      • 3.2. Dữ liệu biểu mẫu
      • 3.3. Tên miền
      • 3.4. Cài đặt
      • 3.5. Tài khoản
  • IV. Cài đặt tên miền
    • 1. Khái niệm về tên miền
    • 2. Liên kết tên miền tại ShopOne
      • 2.1. Liên kết tên miền với nền tảng ShopOne Cloud DNS
      • 2.2. Liên kết tên miền với nền tảng Wordpress
    • 3. Trỏ tên miền về ShopOne
      • 3.1. Trỏ tên miền về ShopOne
      • 3.2. Kiểm tra DNS
    • 4. Trỏ tên miền từ một số nhà cung cấp phổ biến
      • 4.1. Trỏ tên miền từ Godaddy
      • 4.2. Trỏ tên miền từ PA Việt Nam
      • 4.3. Trỏ tên miền từ Nhân Hòa
      • 4.4. Trỏ tên miền từ NameCheap
      • 4.5. Trỏ tên miền từ Mắt bão
      • 4.6. Trỏ tên miền từ Name.Com
      • 4.7. Thêm tên miền vào CloudFlare
      • 4.8. Trỏ tên miền từ CloudFlare
  • V. CÁC CÔNG CỤ THIẾT LẬP CƠ BẢN VỚI LANDING PAGE
    • 1. Thanh Top bar
      • 1.1. Lưu landing page
      • 1.2. Xem trước
      • 1.3. Xuất bản
      • 1.4. Trợ giúp: Hỗ trợ và các phím tắt
      • 1.5. Hoàn tác và thực hiện lại
      • 1.6. Lựa chọn giao diện
    • 2. Thanh Sidebar
      • 2.1. Lớp
      • 2.2. Popup
      • 2.3. Tiện ích
      • 2.4. Section
      • 2.5. Nền trang
      • 2.6. Cài đặt
    • 3. Thanh thiết lập nhanh
      • 3.1. Trình chỉnh sửa nội dung
      • 3.2. Trình chỉnh sửa thiết kế
        • ID CSS
        • Căn chỉnh
        • Kích thước
        • Hiển thị
        • Thiết kế
        • Kiểu chữ
        • Đường viền
      • 3.3. Trình chỉnh sửa nâng cao
        • Sự kiện
        • Hiệu ứng
        • Đồng bộ thiết kế Máy tính/Điện thoại
        • Kiểu định vị
        • Tùy chỉnh nâng cao
      • 3.4. Nhân bản
      • 3.5. Di chuyển
      • 3.6. Xóa
      • 3.7. Trợ giúp
  • VI. CÁC PHẦN TỬ CƠ BẢN
    • 1. Section
    • 2. Tiện ích Cơ bản
      • 2.1. Text
      • 2.2. Nút
      • 2.3. Container
    • 3. Tiện ích Phương tiện
      • 3.1. Hình ảnh
      • 3.2. Slider
      • 3.3. Thư viện
      • 3.4. Video
      • 3.5. Shape
    • 4. Tiện ích Kinh doanh
      • 4.1. Biểu mẫu
      • 4.2. Số tự động
      • 4.3. Đếm ngược
      • 4.4. Vòng quay may mắn
      • 4.5. Thông báo
    • 5. Tiện ích Nâng cao
      • 5.1. Accordion
      • 5.2. Tabs
      • 5.4. Mã HTML
  • VII. THEO DÕI VÀ ĐO LƯỜNG LANDING PAGE
    • 1. Cài đặt mô tả trang SEO & Social
    • 2. Mã theo dõi và chuyển đổi
      • 2.1. Hướng dẫn cài đặt Facebook Pixel trên Landing Page
      • 2.2. Hướng dẫn cài đặt Tiktok pixel
      • 2.3. Hướng dẫn cài đặt Google Analytics trên Landing Page
      • 2.4. Hướng dẫn cài đặt mã Google Ads trên Landing Page
      • 2.5. Hướng dẫn gắn mã Google Tag Manager trên Landing Page
  • VIII. CÁC TÍNH NĂNG MỞ RỘNG
    • 1. Hướng dẫn tạo nút "Gọi ngay" hoặc mở liên kết tới trang liên hệ
    • 2. Hướng dẫn chuyển đổi chế độ thiết kế Landing page từ Mobile Only sang Responsive
    • 3. Hiệu ứng toàn trang
      • 3.1. Hiệu ứng tuyết rơi
      • 3.2. Hiệu ứng pháo hoa
Powered by GitBook
On this page
  • 1. Thêm Vòng quay may mắn vào trang landing page
  • 2. Trình chỉnh sửa Vòng quay may mắn
  • 2.1. Trình chỉnh sửa Nội dung
  • 2.2. Trình chỉnh sửa Thiết kế.
  • 2.3. Trình chỉnh sửa Nâng cao.
  1. VI. CÁC PHẦN TỬ CƠ BẢN
  2. 4. Tiện ích Kinh doanh

4.4. Vòng quay may mắn

Previous4.3. Đếm ngượcNext4.5. Thông báo

Last updated 4 months ago

Tiện ích Vòng quay may mắn là một công cụ hấp dẫn giúp tăng cường tương tác với khách hàng, mang lại trải nghiệm thú vị và sáng tạo. Bạn có thể dễ dàng kéo thả hoặc nhấn chọn để thêm vào trang chỉnh sửa, phù hợp cho các chiến dịch khuyến mãi, sự kiện hoặc chương trình tri ân khách hàng.

1. Thêm Vòng quay may mắn vào trang landing page

  • Nhấn vào Tiện ích ở thanh sidebar của trình chỉnh sửa.

  • Chọn Vòng quay may mắn trong mục Kinh doanh.

  • Chọn phần tử Vòng quay may mắn và kéo vào trang landing page.

2. Trình chỉnh sửa Vòng quay may mắn

Để thiết lập Vòng quay may mắn, bạn click vào vòng quay muốn chỉnh sửa trên màn hình và chọn các tùy chọn thích hợp trên thanh thiết lập nhanh để chỉnh sửa các nội dung và cài đặt vòng quay.

2.1. Trình chỉnh sửa Nội dung

2.1.1. Danh sách kết quả

Để thiết lập Danh sách kết quả, bạn thực hiện theo các bước sau:

  • Bước 1: Click vào vòng quay muốn chỉnh sửa trên màn hình ⇒ Chọn trình chỉnh sửa Nội dung trên thanh thiết lập nhanh.

  • Bước 2: Chọn Thêm trường ⇒ Click vào trường New coupon vừa thêm.

  • Bước 3: Sau khi hiển thị popup Cài đặt các trường, bạn chỉnh sửa thông tin như sau:

    • Tên coupon: nội dung sẽ hiển thị ở vòng quay may mắn.

    • Mã coupon: mã giảm giá khách hàng nhận được sau khi quay vòng quay.

    • Xác suất %: tỉ lệ quay vào các ô trên vòng quay.

Lưu ý: Khi thêm trường mới, hệ thống sẽ tự động sinh ra tên và mã coupon bất kỳ, bạn hoàn toàn có thể chỉnh sửa lại theo ý muốn của mình.

2.1.2. Thông báo kết quả và lượt quay

Hệ thống sẽ dùng popup mặc định để hiển thị nội dung thông báo. Để chỉnh sửa nội dung thông báo bạn cần lưu ý các giá trị động:

  • {{coupon_text}} sẽ được thay thế bằng nội dung thực tế của tên coupon.

  • {{coupon_code}} sẽ được thay thế bằng mã coupon cụ thể.

  • {{spin_turn_left}} sẽ hiển thị số lượt quay còn lại.

Các giá trị động này sẽ được thay thế bằng dữ liệu thực tế khi ứng dụng hoạt động. Bạn có thể theo dõi hình ảnh sau:

Ngoài ra, bạn có thể chỉnh sửa số lượt quay mà mỗi khách hàng có thể sử dụng trên vòng quay may mắn của bạn. Khi hết lượt quay, hệ thống sẽ hiển thị thông báo tương ứng với nội dung thông báo bạn thiết lập.

2.1.3. Hình nền và nút bấm

Bạn có thể tùy chỉnh lại phần hình nền và nút bấm theo mong muốn sử dụng.

2.2. Trình chỉnh sửa Thiết kế.

Để mở trình chỉnh sửa Thiết kế, bạn click vào vòng quay muốn chỉnh sửa trên màn hình ⇒ Chọn Thiết kế trên thanh thiết lập nhanh.

  • Hiển thị: Chọn các thiết bị mà tiện ích sẽ được hiển thị (Máy tính, Điện thoại).

2.3. Trình chỉnh sửa Nâng cao.

Để mở trình chỉnh sửa Nâng cao, bạn click vào vòng quay muốn chỉnh sửa trên màn hình ⇒ Chọn Nâng cao trên thanh thiết lập nhanh.

Căn chỉnh: Cho phép bạn căn chỉnh tiện ích vòng quay theo phía trên, dưới, trái, phải, giữa hoặc đều hai bên, chi tiết .

Kích thước: Điều chỉnh kích thước của tiện ích, bao gồm chiều rộng, chiều cao và khoảng cách từ tiện ích đến lề của section, chi tiết .

Kiểu chữ: Cho phép bạn tùy chỉnh các thuộc tính của nội dung trên tiện ích vòng quay, chi tiết .

Hiệu ứng: Cho phép bạn thêm các hiệu ứng động cho tiện ích trên landing page để tạo sự thu hút và sinh động hơn, chi tiết .

Đồng bộ thiết kế Máy tính/ Điện thoại: Cho phép bạn cài đặt tùy chọn đồng bộ thiết kế giữa máy tính và điện thoại, chi tiết .

Kiểu định vị: Cho phép bạn lựa chọn kiểu định vị phù hợp để tối ưu hóa trang web và mang lại trải nghiệm tốt nhất cho khách hàng, chi tiết .

Tùy chỉnh nâng cao: Cho phép bạn tùy biến giao diện và hành vi của thành phần thông qua các lớp CSS và mã CSS tùy chỉnh, chi tiết .

tại đây
tại đây
tại đây
tại đây
tại đây
tại đây
tại đây