Mục Biểu tượng mạng xã hội hiển thị liên kết đến các trang mạng xã hội của bạn. Nó có thể nằm trong trang hoặc cố định ở cạnh màn hình khi khách cuộn trang.
Thêm mục
Trong trình thiết kế, mở tab Các mục, bấm Thêm mục mới và chọn Biểu tượng mạng xã hội trong nhóm Marketing. Mỗi trang có một mục, trên bất kỳ trang nào. Chân trang có khối Biểu tượng mạng xã hội với cùng tài khoản và cài đặt biểu tượng, xem Làm sao để thiết lập chân trang của cửa hàng (về chúng tôi, menu, biểu tượng mạng xã hội, biểu tượng thanh toán, liên kết chính sách, bản quyền)?.
Tài khoản mạng xã hội
Chỉ điền những nền tảng bạn dùng. Ô trống sẽ không hiển thị, và nếu không điền tài khoản nào, mục sẽ không hiển thị.
- Với Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr và Telegram, chỉ gõ tên người dùng, không gõ cả đường liên kết. Ví dụ
mystore. Một số nền tảng, như Instagram, TikTok và X, cũng chấp nhận@mystore. - Với trang công ty trên LinkedIn, hãy nhập
company/rồi đến tên trang, ví dụcompany/mystore. - Với WhatsApp, gõ số điện thoại theo định dạng quốc tế, chỉ gồm chữ số, ví dụ
212600000000.
Trên trang sản phẩm và landing page, liên kết WhatsApp mở cuộc trò chuyện với một tin nhắn soạn sẵn ghi tên sản phẩm, để bạn biết khách đang hỏi về món nào. Điều này cũng áp dụng cho khối ở chân trang.
Bố cục
- Chế độ: Cùng dòng hiển thị biểu tượng thành một hàng trong trang. Cố định gắn chúng thành một cột ở cạnh màn hình.
- Vị trí (chỉ với Cố định): mép Trái hoặc Phải.
- Cùng dòng trên di động (chỉ với Cố định): trên màn hình nhỏ, biểu tượng trở lại nằm trong trang, để không che nội dung.
- Chiều rộng mục và Căn chỉnh (chỉ với Cùng dòng): chiều rộng Trang hoặc Toàn bộ, và biểu tượng nằm bên trái, giữa hoặc phải.
Giao diện
- Kiểu dáng: Biểu tượng cho bạn mọi tùy chọn kiểu bên dưới. Ứng dụng hiển thị mỗi nền tảng thành một nút tròn mang màu thương hiệu riêng, giống biểu tượng ứng dụng. Ở kiểu Ứng dụng, các tùy chọn hình dạng, kiểu, bảng màu, hiệu ứng khi rê chuột và bảng màu của mục bị ẩn vì không áp dụng.
- Kích thước biểu tượng: từ 12 đến 64 pixel.
- Hình dạng: Không có (chỉ biểu tượng), Hình tròn, Bo tròn hoặc Vuông. Khi có hình dạng, bạn còn có Kiểu (Phẳng tô đầy, hoặc Đường viền ngoài) và Kích thước hình dạng. Hình dạng luôn lớn ít nhất bằng biểu tượng.
- Bảng màu: Thương hiệu (màu riêng của từng nền tảng), Đơn sắc (màu chữ của bảng màu) hoặc Tùy chỉnh với một Màu tùy chỉnh.
- Hiệu ứng khi rê chuột: Không có, Thương hiệu (chuyển sang màu thương hiệu), Phóng to, Nâng lên hoặc Độ mờ.
- Phối màu: nền của mục và màu Đơn sắc.
- Khoảng cách giữa các biểu tượng, Khoảng đệm và tab CSS tùy chỉnh.
Công thức
- Biểu tượng đi theo khách: đặt Chế độ là Cố định và Vị trí là Phải, rồi bật Cùng dòng trên di động. Biểu tượng nằm ở cạnh màn hình khi khách cuộn trên máy tính.
- Nút ứng dụng nhiều màu: đặt Kiểu dáng là Ứng dụng. Mỗi nền tảng giữ màu thương hiệu riêng, dù màu cửa hàng của bạn là gì.
- Biểu tượng nhẹ nhàng hợp với cửa hàng: Kiểu dáng Biểu tượng, Hình dạng Không có, Bảng màu Đơn sắc và Hiệu ứng khi rê chuột Thương hiệu, để màu thương hiệu chỉ hiện khi rê chuột.
Lưu ý
- Liên kết mở sai trang: kiểm tra bạn chỉ gõ tên người dùng. Địa chỉ đầy đủ hoặc ký tự thừa sẽ không được chấp nhận.
- Biểu tượng cố định che mất một nút trên điện thoại: bật Cùng dòng trên di động.