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 Text vào trang landing page
  • 2. Trình chỉnh sửa Text
  • 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. 2. Tiện ích Cơ bản

2.1. Text

Previous2. Tiện ích Cơ bảnNext2.2. Nút

Last updated 4 months ago

Trong thiết kế landing page, việc sử dụng text một cách hiệu quả là rất quan trọng trong việc truyền tải thông tin rõ ràng và hấp dẫn đến người xem.

1. Thêm Text vào trang landing page

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

  • Chọn Text trong mục Cơ bản.

  • Chọn phần tử Text và kéo vào trang landing page.

  • Bạn có thể lựa chọn Heading, Tiêu đề, Đoạn văn bản cho phù hợp với landing page của mình.

    • Heading: Đây là phần text quan trọng nhất, thường là tiêu đề chính của một đoạn hoặc trang. Nó được sử dụng để thu hút sự chú ý của người đọc.

      • Sử dụng H1 (Tiêu đề chính) cho tiêu đề chính của trang, mỗi trang chỉ nên có một H1 để xác định rõ ràng chủ đề chính của trang.

      • Sử dụng H2 (Tiêu đề phụ) cho các phần chính trong nội dung, giúp chia nội dung thành các phần dễ quản lý.

      • Sử dụng H3-H6 (Tiêu đề con) để chia nhỏ nữa các phần trong nội dung nếu cần thiết.

    • Tiêu đề: Là các tiêu đề phụ hoặc các phần quan trọng khác, giúp chia nhỏ nội dung thành các phần dễ đọc hơn.

    • Đoạn văn bản: Đây là nội dung chính của trang, bao gồm các đoạn văn bản để truyền đạt thông tin chi tiết.

2. Trình chỉnh sửa Text

Bạn có thể chỉnh sửa nội dung text của các phần tử như tiêu đề, đoạn văn, nút bấm, hoặc bất kỳ thành phần text nào khác trên landing page của bạn.

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 Text 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.

  • Nhập hoặc chỉnh sửa nội dung text: Thay đổi nội dung, phông chữ, kích thước, màu sắc, và định dạng văn bản

  • Sử dụng các công cụ định dạng: Căn lề, in đậm, in nghiêng, gạch chân…

    • Độ đậm chữ: Cho phép bạn điều chỉnh độ dày của phông chữ, từ kiểu chữ mỏng nhất đến kiểu chữ đậm nhất.

    • Chuyển đổi chữ: Sử dụng để thay đổi kiểu hiển thị văn bản, như chuyển tất cả thành chữ in hoa, in thường, hoặc chỉ viết hoa chữ cái đầu tiên.

    • Text shadow: Tạo hiệu ứng bóng cho chữ, giúp văn bản nổi bật và có chiều sâu hơn.

    • Kiểu chữ: Điều chỉnh trạng thái của chữ giữa kiểu chữ nghiêng và kiểu chữ bình thường.

    • Thể loại: Thêm các trang trí cho văn bản như gạch chân, gạch ngang, hoặc không có trang trí

    • Font chữ: Chọn font chữ cho văn bản từ danh sách các phông chữ có sẵn.

    • Kích cỡ chữ: Điều chỉnh kích thước văn bản theo pixel hoặc cm.

    • Màu sắc: Chọn màu cho văn bản.

    • Căn chỉnh: Căn chỉnh vị trí văn bản theo các hướng như trái, phải, giữa, hoặc đều hai bên.

    • Khoảng cách giữa chữ: Điều chỉnh khoảng cách giữa các chữ cái trong văn bản.

    • Khoảng cách dòng: Điều chỉnh khoảng cách giữa các dòng trong cùng một đoạn văn.

    • Thứ tự: Tạo danh sách có thứ tự, các mục trong danh sách sẽ được đánh số.

    • Dấu đầu dòng: Tạo danh sách không thứ tự, các mục trong danh sách sẽ có dấu đầu dòng.

    • Chiều văn bản: Thiết lập hướng hiển thị văn bản từ trái sang phải hoặc từ phải sang trái.

    • Thụt đầu dòng: Tạo khoảng cách thụt vào đầu đoạn văn.

    • Nhô đầu dòng: Giảm khoảng cách thụt đầu đoạn văn.

    • Tiêu đề: Chọn các cấp độ tiêu đề từ H1 đến H6 để sử dụng cho đoạn vă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 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ị: Chọn các thiết bị mà văn bản sẽ được hiển thị máy tính và đ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ăn bản 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: Căn chỉnh toàn bộ nội dung văn bản theo trái, phải, giữa hoặc đều hai bên của phần tử chứa. Xem thêm thông tin, chi tiết .

Kích thước: Điều chỉnh kích thước của phần tử chứa văn bản, bao gồm chiều rộng và chiều cao. Xem thêm thông tin, chi tiết .

Thiết kế: cho phép bạn thay đổi màu nền của văn bản đã chọn, chi tiết .

Sự kiện: Cho phép bạn thiết lập sự kiện cho hành động khi nhấp chuột hoặc hover vào tiện ích, 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