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 Đếm ngược vào trang
  • 2. Trình chỉnh sửa Đếm ngược
  • 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.3. Đếm ngược

Previous4.2. Số tự độngNext4.4. Vòng quay may mắn

Last updated 4 months ago

Tiện ích Đếm ngược cho phép bạn dễ dàng tạo một đồng hồ đếm ngược trên landing page của mình. Đồng hồ này có thể đếm thời gian còn lại cho các sự kiện, khuyến mãi, hoặc deadline quan trọng, giúp người dùng cảm thấy cấp bách và tăng cường động lực hành động.

1. Thêm Đếm ngược vào trang

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

  • Chọn Đếm ngược trong mục Kinh doanh.

  • Chọn phần tử Đếm ngược và kéo vào trang landing page.

2. Trình chỉnh sửa Đếm ngược

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

Để mở trình chỉnh sửa Nội dung, bạn click vào tiện ích Đếm ngược muốn chỉnh sửa trên màn hình ⇒ Chọn Nội dung trên thanh thiết lập nhanh.

  • Kiểu thiết kế: Chọn kiểu hiển thị cho đồng hồ đếm ngược

    • Mặc định: Đây là kiểu hiển thị mặc định của đồng hồ đếm ngược, thường là một thiết kế cơ bản với các mục đếm ngược hiển thị theo cách đơn giản.

    • Vòng tròn: Hiển thị đồng hồ đếm ngược dưới dạng hình tròn, với các phần tử (ngày, giờ, phút, giây) được bao quanh bởi vòng tròn. Đây là một lựa chọn đẹp mắt và hiện đại.

    • Cùng dòng: Hiển thị đồng hồ đếm ngược dưới dạng một dải nằm ngang hoặc dọc, với các mục đếm ngược được sắp xếp theo hàng hoặc cột.

  • Kiểu hiển thị: Chọn kiểu đồng hồ đếm ngược mà bạn muốn sử dụng

    • Phút: đếm ngược theo số phút cụ thể từ thời điểm hiện tại

    • Hàng ngày: đếm ngược đến một thời điểm cụ thể trong ngày

    • Thời lượng: đếm ngược theo một khoảng thời gian cụ thể

  • Thời gian: Nhập thời gian cụ thể mà đồng hồ sẽ đếm ngược đến. Đây có thể là số phút, giờ, hoặc ngày tùy thuộc vào loại đếm ngược bạn chọn.

  • Lặp lại: Quyết định xem đồng hồ đếm ngược có nên lặp lại sau khi kết thúc không. Khi bật tùy chọn này, đồng hồ đếm ngược sẽ bắt đầu lại từ đầu sau khi kết thúc.

  • Ẩn khi hết thời gian: Bật tính năng này để tự động ẩn đồng hồ đếm ngược khi thời gian đếm ngược kết thúc. Điều này có thể giúp giữ cho giao diện trang web của bạn gọn gàng và sạch sẽ sau khi đồng hồ hoàn tất.

  • Bật tắt các phần tử của đếm ngược và chỉnh sửa tên nhãn.

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 tiện ích Đếm ngược 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).

  • Phần tử: Cho phép bạn thiết lập định dạng nhóm phần tử label và chữ số.

  • Label: Cho phép bạn thiết lập định dạng cho tên nhãn chú thích thời gian.

  • Chữ số: Cho phép bạn thiết lập định dạng cho phần chữ số hiển thị.

  • Thời gian kết thúc:

  • Kiểu đếm ngược: Cho phép bạn thiết lập định dạng cho phần giao diện kiểu đếm ngược.

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 tiện ích Đếm ngược 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 theo khung chứa, 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 .

Thiết kế: Cho phép bạn thêm nền và đổ bóng cho tiện ích, chi tiết .

Đường viền: Cho phép bạn thêm và tùy chỉnh viền xung quanh của tiện ích, bạn cũng có thể điều chỉnh độ bo tròn của đường viền, 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 .

Thiết kế đồng bộ Desktop/Mobile: 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
tại đây