Bỏ qua đến nội dung chính
Tất cả bộ sưu tậpTrang đích
Hướng Dẫn Cơ Bản - Các Thành Phần Trong Trang
Hướng Dẫn Cơ Bản - Các Thành Phần Trong Trang
P
Được viết bởi Product Support
Đã cập nhật tuần này

Bố Cục

Trước khi thêm nội dung, bạn có thể thiết lập bố cục khi tạo trang. Chúng tôi cung cấp bảy loại bố cục:

  • 1 cột: Thêm bố cục gồm một phần trong một hàng mở rộng trên trình biên soạn trang.

  • 2 cột: Thêm bố cục gồm hai cột có kích thước bằng nhau trong một phần trên trình biên soạn trang.

  • 3 cột: Thêm bố cục gồm ba cột có kích thước bằng nhau trong một phần trên trình biên soạn trang.

  • 4 cột: Thêm bố cục gồm bốn cột có kích thước bằng nhau trong một phần trên trình biên soạn trang.

  • Rộng bên trái: Thêm bố cục gồm hai cột, cột bên trái lớn hơn cột bên phải trong một phần trên trình biên soạn trang.

  • Rộng bên phải: Thêm bố cục gồm hai cột, cột bên phải lớn hơn cột bên trái trong một phần trên trình biên soạn trang.

  • Rộng giữa: Thêm bố cục gồm ba cột, cột giữa lớn hơn cột bên phải và bên trái trong một phần trên trình biên soạn trang.

Bạn có thể kéo và thả để sắp xếp bố cục mỗi phần theo nhu cầu.

Thành Phần

Bạn có thể thêm các thành phần vào trang đang tạo. Các thành phần chúng tôi cung cấp bao gồm:

Văn Bản

Bạn có thể thêm thành phần văn bản. Cấu hình văn bản bao gồm:

  • Nội dung: Cấu hình màu văn bản, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.

  • Liên kết: Cấu hình màu liên kết và gạch chân.

Hình Ảnh

Bạn có thể thêm thành phần hình ảnh. Cấu hình hình ảnh bao gồm:

  • Hành động: Đặt hành động cho hình ảnh, ví dụ hiển thị hành động khi khách truy cập nhấp vào hình ảnh.

  • Nội dung

    • Hình ảnh: Nút hành động để tải lên hình ảnh.

    • Hình dạng: Ba tùy chọn để tạo hình dạng cho hình ảnh: hình tròn, hình vuông hoặc không có mặt nạ.

    • Kích thước: Các tùy chọn kích thước hình ảnh: Nguyên bản, Tùy chỉnhtoàn trang.

    • Căn chỉnh: Đặt căn chỉnh hình ảnh (giữa, trái, phải).

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.

Lưu ý: Kích thước hình ảnh tối đa cho phép là 5MB.

Nút

Bạn có thể thêm thành phần nút để liên kết đến các URL cụ thể. Cấu hình nút bao gồm:

  • Nội dung

    • Tiêu đề: Cấu hình màu văn bản, loại phông chữ, kích thước phông chữ cho nút.

    • Nút: Cấu hình tiêu đề nút, bán kính, màu nền, chiều rộng và chiều cao dòng.

    • Viền: Cấu hình màu và kích thước viền.

    • Căn chỉnh: Đặt căn chỉnh nút.

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.

  • Liên kết: Định nghĩa địa chỉ mà nút sẽ liên kết.

    • Web: Liên kết đến URL.

    • Mailto: Liên kết đến email với địa chỉ email, chủ đề và nội dung đã xác định trước.

Biểu Mẫu

Bạn có thể thêm thành phần biểu mẫu đã tạo trước đó qua API Biểu Mẫu hoặc tạo biểu mẫu mới từ thành phần này.

Tạo biểu mẫu mới?

Nhấp vào Tạo Mới. Sau đó nhập tên biểu mẫu mong muốn và cấu hình tùy chọn Lưu vào Danh Bạ. Nếu đặt "Có," dữ liệu từ các biểu mẫu sẽ tự động được lưu vào danh bạ với một nhãn nhất định. Nếu đặt "Không," dữ liệu sẽ không được lưu vào danh bạ.

Sử dụng biểu mẫu hiện có?

Chọn một biểu mẫu từ danh sách các biểu mẫu có sẵn bằng cách nhấp vào Chọn.

Cấu hình biểu mẫu bao gồm:

  • Chi Tiết Biểu Mẫu: Thay đổi biểu mẫu sử dụng hoặc chỉnh sửa biểu mẫu.

  • Nội dung: Cấu hình màu văn bản, loại phông chữ, kích thước phông chữ và màu nền.

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.

  • Nút: Cấu hình màu nút, kích thước văn bản, căn chỉnh, màu nền, bán kính, khoảng đệm và lề.

Văn Bản Hình Ảnh

Bạn có thể thêm các thành phần bao gồm cả hình ảnh và văn bản trong một thành phần.

Sản Phẩm

Bạn có thể thêm các thành phần bao gồm cả hình ảnh, văn bản và nút trong một thành phần.

Mạng Xã Hội

Bạn có thể thêm các nút mạng xã hội liên kết đến các hồ sơ mạng xã hội của bạn bằng cách dán URL hồ sơ.

Nội Dung

Bạn có thể tạo nội dung từ trang web bằng cách sao chép và dán URL. Cấu hình nội dung bao gồm:

  • Tạo Nội Dung: Tạo nội dung bằng URL. Chọn để tải hoặc không tải JavaScript.

    • Kiểu nội dung: Cấu hình căn chỉnh nội dung.

    • Hiển thị Hình Ảnh: Hiển thị hình ảnh.

    • Hiển thị Mô Tả: Hiển thị văn bản mô tả.

  • Hình Ảnh

    • Nguồn: Tải lên hình ảnh.

    • Căn chỉnh: Đặt căn chỉnh hình ảnh.

  • Tiêu Đề: Cấu hình văn bản tiêu đề, màu, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Mô Tả: Cấu hình văn bản mô tả, màu, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.#

Bạn có thể nhúng mã HTML bất kỳ vào trang MTARGET, chẳng hạn như video YouTube, bài đăng Instagram, tweet, v.v.

<br> Để thêm thành phần, bạn có thể thêm trực tiếp hoặc tạo bố cục trước. Bạn có thể thêm thành phần trong các cột bố cục. Thêm thành phần bằng cách nhấp vào nút dấu cộng hoặc kéo và thả thành phần. Nhiều thành phần có thể được thêm vào một cột.

Danh Mục

Bạn có thể tạo danh mục từ trang web bằng cách sao chép và dán URL. Cấu hình danh mục bao gồm:

  • Nội Dung: Tạo danh mục bằng URL. Chọn để tải hoặc không tải JavaScript.

    • Kiểu nội dung: Cấu hình căn chỉnh sản phẩm.

    • Hình ảnh: Hiển thị hình ảnh sản phẩm.

    • Tên Sản Phẩm: Hiển thị tên sản phẩm.

    • Giá: Hiển thị giá sản phẩm.

    • Xếp hạng: Hiển thị xếp hạng sản phẩm.

    • Mô tả: Hiển thị mô tả sản phẩm.

    • Nút: Hiển thị các nút sản phẩm.

  • Hình Ảnh

    • Nguồn: Tải lên hình ảnh.

    • Căn chỉnh: Đặt căn chỉnh hình ảnh.

  • Tên Sản Phẩm: Cấu hình văn bản tên sản phẩm, màu, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Giá: Cấu hình văn bản giá, màu, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Xếp Hạng: Cấu hình văn bản xếp hạng và biểu tượng.

  • Mô Tả: Cấu hình văn bản mô tả, màu, loại phông chữ, kích thước phông chữ và chiều cao dòng.

  • Nút: Cấu hình các nút sản phẩm.

  • Nền & Khoảng Cách: Cấu hình màu nền, khoảng đệm và lề.

Ngăn Cách

Bạn có thể thêm thành phần ngăn cách. Cấu hình ngăn cách bao gồm:

  • Nội Dung

    • Màu: Thay đổi màu ngăn cách.

    • Kích thước: Thay đổi độ dày ngăn cách.

    • Chiều dài (%): Thay đổi chiều dài ngăn cách.

    • Kiểu: Thay đổi kiểu ngăn cách.

Đếm Ngược

Bạn có thể thêm thành phần đếm ngược. Cấu hình đếm ngược bao gồm:

  • Nội Dung

    • Ngày Hết Hạn: Đặt ngày và thời gian hết hạn đếm ngược.

    • Kiểu: Thay đổi kiểu đếm ngược.

    • Kích thước: Thay đổi kích thước đếm ngược.

    • Căn chỉnh: Đặt căn chỉnh đếm ngược.

    • Màu: Thay đổi màu đếm ngược.

    • Nhãn: Thay đổi nhãn ngày đếm ngược.

  • Định Dạng Văn Bản Cấu hình màu văn bản, loại phông chữ, kích thước phông chữ, và chiều cao dòng.

Mã QR

Bạn có thể thêm thành phần Mã QR. Cấu hình Mã QR bao gồm:

  • Nội Dung

    • Màu: Thay đổi màu Mã QR.

    • Nền: Thay đổi màu nền Mã QR.

    • Căn chỉnh: Đặt căn chỉnh Mã QR.

    • Chiều rộng (%): Thay đổi chiều rộng Mã QR dưới dạng phần trăm.

    • URL: Thêm URL để tạo Mã QR.

  • Nền & Khoảng Cách

    • Nền: Thay đổi màu nền.

    • Khoảng đệm: Đặt khoảng đệm nền.

    • Lề: Đặt lề nền.

Mã Vạch

Bạn có thể thêm thành phần Mã Vạch. Cấu hình Mã Vạch bao gồm:

  • Nội Dung

    • Màu: Thay đổi màu Mã Vạch.

    • Nền: Thay đổi màu nền Mã Vạch.

    • Căn chỉnh: Đặt căn chỉnh Mã Vạch.

    • Chiều rộng (%): Thay đổi chiều rộng Mã Vạch dưới dạng phần trăm.

    • Dữ liệu: Thêm dữ liệu để tạo Mã Vạch.

  • Nền & Khoảng Cách

    • Nền: Thay đổi màu nền.

    • Khoảng đệm: Đặt khoảng đệm nền.

    • Lề: Đặt lề nền.

Podcast

Bạn có thể thêm trình phát podcast vào trang bằng cách nhúng mã. Hai nguồn có sẵn là AnchorSoundcloud.

Lưu ý: Bạn cần nhúng mã, không phải liên kết. Chúng tôi khuyến nghị thay đổi chiều rộng thành 100% để hiển thị tốt hơn. Ví dụ:

<iframe src="https://anchor.fm/mtarget/embed/episodes/Tingkatkan-Konversi-dengan-Memanfaatkan-Video-di-Landing-Page---EP5-ee081t/a-a26aprm" height="102px" width="400px" frameborder="0" scrolling="no"></iframe>

Thay đổi width="400px" thành width=100%.

Điều Hướng

Thêm menu điều hướng để liên kết đến các trang mong muốn.

  • Nội Dung

  1. Hai loại có sẵn:

    • Chỉ Nút: Hiển thị menu chỉ có văn bản.

    • Logo & Nút: Hiển thị menu với logo.

  2. Ba tùy chọn vị trí:

    • Trái: Hiển thị menu bên trái.

    • Trung Tâm: Hiển thị menu ở giữa.

    • Phải: Hiển thị menu bên phải.

    • Khối: Hiển thị menu bên phải và logo bên trái (nếu chọn 'Logo & Nút').

  • Logo (có sẵn nếu chọn 'Logo & Nút')

    1. Hình Ảnh

    2. Chiều rộng tối đa: Đặt chiều rộng điều hướng dưới dạng phần trăm.

    3. Chế độ chiều cao: Tự động sử dụng cấu hình từ Chiều Rộng Tối Đa, Cụ thể sử dụng cấu hình từ Chiều Cao Tối Đa.

    4. Chiều Cao Tối Đa (nếu chọn chế độ chiều cao Cụ thể): Đặt chiều cao điều hướng dưới dạng pixel.

  • Nút

    1. Chế độ Bọc: Cấu hình nút điều hướng để hiển thị phản hồi tốt hơn.

    2. Nền: Đặt màu nền.

    3. Bán kính: Đặt bán kính.

    4. Viền: Cấu hình màu và kích thước viền.

  • Liên Kết Thêm và cấu hình các nút điều hướng đến liên kết mong muốn hoặc trang đã tạo.

Google Map

Thêm vị trí vào trang bằng cách sử dụng Google Maps. Để nhúng bản đồ, bạn sẽ cần mã nhúng.

Nếu gặp khó khăn trong việc tìm mã nhúng trên Google Maps, hãy làm theo các bước sau:

  1. Tìm vị trí trên Google Maps.

  2. Sau khi tìm thấy, nhấp vào nút ‘Chia sẻ’.

  3. Nhấp vào tab ‘Nhúng bản đồ’ và sao chép mã HTML.

Đọc thêm các bước chi tiết ở đây.

Hình Ảnh Inline

Thêm hình ảnh theo hàng bằng cách sử dụng thành phần này. Đọc các bước chi tiết ở đây.

Collapse

Thêm văn bản được phân loại để làm cho nó ngăn nắp và dễ hiểu.

Chứng Thực

Thêm một phần chứng thực hấp dẫn vào trang của bạn. Đọc các bước chi tiết ở đây.

Carousel

Thêm hình ảnh dưới dạng trình chiếu.

Nội dung này có giải đáp được câu hỏi của bạn không?