Share code tạo nút liên hệ đẹp cho theme Flatsome

Share code tạo nút liên hệ đẹp cho theme Flatsome

Một website bán hàng thì không thể thiếu các nút liên hệ vừa đẹp vừa dễ thấy được. Chính vì vậy hôm nay mình sẽ share cho các bạn code tạo nút liên hệ đẹp dành riêng cho theme flatsome.

Đối với những theme khác thì bạn có thể tùy chỉnh lại để phù hợp với giao diện của mình. Không dài dòng nữa, đây là code chính.

Hình ảnh demo:

Share code tạo nút liên hệ đẹp cho theme Flatsome

Bước 1: Theme đoạn code sau vào phần footer

Bạn truy cập vào phần quản trị => Flatsome => Advanced => Global Settings => Footer Script và dán đoạn mã dưới đây vào.

Các bạn nhớ thay đổi các phần sau thành thông tin của mình nhé:

  • tel:0900000000 => đổi thành số điện thoại của bạn.
  • https://www.facebook.com/tenfanpage/inbox => đổi thành đường link fanpage của bạn.
  • https://zalo.me/0900000000 => phần này cũng đổi thành số zalo của bạn.

Bước 2: Theme css cho đẹp

Để thêm css thì bạn chỉ cần copy và paste đoạn mã dưới đây vào mục custom css trong phần advanced giống bước 1 là được.

Cũng trong phần quản trị => Flatsome => Advanced => Custom CSS => All Screens và dán vào đây.

Các bạn lưu ý các đường dẫn hình ảnh như: https://ejc.com.vn/img/zalo.png, https://ejc.com.vn/img/sms.png và https://ejc.com.vn/img/fb.png. Bạn có thể tải về và lưu trữ ở website mình cho nhẹ và tránh trường hợp các link trên bị xóa, làm lỗi hiển thị các nút.

Như vậy là đã xong, chúc các bạn thành công.

#nguồn: flatsome.xyz

Đánh giá post

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *