Audience - Quản lý khách hàng
Sales - Công cụ bán hàng
Marketing - Tiếp thị truyền thông
Tạo web với AI
Landing Page?
Broadcast - Gửi chiến dịch Email, SMS, Messenger, Auto Call
Automation - Tự động theo hành vi khách hàng
Reports - Thống kê
Price - Nâng cấp gói dịch vụ
Settings - Cài đặt chung
API - Tích hợp với website của bạn
Funnel - Bán hàng tự động
Thanh toán
Q&A - Câu hỏi thường gặp
Dùng chung - Tạo Footer dùng chung cho các Landing page
1. Mô tả
- Footer dùng chung là tiện ích giúp bạn tạo các Footer riêng biệt và sử dụng trên nhiều Landing page mà không cần phải thiết kế riêng trên từng trang.
- Bạn có thể áp dụng một Footer cho nhiều Landing page khác nhau. Khi Footer được chỉnh sửa, nội dung mới sẽ tự động cập nhật cho tất cả các trang đang sử dụng Footer đó.
- Mỗi Footer được quản lý riêng biệt, giúp bạn dễ dàng theo dõi số lượng Landing page đang áp dụng. Bạn cũng có thể tạo nhiều Footer để sử dụng cho từng nhóm Landing page hoặc với mục đích khác nhau.
- Chức năng cùa Footer: Hiển thị các thông tin bổ sung ở cuối Landing Page, như thông tin liên hệ, bản quyền và các liên kết cần thiết.
- Vị trí: Đặt ở cuối trang, sau biểu mẫu (form)
2. Thao tác
2.1. Tạo mới Footer2.1.1. Tạo mới
1. Truy cập Landing page cần thiết lập Footer, sau đó vào:
Section -> Dùng chung -> Footer -> Thêm mới
2. Nhập tên Footer -> Chọn 1 bố cục -> ấn Tạo Footer
* Gợi ý sử dụng bố cục:
| Mẫu | Mô tả |
| Ba cột liên kết (đề xuất) | Phân nhóm nội dung và liên kết theo bố cục ba cột phổ biến |
| Liên hệ và mạng xã hội | Hiển thị thông tin liên hệ và các kênh mạng xã hội |
| Một dòng bản quyền | Thiết kế tối giản, phù hợp với các Landing Page ngắn gọn |
| Kêu gọi hành động | Tập trung vào CTA nhằm thúc đẩy chuyển đổi ở cuối trang |
| Trang trắng | Tự thiết kế theo yêu cầu |
2.2.2. Tùy chỉnh giao diện Footer
Sau khi tạo, Footer được mở trong 1 tab Builder riêng. Tại đây, bạn sử dụng các thành phần đang hiển thị để điều chỉnh giao diện Footer.
- Thanh công cụ cố định:
- Di chuyển: Di chuyển thanh công cụ tới vị trí bất kỳ
- Tiêu đề: Thêm nội dung tiêu đề
- Đoạn văn: Chèn các đoạn văn bản, tiêu đề, danh mục menu
- Image: Chèn ảnh vào chân trang
- Nút bấm: Thêm nút kêu gọi hành động. Ví dụ: Bảng giá, Liên hệ,....
- Video ngang: Thêm video
- Hình hộp: Tạo 1 khu vực/ hộp chứa để bố trí nhóm nội dung
- Đường kẻ: Thêm đường phân cách giữa các khu vực nội dung
- Shape: Thêm biểu tượng
- Code Embed: Chèn thêm mã HTML/CSS/JavaScript riêng cho Header.
- Cài đặt tùy chỉnh Footer:
+ Tab Thiết kế: Cấu hình kiểu dáng, kích thước, màu sắc và giao diện hiển thị của phần tử
- Căn chỉnh: Căn lề trái/ giữa/ phải/ lên trên/ giữa/ xuống dưới cho phần tử trong khung làm việc
- Kích thước: Tùy chỉnh chiều cao của phần tử
- Màu và hình nền: Thay đổi màu sắc hoặc hình nền cho thành phần
- Lớp phủ: Thêm lớp màu phủ lên nền để làm nổi bật chữ hoặc các nội dung phía trên
- CSS tùy chỉnh: Nhập trực tiếp mã CSS để tùy biến giao diện chuyên sâu
+ Tab Hiệu ứng: Thiết lập hiệu ứng chuyển động (Animation) khi phần tử xuất hiện trên trang
- Đổ bóng: Tạo chiều sâu và khoảng cách thị giác giữa phần tử (Header/Footer/Block) với nền của các section phía dưới
- Hiệu ứng: Chọn hiệu ứng chuyển động, ví dụ Bounce, Flash, Pulse...
- Hiệu ứng rê chuột: Bật/Tắt để thiết lập hiệu ứng khi người dùng di chuyển chuột lên thành phần.
+ Tab Nâng cao:
- Ghim phần tử: Bật/Tắt để cố định vị trí của phần tử trên màn hình khi người dùng cuộn trang
* Lưu ý:
- Lưu: Lưu lại các thao tác thiết kế vừa thực hiện, đồng thời nếu Landing page đang sử dụng bạn chỉ cần F5 lại trang để cập nhật nội dung lần gần nhất
- Xem trước: Mở giao diện xem thử thực tế trước khi xuất bản
- Xuất bản: Cập nhật ngay lập tức các thay đổi lên tất cả các Landing Page đang liên kết với Header
2.2. Sử dụng Footer trên Landing page
1. Quay lại tab Builder của Landing Page ban đầu
2. Chọn Footer muốn sử dụng cho Landing page đang sử dụng -> ấn Sử dụng
3. Footer được thêm vào Landing Page, bạn có thể tùy chỉnh lại với 1 số thao tác sau:
- Chỉnh sửa: Mở Builder riêng của Footer để chỉnh sửa nội dung và thiết kế
- Thay thế: Thay Footer hiện tại bằng một Footer khác trong danh sách
- Nhân bản: Tạo một bản Footer riêng để sử dụng và chỉnh sửa độc lập trên Landing Page
- Bỏ dùng: Gỡ Footer khỏi Landing Page hiện tại
=> Sau khi hoàn tất thiết lập, nhấn Xuất bản Landing Page để áp dụng Fooyer trên trang.
2.3. Quản lý Footer
Trong danh sách, mỗi Footer sẽ hiển thị các thông tin như:
- Tên Footer
- Số Landing page đang sử dụng cho từng Footer
- Người cập nhật cuối
- Trạng thái: Nháp, Xuất bản, Lưu, Đang dùng
Một số thao tác khác:
- Nút Đang sử dụng/Thay thế: Hiển thị Footer đang được sử dụng/ thay thế trên Landing Page hiện tại
- Nút Chỉnh sửa: Mở lại builder riêng của Footer để chỉnh sửa
- Nút Nhân bản: Tạo 1 bản sao chép từ bản gốc
- Nút Xóa: Gỡ Footer ra khỏi danh sách
Chúc bạn thao tác thành công !