Hướng dẫn sử dụng khối Liên kết trong Bio Link

Khối Liên kết là thành phần cơ bản và quan trọng nhất trong Bio Link, giúp bạn kết nối người xem với các trang web, mạng xã hội, hoặc bất kỳ URL nào khác. Bài viết này sẽ hướng dẫn bạn cách tùy chỉnh khối Liên kết một cách toàn diện để tạo ra trải nghiệm tốt nhất cho người dùng.

Thiết lập cơ bản

Để bắt đầu với khối Liên kết, bạn cần thiết lập các thông tin cơ bản sau:

URL đích

1. Nhấp vào nút “Cài đặt chung” để hiển thị menu tùy chọn
2. Nhập URL đích vào trường “Liên kết đích”
3. URL này có thể là trang web, trang mạng xã hội hoặc bất kỳ liên kết nào bạn muốn chia sẻ

Tiêu đề liên kết

Tiêu đề liên kết là văn bản hiển thị trên nút. Hãy đặt tên ngắn gọn, rõ ràng để người dùng biết nút này dẫn đến đâu.

Mở trong tab mới

Tùy chọn “Mở trong tab mới” quyết định cách liên kết mở khi được nhấp vào:

• Khi bật: Liên kết sẽ mở trong tab mới, giữ nguyên trang Bio Link
• Khi tắt: Liên kết sẽ mở ở tab hiện tại, thay thế trang Bio Link

Sử dụng kiểu dáng mẫu

Kiểu dáng mẫu (Preset) giúp bạn áp dụng nhanh chóng các thiết kế đẹp mắt mà không cần thiết lập thủ công.

Để áp dụng kiểu dáng mẫu:

1. Nhấp vào nút “Kiểu dáng mẫu”
2. Duyệt qua các mẫu có sẵn
3. Chọn mẫu phù hợp với nội dung và thương hiệu của bạn
4. Nhấp vào mẫu để áp dụng ngay lập tức

Tùy chỉnh hình ảnh và icon

Thêm hình ảnh

Hình ảnh có thể làm cho liên kết của bạn nổi bật và thu hút hơn:

1. Nhấp vào nút “Hình ảnh/icon”
2. Chọn “Tải lên tệp” để tải lên hình ảnh từ máy tính
3. Hoặc sử dụng chức năng “Dùng ảnh động GIF” để thêm GIF có sẵn

Sử dụng icon

Nếu không sử dụng hình ảnh, bạn có thể thêm icon:

1. Trong trường “Icon”, nhập mã Font Awesome (ví dụ: fas fa-link)
2. Bạn có thể bật “Màu icon tự động” để hệ thống tự động chọn màu phù hợp với URL

Một số icon phổ biến:

• fas fa-link: Icon liên kết
• fab fa-facebook: Icon Facebook
• fab fa-instagram: Icon Instagram
• fab fa-youtube: Icon YouTube
• fas fa-shopping-cart: Icon giỏ hàng

Tùy chỉnh thiết kế

Màu sắc và căn chỉnh

1. Nhấp vào nút “Thiết kế” để mở rộng tùy chọn
2. Chọn “Màu văn bản” để thay đổi màu chữ
3. Chọn căn chỉnh văn bản (giữa, trái, phải, justify)
4. Tùy chỉnh “Màu nền” cho liên kết của bạn

Tạo nền Gradient

Để tạo nền gradient cho liên kết:

1. Nhập “Màu Gradient thứ 1” (màu bắt đầu)
2. Nhập “Màu Gradient thứ 2” (màu kết thúc)
3. Xem trước hiệu ứng trong hộp gradient

<div style=”height: 40px; border-radius: 8px; background: linear-gradient(0deg, #2193b0 0%, #6dd5ed 100%); margin: 10px 0;”></div>

Hiệu ứng động

Hiệu ứng chấm tròn

Bio Link cung cấp hiệu ứng chấm tròn đặc biệt để thu hút sự chú ý:

1. Nhấp vào nút “Hiệu ứng động”
2. Chọn kiểu hiệu ứng chấm tròn:
   • Dãy màu 1: Chấm đổi màu đỏ, tím, vàng, xanh lá, cam
   • Dãy màu 2: Chấm đổi màu xanh dương, xanh đậm, xanh da trời, navy
   • Dãy màu 3: Chấm đổi màu cyan, teal, xanh nhạt, xanh biển

Animation

Bạn có thể thêm các hiệu ứng animation cho liên kết:

1. Chọn kiểu animation từ danh sách (bounce, flash, pulse, rubberBand, v.v.)
2. Chọn số lần chạy animation (1, 2, 3 lần hoặc vô hạn)

Animation sẽ hiển thị khi trang được tải hoặc khi người dùng tương tác với liên kết.

Tùy chỉnh viền và bóng đổ

Viền (Border)

1. Nhấp vào nút “Border” để mở rộng tùy chọn
2. Điều chỉnh độ rộng viền (0-10px)
3. Chọn màu viền
4. Chọn kiểu bo góc:
   • Straight: Góc vuông
   • Rounded: Góc bo tròn nhẹ
   • Round: Góc bo tròn hoàn toàn
   • Tùy chỉnh: Tự nhập giá trị border-radius
5. Chọn kiểu viền (solid, dashed, dotted, double, v.v.)

Bóng đổ (Shadow)

Bóng đổ có thể tạo hiệu ứng nổi 3D cho liên kết của bạn:

1. Nhấp vào nút “Border shadow”
2. Bật “Sử dụng đổ bóng phức tạp” nếu bạn có tài khoản Pro
3. Với đổ bóng đơn giản:
   • Bạn có thể tùy chỉnh độ dịch ngang (X), độ dịch dọc (Y)
   • Điều chỉnh độ mờ và độ lan rộng
   • Chọn màu bóng đổ
4. Với đổ bóng phức tạp (tài khoản Pro):
   • Bạn có thể nhập chuỗi box-shadow CSS đầy đủ
   • Hoặc chọn từ các mẫu có sẵn như “Hiệu ứng 3D”, “Hiệu ứng khắc chìm”, “Hiệu ứng nổi”, v.v.

Thiết lập hiển thị nâng cao

Lập lịch hiển thị

Tính năng lập lịch cho phép bạn hiển thị liên kết trong một khoảng thời gian cụ thể:

1. Nhấp vào nút “Display settings”
2. Bật công tắc “Schedule”
3. Chọn ngày bắt đầu và ngày kết thúc hiển thị

Tính năng này rất hữu ích cho các chiến dịch quảng cáo, khuyến mãi có thời hạn.

Giới hạn hiển thị

Bạn có thể giới hạn đối tượng thấy được liên kết của bạn dựa trên:

1. Quốc gia: Chỉ hiển thị cho người dùng từ các quốc gia cụ thể
2. Thiết bị: Chỉ hiển thị trên desktop, tablet hoặc mobile
3. Ngôn ngữ: Chỉ hiển thị cho người dùng sử dụng ngôn ngữ cụ thể
4. Hệ điều hành: Chỉ hiển thị trên các hệ điều hành như iOS, Android, Windows, v.v.

Các lưu ý và mẹo khi sử dụng

Sử dụng tính năng chia sẻ

Mỗi liên kết đều có nút ba chấm để người dùng có thể chia sẻ:

• Chia sẻ qua Facebook, Twitter, LinkedIn, Email
• Tạo mã QR để quét
• Sao chép liên kết

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

1. Đặt thứ tự liên kết hợp lý: Đặt liên kết quan trọng nhất ở trên cùng
2. Giữ thiết kế nhất quán: Sử dụng màu sắc và phong cách nhất quán cho các liên kết cùng nhóm
3. Không quá nhiều hiệu ứng: Giới hạn số lượng liên kết có animation để tránh gây rối mắt

Các tính năng Pro

Một số tính năng nâng cao chỉ có sẵn với tài khoản Pro:

• Đổ bóng phức tạp
• Đổ bóng bên trong (Inset)
• Hiệu ứng viền neon
• Hiệu ứng nút phát sáng
• Hiệu ứng 3D chuyên nghiệp

Các ví dụ liên kết phổ biến

Liên kết mạng xã hội

Sử dụng mẫu dành riêng cho mạng xã hội với màu sắc và icon tương ứng:

• Facebook: Màu xanh dương (#1877F2) với icon Facebook
• Instagram: Gradient tím-đỏ với icon Instagram
• YouTube: Màu đỏ (#FF0000) với icon YouTube
• TikTok: Màu đen với hiệu ứng gradient và icon TikTok

Liên kết thương mại điện tử

Sử dụng màu sắc nổi bật và icon giỏ hàng:

• Nút “Mua ngay”: Màu đỏ-cam với icon giỏ hàng
• Nút “Xem sản phẩm”: Màu xanh dương với icon xem

Liên kết liên hệ

Thiết kế đơn giản, dễ nhận biết:

• “Gọi ngay”: Màu xanh lá với icon điện thoại
• “Nhắn tin”: Màu xanh dương với icon tin nhắn
• “Email”: Màu đỏ nhạt với icon thư

Kết luận

Khối Liên kết là thành phần cốt lõi của Bio Link, cho phép bạn kết nối với khán giả qua nhiều nền tảng khác nhau. Bằng cách tận dụng đầy đủ các tùy chọn tùy chỉnh, bạn có thể tạo ra trải nghiệm hấp dẫn và chuyên nghiệp cho người xem.

Hãy thử nghiệm với các thiết lập khác nhau để tìm ra phong cách phù hợp nhất với thương hiệu cá nhân hoặc doanh nghiệp của bạn. Từ kiểu dáng mẫu đơn giản đến các hiệu ứng phức tạp, Bio Link cung cấp công cụ để bạn thể hiện cá tính và thu hút sự chú ý của người xem.