Hướng dẫn chỉnh text trên landing page năm 2024

Tiêu đề ấn tượng sẽ giúp trang gây ấn tượng ban đầu với khách hàng bởi vì nó sẽ đề cập tóm tắt về chủ đề chính mà trang đề cập tới.

Văn bản là một đoạn văn dài mô tả nội dung chi tiết của trang Landing page.

Tại giao diện cấu hình nội dung trong Landing page, bạn chọn đối tượng Tiêu đề/Văn bản từ thanh menu bên trái màn hình.

Để thay đổi nội dung Tiêu đề/Văn bản, bạn click vào Tiêu đề/Văn bản >> Nhập nội dung >> click chuột ra ngoài để lưu lại.

2. Thiết kế tiêu đề/văn bản

- Thiết lập chữ

Bạn chọn Font chữ, Màu chữ, Nội dung, Cỡ chữ, Định dạng, Căn chỉnh, Khoảng cách dòng, Khoảng cách lề, gắn link.

- Đổ bóng chữ

Bạn bật chế độ đổ bóng chữ và thiết lập tọa độ x : y, độ mờ, bảng màu.

- Kích thước

Nhập kích thước cho Tiêu đề/Văn bản

- Màu và hình nền

Chọn kiểu nền cho Tiêu đề/Văn bản: Có 3 sự lựa chọn Màu cơ bản - Hình ảnh - Gradient

- Overlay

Bật Overlay để chọn một hoặc nhiều lớp màu đè lên trên màu nền gốc

- Viền & Bo góc khung chữ

Chọn kiểu viền cho Tiêu đề/Văn bản và điều chỉnh độ bo góc.

3. Cài đặt hiệu ứng

Bạn vào

- Đổ bóng

Lựa chọn loại và căn chỉnh tọa độ đổ bóng

- Hiệu ứng

Có nhiều sự lựa chọn cho bạn cài đặt hiệu ứng. Ví dụ bạn chọn hiệu ứng plash, page của bạn sẽ như sau

- Hiệu ứng rê chuột

Cài đặt hiệu ứng khi rê chuột và bật ON.

4. Cài đặt sự kiện

Bạn có thể cấu hình đích đến cho nút khi khách nhấn/ di chuột vào nút bấm bằng cách click vào nút bấm >> Cài đặt >> Sự kiện và lựa chọn các thông tin sau:

- Hành động : hành động của khách hàng đối với đối tượng: Bấm chuột hoặc Rê chuột - Sự kiện: sự kiện xảy ra khi khách hàng thực hiện hành động

• Cuộn đến: cuộn trang đến block được chọn ở dưới
• Liên kết: mở link sang trang mới
• Mở popup: mở popup được chọn ở dưới
• Đóng popup: đóng popup được chọn ở dưới,
• ......

- Block: Chọn đối tượng chuyển hướng đến khi diễn ra sự kiện.

5. Cài đặt Nâng cao

Bật ON/OFF lựa chọn ghim phần tử Tiêu đề/Văn bản ở vị trí của page. Tích chọn vị trí và cài đặt khoảng cách

Đoạn văn bản trong landing page cung cấp thông tin mô tả cụ thể sản phẩm/ dịch vụ giúp người đọc dễ dàng hình dung và ra quyết định hành động.

aiMarketing cung cấp các công cụ thiết kế và chỉnh sửa Đoạn văn bản giúp bạn dễ dàng thao tác, thiết kế đoạn văn bản sinh động, thu hút

Hướng dẫn thực hiện

1. Thêm mới Đoạn văn bản

Bước 1: Sau khi đăng nhập vào ứng dụng aiMarketing, bạn vào danh mục Landing page, tại đây bạn tạo mới Landing page hoặc ấn chọn vào Landing mà bạn muốn thêm đoạn văn bản. Màn hình hiển thị giao diện thiết kế và chỉnh sửa Landing page xuất hiện

Bước 2:

Để thêm Đoạn văn bản vào Landing page, tại giao diện thiết kế và chỉnh sửa Landing page, bạn chọn công cụ Phần tử cơ bản, tại đây bạn nhấn chọn Đoạn văn bản. Giữ chuột và kéo thả vào vị trí bạn mong muốn

và chọn trường như mong muốn. Trong tường hợp muốn thêm trường không có trong trường hệ thống bạn chọn vào :Add new field ( ô màu xanh)

Click vào biểu tượng hình cái bút trong tên trường muốn chỉnh sửa để cài đặt lại thông số

1 pop up mới hiện ra,trong đó các bạn có thể cài đặt:

• Field Type: Định dạng kiểu trường,là định dạng mà khách hàng nhập từ bàn phím vào,ví dụ như Text,email,SĐT hay checkbox...
• Field label: Tên hiển thị phía trên của trường trong form
• * Nếu tick vào ô Show label thì sẽ hiển thị trên form
  • Nếu không tick vào Show label thì không hiển thị trên form
• Placeholder Text: Dòng chữ hiển thị trong trường kêu gọi khách nhập thông tin vào.
• Required Field: Trường này có bắt buộc nhập vào hay không, nếu có tick thì khách phải nhập đủ mới nhấn nút được ( sẽ hiển thị dấu * trên Field label nếu chọn Show) ,nếu không tick chọn thì khách có thể bỏ qua.

Sau khi nhập xong ấn Update Field.

Tiếp theo cài đặt các thông số:

• Border : Cài đặt viền của ô chữ trong trường.
• * Nếu không tick vào More option các bạn có thể chỉnh sửa chung viền cho 4 cạnh của ô chữ trong trường.
  • ​
    
    ​
  • Có thể chọn kiểu viền : Solid là nét liền, Dotted là nét đứt kiểu dấu chấm, Dashed là nét đứt gạch ngang.
  • Nếu muốn tuỳ chỉnh viền cho từng cạnh thì hãy tick chọn More option và cài đặt thông số cho từng cạnh.
    
    ​
• Rounded Border: Bo góc cho nút bấm.
• Padding: Khoảng cách giữa chữ và 4 cạnh của ô chứa nó trong trường.
• * Nếu chọn More option thì bạn tuỳ chỉnh cả 4 cạnh
  • Nếu không chọn More option thì chỉnh sửa chung 4 cạnh cùng 1 lúc, cùng số liệu.

• Backgroud Color: Màu nền ô chữ
• Text Color: Màu chữ trong ô (placeholder Text)

• Auto Width: Độ dài của ô chữ trong form.
• Form Alignment: Căn lề form
• Space Between Fields: Khoảng cách giữa 2 ô chữ liên tiếp trong form

Nếu trong form có cài đặt Show label trong các trường thì các bạn có thể chỉnh sửa những thông số sau.

• Padding: Khoảng cách từ chữ tới các cạnh tiếp giáp với nó.

Giống như cài đặt Nút bấm trong landing page. Các bạn có thể xem cách cài đặt tại đây​

Container Padding: Cài đặt khoảng cách nút bấm và ô chứa nút bấm

• Các bạn có thể chỉnh sửa từng cạnh bằng cách tick vào More option, còn nếu không chọn bạn có thể chỉnh sửa cả 4 cạnh cùng lúc.

Hide on Desktop: Nếu tick chọn sẽ ẩn text trong giao diện Desktop.

​

​

Chỉnh sửa trong Giao diện Mobile

Để chuyển sang giao diện Mobile, các bạn nhấn nút hình điện thoại góc trái bên dưới. Tại đây các bạn có thể chỉnh sửa giống như cach chỉnh sửa trên giao diện Desktop.

Sau khi hoàn thành form,ấn nút Setting để cài đặt lưu trữ dữ liệu cho form và gắn hành động cho khách hàng sau khi họ điền form.

Ở đây có các thông tin sau:

• Nhóm contact: Dữ liệu khách điền form sẽ được lưu vào khách hàng bên ngoài vì thế các bạn có thể tạo nhóm cho đối tượng khách này để dễ quản lý và chăm sóc.
• Chuỗi email/ chuỗi SMS : Sau khi khách điền form xong thì có thể gắn chuỗi email/SMS để tiếp cận,chăm sóc, bám đuổi khách hàng.
• Điền đường link chuyển hướng sau khi Submit: là đường dẫn khách sẽ được tự động chuyển tới sau khi điền form,các bạn có thể dùng link của chatbot để dẫn khách hàng vào tương tác với page nhằm chăm sóc khách tốt hơn.

Mã tracking: Các bạn có thể thêm mã tracking để theo dõi hành vi của khách hàng trên page như Facebook pixel,Tiktok pixel, Google tag...