Hướng dẫn đầy đủ sử dụng khối CTA cho trang Biolink

Giới thiệu về khối CTA

Khối CTA (Call-to-Action) là một thành phần thiết yếu trong trang Biolink, giúp người xem thực hiện các hành động cụ thể như liên hệ qua email, gọi điện thoại, nhắn tin SMS hoặc kết nối qua FaceTime. Khối này không chỉ đơn thuần là một nút bấm, mà còn có thể là một phần tử thu hút với nhiều hiệu ứng và kiểu dáng hấp dẫn, giúp tăng tỷ lệ tương tác của người dùng.

Thiết lập cơ bản khối CTA

Tạo khối CTA mới

Để bắt đầu tạo một khối CTA cho trang Biolink của bạn, hãy làm theo các bước sau:

1. Đăng nhập vào tài khoản của bạn
2. Điều hướng đến trang quản lý Biolink
3. Nhấp vào “Thêm khối” và chọn “CTA” từ danh sách các loại khối
4. Màn hình thiết lập khối CTA sẽ xuất hiện với ba tab chính: “Cài đặt chung”, “Kiểu dáng” và “Cài đặt khối”

Cài đặt loại CTA và thông tin liên hệ

Trong tab “Cài đặt chung”, bạn cần thiết lập những thông tin cơ bản:

1. Loại CTA: Chọn một trong các loại sau:
   • Email: Để liên hệ qua email
   • Gọi điện: Để thực hiện cuộc gọi điện thoại
   • SMS: Để gửi tin nhắn văn bản
   • FaceTime: Để kết nối qua FaceTime
2. Giá trị: Nhập thông tin tương ứng với loại CTA đã chọn:
   • Địa chỉ email (cho loại Email)
   • Số điện thoại (cho loại Gọi điện, SMS, FaceTime)
3. Tên nút: Đặt tên hiển thị trên nút CTA, ví dụ: “Liên hệ qua email”, “Gọi cho tôi ngay”, v.v.

Tùy chỉnh hình ảnh và biểu tượng

Để làm cho nút CTA của bạn trở nên sinh động hơn:

1. Hình ảnh: Tải lên hình ảnh thu nhỏ để hiển thị trên nút CTA
2. Biểu tượng: Thêm biểu tượng (icon) từ thư viện Font Awesome bằng cách nhập mã CSS của biểu tượng (ví dụ: fas fa-envelope cho biểu tượng email)

Tùy chỉnh kiểu dáng nút CTA

Khối CTA cung cấp nhiều kiểu dáng nút khác nhau để phù hợp với thiết kế trang Biolink của bạn.

Chọn kiểu dáng nút

Trong tab “Kiểu dáng”, bạn sẽ thấy nhiều tùy chọn kiểu dáng khác nhau:

1. Mặc định: Kiểu nút đơn giản với màu nền đặc
2. Nền Gradient: Nút với hiệu ứng chuyển màu gradient sinh động
3. Viền chuyển động: Nút với viền chuyển động xung quanh
4. Nút Jittery: Nút với hiệu ứng rung lắc
5. Nút Dubstep: Nút với hiệu ứng sóng lan tỏa
6. Nút Typewriter: Nút với hiệu ứng đánh máy
7. Nút Áp Lực: Nút với văn bản chạy bên dưới
8. Nút Tay Chỉ: Nút với biểu tượng tay chỉ
9. Nút 100 Điểm: Nút với hiệu ứng emoji 💯
10. Nút Khuyến Khích: Nút với văn bản khuyến khích nhấp chuột
11. Nút Cầu Vồng: Nút với hiệu ứng đổi màu cầu vồng
12. Nút Viền Kép Xoay: Nút với viền kép xoay quanh
13. Nút Hạt Nổi: Nút với các hạt nhỏ nổi lên
14. Nút Bong Bóng: Nút với hiệu ứng bong bóng

Tùy chỉnh màu sắc nút

Mỗi kiểu dáng nút có thể được tùy chỉnh màu sắc:

1. Màu chữ: Màu của văn bản hiển thị trên nút
2. Màu nền: Màu nền của nút
3. Màu viền: Màu viền xung quanh nút

Đối với nút có nền Gradient, bạn có thể tùy chỉnh:

• Màu bắt đầu Gradient: Màu bắt đầu của hiệu ứng gradient
• Màu kết thúc Gradient: Màu kết thúc của hiệu ứng gradient

Tùy chỉnh hiệu ứng động

Bạn có thể thêm các hiệu ứng động cho nút:

1. Hiệu ứng: Chọn một hiệu ứng từ danh sách (fade, bounce, flash…)
2. Số lần lặp lại: Chọn số lần hiệu ứng lặp lại (1, 2, 3 hoặc vô hạn)

Cài đặt khối nâng cao

Để tạo trải nghiệm CTA toàn diện hơn, bạn có thể kích hoạt và tùy chỉnh chế độ khối.

Kích hoạt chế độ khối

Trong tab “Cài đặt khối”, bạn sẽ thấy tùy chọn:

1. Hiển thị khối: Bật tính năng này để hiển thị nút CTA trong một khối với tiêu đề và mô tả
2. Khi bật chế độ khối, các tùy chọn bổ sung sẽ hiện ra

Tùy chỉnh nội dung khối

Khi đã kích hoạt chế độ khối, bạn có thể tùy chỉnh nội dung khối:

1. Tiêu đề khối: Nhập tiêu đề cho khối (ví dụ: “Sẵn sàng hợp tác?”)
2. Mô tả khối: Nhập mô tả chi tiết (ví dụ: “Liên hệ với tôi ngay hôm nay để thảo luận về dự án của bạn…”)

Tùy chỉnh nền khối

Bạn có thể tùy chỉnh nền của khối:

1. Kiểu nền khối: Chọn giữa “Màu đơn” hoặc “Gradient”
2. Màu nền khối: Nếu chọn “Màu đơn”, hãy chọn một màu nền
3. Màu Gradient: Nếu chọn “Gradient”, hãy cài đặt màu bắt đầu và màu kết thúc
4. Hướng Gradient: Chọn hướng của hiệu ứng gradient (phải, trái, xuống dưới, lên trên, v.v.)

Tùy chỉnh viền và canh lề

Để hoàn thiện khối CTA, bạn có thể tùy chỉnh:

1. Màu chữ khối: Màu của văn bản trong khối
2. Canh lề nội dung khối: Canh lề trái, phải hoặc giữa
3. Độ bo góc khối: Điều chỉnh độ cong của các góc khối
4. Độ dày viền khối: Điều chỉnh độ dày của viền
5. Màu viền khối: Chọn màu cho viền
6. Kiểu viền khối: Chọn kiểu viền (solid, dashed, double…)
7. Khoảng cách trong khối: Điều chỉnh đệm bên trong khối

Cài đặt hiển thị và giới hạn

Trong tab “Cài đặt hiển thị”, bạn có thể thiết lập các điều kiện hiển thị cho khối CTA.

Lên lịch hiển thị

Bạn có thể đặt thời gian hiển thị cho khối CTA:

1. Lên lịch: Bật tính năng này để đặt lịch hiển thị
2. Ngày bắt đầu: Chọn ngày và giờ bắt đầu hiển thị
3. Ngày kết thúc: Chọn ngày và giờ kết thúc hiển thị

Giới hạn theo quốc gia và thiết bị

Bạn có thể giới hạn hiển thị khối CTA:

1. Quốc gia: Chọn các quốc gia mà khối CTA sẽ hiển thị
2. Thiết bị: Chọn loại thiết bị (desktop, tablet, mobile) mà khối CTA sẽ hiển thị

Giới hạn theo ngôn ngữ và hệ điều hành

Ngoài ra còn có các tùy chọn giới hạn nâng cao:

1. Ngôn ngữ: Chọn các ngôn ngữ mà khối CTA sẽ hiển thị
2. Hệ điều hành: Chọn các hệ điều hành (iOS, Android, Windows…) mà khối CTA sẽ hiển thị

Các kỹ thuật nâng cao

Tùy chỉnh văn bản chạy cho nút áp lực

Khi sử dụng kiểu nút “Áp Lực”, bạn có thể tùy chỉnh văn bản chạy bên dưới nút:

1. Trong phần cài đặt kiểu dáng, tìm ô “Văn bản chạy bên dưới”
2. Nhập các câu ngắn, phân cách bằng dấu chấm (.)
3. Những câu này sẽ chạy dưới dạng marquee bên dưới nút

Ví dụ: “Bạn bè sẽ thích nó. Mẹ bạn sẽ tự hào. Mọi người đều đã làm rồi.”

Tối ưu hóa hiệu ứng viền và đổ bóng

Để tạo hiệu ứng viền và đổ bóng ấn tượng:

1. Trong tab “Border”, điều chỉnh độ dày viền và màu viền
2. Chọn kiểu viền phù hợp (solid, dashed, double…)
3. Trong tab “Border Shadow”, điều chỉnh:
   • Độ lệch X: Di chuyển bóng theo chiều ngang
   • Độ lệch Y: Di chuyển bóng theo chiều dọc
   • Độ mờ: Điều chỉnh mức độ mờ của bóng
   • Độ lan: Điều chỉnh mức độ lan rộng của bóng
   • Màu bóng: Chọn màu cho bóng đổ

Các lưu ý quan trọng khi sử dụng

Tương thích với thiết kế tổng thể

1. Phối màu nhất quán: Hãy chọn màu sắc phù hợp với bảng màu chung của trang Biolink
2. Kiểu dáng phù hợp: Chọn kiểu dáng nút phù hợp với tông màu và phong cách của trang

Tối ưu hóa cho trải nghiệm người dùng

1. Văn bản rõ ràng: Sử dụng văn bản ngắn gọn, rõ ràng và hướng hành động
2. Kích thước phù hợp: Đảm bảo nút đủ lớn để dễ nhấp, đặc biệt trên thiết bị di động
3. Vị trí chiến lược: Đặt khối CTA ở vị trí dễ thấy, thường là đầu hoặc cuối trang

Tránh quá tải hiệu ứng

1. Chọn hiệu ứng có chọn lọc: Không sử dụng quá nhiều hiệu ứng khác nhau trong cùng một trang
2. Cân nhắc tốc độ tải trang: Một số hiệu ứng phức tạp có thể làm chậm trang web, đặc biệt trên các thiết bị cũ

Kết luận

Khối CTA là một công cụ mạnh mẽ giúp tăng cường tương tác trên trang Biolink của bạn. Với nhiều tùy chọn kiểu dáng, màu sắc và hiệu ứng, bạn có thể tạo ra những nút CTA bắt mắt và hiệu quả, phù hợp với mục tiêu và phong cách của mình.

Hãy thử nghiệm các kiểu dáng và cài đặt khác nhau để tìm ra sự kết hợp tối ưu, đồng thời theo dõi hiệu quả của từng kiểu CTA thông qua số lượt nhấp để liên tục cải thiện trải nghiệm người dùng.