Hướng dẫn sử dụng Widget – Share / follow icons

Chào Quý khách,

Để giúp khách truy cập website có thể dễ dàng chia sẻ những bài viết hay, sản phẩm tốt của mình lên mạng xã hội, hoặc theo dõi các kênh truyền thông của công ty (như Facebook, Zalo), chúng tôi đã chuẩn bị sẵn một công cụ rất tiện lợi.

Phần 1: Truy Cập Vào Chế Độ Chỉnh Sửa Trang (UX Builder)

Trước tiên, chúng ta cần “mở khóa” chế độ chỉnh sửa để có thể thêm bớt các chức năng trên trang web.

Bước 1: Đăng nhập vào website

• Quý khách truy cập vào đường link đăng nhập (thường có dạng: ten-website-cua-ban.com/wp-admin).
• Nhập Tên người dùng và Mật khẩu đã được cung cấp, sau đó nhấn nút Đăng nhập.

Bước 2: Tìm trang cần chỉnh sửa

• Sau khi đăng nhập, Quý khách hãy mở trang web mà mình muốn thêm các nút này (ví dụ: trang chủ, trang liên hệ, một bài viết cụ thể…).
• Ở phía trên cùng của màn hình, Quý khách sẽ thấy một thanh công cụ màu đen.

Bước 3: Mở trình chỉnh sửa UX Builder

• Trên thanh công cụ màu đen đó, hãy tìm và nhấp vào chữ “Sửa trang với UX Builder”.
• Chờ một lát để giao diện chỉnh sửa được tải ra. Bây giờ, màn hình sẽ được chia làm hai phần:
  • Bên trái: Là cột chứa các công cụ, các khối chức năng.
  • Bên phải: Là hình ảnh xem trước của trang web, nơi chúng ta sẽ thao tác trực tiếp.

Phần 2: Thêm Công Cụ “Share / Follow Icons” Vào Trang

Bây giờ chúng ta sẽ lấy công cụ “Nút Chia sẻ / Theo dõi” và đặt nó vào vị trí mong muốn.

Bước 1: Nhấn nút “Add Elements” (Thêm thành phần)

• Ở cột công cụ bên trái, hãy nhìn xuống dưới cùng và nhấp vào nút “+ Add Elements”.
• Hoặc, trên giao diện trang web bên phải, Quý khách di chuyển chuột vào giữa hai khu vực bất kỳ sẽ thấy một dấu “+” màu xám hiện ra. Nhấp vào dấu “+” đó.

Bước 2: Tìm và chọn công cụ “Follow Icons”

• Một cửa sổ mới sẽ hiện ra với rất nhiều công cụ.
• Tại ô Tìm kiếm (Search) ở trên cùng, Quý khách hãy gõ chữ: follow.
• Công cụ có tên “Follow Icons” (biểu tượng hình người) sẽ hiện ra. Hãy nhấp vào nó.

(Lưu ý: Tên của nó có thể là “Share Icons” hoặc “Follow Icons” tùy phiên bản, nhưng chức năng là một. Gõ “follow” hoặc “share” đều sẽ tìm ra).

Ngay lập tức, một loạt các biểu tượng mạng xã hội mẫu sẽ xuất hiện trên trang của bạn. Đồng thời, cột bên trái sẽ hiển thị các tùy chọn để chỉnh sửa chúng.

Phần 3: Tùy Chỉnh Các Nút Theo Ý Muốn

Đây là phần quan trọng nhất! Chúng ta sẽ cài đặt để các nút này hoạt động đúng.

Điều cần hiểu rõ: Công cụ này có 2 chế độ chính.

1. Chế độ “Follow” (Theo dõi): Dùng để khách hàng bấm vào và dẫn tới trang Facebook, Zalo, Youtube… CỦA CÔNG TY BẠN. Thường đặt ở chân trang hoặc trang liên hệ.
2. Chế độ “Share” (Chia sẻ): Dùng để khách hàng bấm vào và chia sẻ CHÍNH TRANG WEB mà họ đang xem lên tường Facebook, Zalo… của họ. Thường đặt trong các bài viết, sản phẩm.

Bước 1: Chọn chế độ “Follow” hoặc “Share”

• Ở cột tùy chọn bên trái, tìm đến mục “Type” (Loại).
• Nhấp vào và chọn:
  • Follow: Nếu bạn muốn khách hàng theo dõi kênh của mình.
  • Share: Nếu bạn muốn khách hàng chia sẻ trang này.

Bước 2: Hướng dẫn chi tiết cho chế độ “FOLLOW” (Phổ biến nhất)

Nếu chọn “Follow”, Quý khách sẽ thấy một danh sách các mạng xã hội như Facebook, Instagram, Twitter…

• Nguyên tắc chung: Với mỗi mạng xã hội, Quý khách chỉ cần dán đường link (địa chỉ web) trang của công ty mình vào ô tương ứng. Nếu ô đó để trống, biểu tượng sẽ không hiện ra.
• Ví dụ với Facebook:
  • Mở một tab mới trên trình duyệt, truy cập vào trang Fanpage Facebook của công ty bạn.
  • Nhìn lên thanh địa chỉ ở trên cùng, bôi đen toàn bộ địa chỉ (ví dụ: https://www.facebook.com/tencongtycuaban).
  • Nhấn chuột phải và chọn “Sao chép” (Copy).
  • Quay lại tab chỉnh sửa website, tìm đến ô “Facebook” và dán (Paste) đường link vừa sao chép vào.
• Làm tương tự với các kênh khác:
  • Instagram: Dán link trang Instagram của bạn.
  • YouTube: Dán link kênh YouTube của bạn.
  • Zalo: Dán link Zalo Official Account của bạn. Hoặc dán số điện thoại theo cú pháp https://zalo.me/sodienthoai (thay sodienthoai bằng số điện thoại Zalo của bạn, ví dụ: https://zalo.me/0912345678).
  • Email: Gõ vào mailto:diachiemail@congty.com (thay diachiemail@congty.com bằng email của bạn). Khi khách bấm vào, nó sẽ mở ứng dụng gửi mail.
  • Phone (Điện thoại): Gõ vào tel:sodienthoai (thay sodienthoai bằng số điện thoại của bạn, ví dụ: tel:0912345678). Khi khách bấm vào trên điện thoại, nó sẽ tự động gọi.

Bước 3: Tùy chỉnh giao diện (Style)

Quý khách có thể thay đổi hình thức của các nút cho đẹp mắt hơn:

• Style: Chọn kiểu nút (viền màu, nền màu, đơn giản…).
• Color: Chọn màu sắc (bình thường hoặc khi di chuột vào).
• Size: Chỉnh kích thước to nhỏ.
• Align: Căn lề (trái, giữa, phải).

Sau khi chỉnh xong, nhấn nút “Apply” ở dưới cùng cột bên trái.

Phần 4: Lưu Lại Toàn Bộ Thay Đổi

Đây là bước cuối cùng để mọi thứ được lưu lại và hiển thị chính thức trên website.

Bước 1: Lưu thay đổi của trang

• Sau khi đã hài lòng với các nút vừa tạo, hãy nhìn lên góc trên bên phải của màn hình, nhấp vào nút “Update” (Cập nhật) màu xanh lá.

Bước 2: Thoát khỏi chế độ chỉnh sửa

• Để thoát, hãy nhấp vào dấu “X” ở góc trên cùng bên trái.

Bước 3: Kiểm tra lại thành quả!

• Bây giờ trang web sẽ được tải lại ở chế độ xem bình thường.
• Quý khách hãy thử nhấp vào từng nút vừa tạo để xem nó có dẫn đến đúng trang Facebook, Zalo… của mình không. Đây là bước kiểm tra rất quan trọng!

Mẹo Nhỏ & Lưu Ý Quan Trọng

• Không thấy icon hiện ra? -> Hãy kiểm tra lại xem ô đường link của icon đó đã được điền chưa. Nếu ô trống, icon sẽ tự động ẩn đi.
• Muốn thay đổi vị trí các icon? -> Ở cột tùy chọn bên trái, Quý khách có thể kéo thả các ô (Facebook, Instagram…) để sắp xếp lại thứ tự của chúng.
• Nên đặt ở đâu? -> Các nút “Follow” thường được đặt ở đầu trang (Header) hoặc chân trang (Footer). Các nút “Share” thường đặt ở đầu hoặc cuối mỗi bài viết, sản phẩm.