5. Tiện ích Biểu mẫu
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.
13.1 Thêm Biểu mẫu vào trang
Trong thanh sidebar, nhấp vào Tiện ích, sau đó chọn Biểu mẫu
Nhấp và kéo tiện ích Biểu mẫu vào trang landing page của bạn
13.2. Trình chỉnh sửa Biểu mẫu
13.2.1. Trình chỉnh sửa nội dung
Nhấp chuột vào tiện ích Biểu mẫu và chọn Nội dung trên thanh thiết lập nhanh để mở trình chỉnh sửa nội dung Biểu mẫu
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 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
13.2.2. Trình chỉnh sửa thiết kế
Nhấp chuột vào tiện ích Biểu mẫu và chọn Thiết kế trên thanh thiết lập nhanh để mở trình chỉnh sửa thiết kế Biểu mẫu.
Căn chỉnh: giúp bạn căn chỉnh Biểu mẫu theo khung chứa. Xem thêm thông tin, xem Căn chỉnh.
Kích thước: trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của các phần tử trên trang landing page. Xem thêm thông tin, xem Kích thước.
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
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. Xem thêm thông tin, xem Thiết kế.
Đườ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. Xem thêm thông tin, xem Đường viền.
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 Form 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 cách: Đ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.
+ 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 ý (Placeholder text) trong các trường nhập liệu.
+ Trường input:
MARGIN: Điều chỉnh khoảng cách bên ngoài của các tườ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 cách:
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 cách:
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 button và text: Nền, Font chữ, Căn chỉnh văn bản…
Last updated
