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 Biểu mẫu vào trang landing page
  • 2. Trình chỉnh sửa Biểu mẫu
  • 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.1. Biểu mẫu

Previous4. Tiện ích Kinh doanhNext4.2. Số tự động

Last updated 4 months ago

Biểu mẫu giúp bạn tạo và quản lý các biểu mẫu trên landing page của bạn. Biểu mẫu có thể được sử dụng để thu thập thông tin quan trọng từ người dùng, như thông tin liên hệ, đăng ký nhận bản tin, hoặc phản hồi từ khách hàng.

1. Thêm Biểu mẫu vào trang landing page

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

  • Chọn Biểu mẫu trong mục Kinh doanh.

  • Chọn phần tử Biểu mẫu và kéo vào trang landing page.

2. Trình chỉnh sửa Biểu mẫu

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 Biểu mẫu 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.

  • Thông tin cơ bản: chỉnh sửa các trường thông tin để thu thập dữ liệu.

  • Thêm trường: Thêm các trường dữ liệu mới vào biểu mẫu.

  • Tiêu đề biểu mẫu: Tên của biểu mẫu.

  • Tiêu đề nút: Tên nút gửi.

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 Biểu mẫu 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ị: cho phép bạn kiểm soát việc hiển thị biểu mẫu trên các thiết bị khác nhau bao gồm: Máy tính và điện thoại.

  • Cài đặt biểu mẫu: Căn chỉnh biểu mẫu, màu sắc background, cách hiển thị văn bản của biểu mẫu trên landing page.

    • Khoảng cách giữa tiêu đề và trường: Điều chỉnh khoảng cách giữa các tiêu đề và các trường nhập liệu.

    • Khoảng trống: Điều chỉnh khoảng cách tổng thể giữa các phần tử trong biểu mẫu.

    • Chiều dọc: Điều chỉnh khoảng cách dọc giữa các trường hoặc các dòng trong biểu mẫu.

    • Chiều ngang: Điều chỉnh khoảng cách ngang giữa các phần tử trong biểu mẫu.

    • Căn chỉnh biểu mẫu: Căn chỉnh toàn bộ biểu mẫu trên trang.

    • Cài đặt trường input: Tùy chỉnh nền và viền của các trường nhập liệu. - Nền: Đặt màu nền cho các trường nhập liệu. - Đường viền: Tùy chỉnh viền của các trường nhập liệu. - Bo góc: Tùy chỉnh độ bo tròn đường viền của các trường nhập liệu.

    • Trường văn bản: Điều chỉnh các thiết lập văn bản bên trong các trường nhập liệu. - Ký hiệu: Tùy chỉnh văn bản nhãn của biểu mẫu. - Nhập: Tùy chỉnh văn bản nhập vào các trường. - Placeholder: Tùy chỉnh văn bản gợi ý trong các trường nhập liệu.

    • Khoảng cách trong input: - MARGIN: Điều chỉnh khoảng cách bên ngoài của các trường nhập liệu so với các phần tử khác trong biểu mẫu. - PADDING: điều chỉnh khoảng cách bên trong các trường nhập liệu, tức là khoảng cách từ biên của trường đến nội dung văn bản bên trong.

  • Tiêu đề biểu mẫu: tùy chỉnh cách hiển thị văn bản của Biểu mẫu trên landing page.

    • Khoảng trống: - MARGIN: Điều chỉnh khoảng cách bên ngoài của tiêu đề so với các phần tử xung quanh. - PADDING: Điều chỉnh khoảng cách bên trong tiêu đề, tức là khoảng cách từ biên của vùng chứa tiêu đề đến nội dung văn bản bên trong.

    • Điều chỉnh các cài đặt text: Font chữ, Căn chỉnh văn bản, Kiểu chữ, Thể loại,...

  • Nút CTA: tùy chỉnh giao diện nút gửi

    • Khoảng trống: - MARGIN: Điều chỉnh khoảng cách bên ngoài của nút gửi so với các phần tử xung quanh - PADDING: Điều chỉnh khoảng cách bên trong nút gửi, tức là khoảng cách từ biên của nút đến nội dung văn bản bên trong.

    • Khoảng cách giữa các trường và nút: Điều chỉnh khoảng cách giữa các trường dữ liệu và nút gửi trong biểu mẫu.

    • Căn chỉnh nút: Căn chỉnh nút gửi trong vùng chứa của nó. - Điều chỉnh chiều rộng của nút gửi. - Điều chỉnh chiều cao của nút gửi.

    • Điều chỉnh các cài đặt nút và text: Nền, Font chữ, Căn chỉnh văn bản…

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 biểu mẫu 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: giúp bạn căn chỉnh biểu mẫu theo khung chứa, chi tiết .

Kích thước: giúp bạn điều chỉnh kích thước và vị trí của biểu mẫu trên trang landing page, chi tiết .

Thiết kế: cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của biểu mẫu đã chọn, chi tiết .

Đường viền: cho phép bạn thêm và tùy chỉnh viền xung quanh của biểu mẫu, bạn cũng có thể điều chỉnh độ bo tròn của viền, chi tiết .

Cài đặt sự kiện gửi biểu mẫu: Cho phép bạn thiết lập sự kiện cho hành động nhấn nút gửi biểu mẫu, 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
tại đây
tại đây