Tạo đa dạng nút tìm đến, gọi tặng website WordPress

Tạo nút gọi nằm trên thanh footer trong plugin flatsome

 

Tạo nút gọi trong wordpress cho website - Đối với Theme Flatsome

Để tạo nút liên hệ, tạo nút chat zalo và chat Facebook cho website Word press, cũng giống như khách hàng thường xuyên đổi mới các nút như thế nào? Có các cách sau đây được chia sẻ chi tiết trong bài viết này.

Việc tích hợp các nút bên trên không hề khó, bài viết này sieutocviet sẽ có các hướng dẫn cho bạn các bước làm dễ dàng và đơn giản nhất, đơn giản hiểu nhất. Tạo nút gọi trong wordpress cho website Tạo nút gọi nằm trên thanh footer trong plugin flatsome

Copy lập trình HTML và CSS:

• Đầu tiên bạn hãy vào Advanced >> Gloabal Settings, tại đây chúng ta có 2 phần đó là HEADER SCRIPTS và FOOTER SCRIPTS, đây là 2 phần để sau này bạn chèn các mã nguồn để thực thi các lệnh khác đưa cho toàn trang của bạn tại đây.

• Sau đó các bạn copy đoạn code sau và chèn vào FOOTER SCRIPTS

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<section class="mobile_chat hidden-md hidden-lg"> <div class="container"> <div class="row"> <div class="col-xs-3 chat-item"> <a href="tel:0919383299 " class="chat-item-url"> <div class="chat-item-image"> <img src="LINK HÌNH ẢNH CỦA BẠN" class="img-responsive" alt="goi-dien"> </div> </a> </div> <div class="col-xs-3 chat-item"> <a href="sms:SỐ ĐIỆN THOẠI" class="chat-item-url"> <div class="chat-item-image"> <img src="LINK HÌNH ẢNH CỦA BẠN" class="img-responsive" alt="nhan-tin"> </div> </a> </div> <div class="col-xs-3 chat-item"> <a href="http://zalo.me/SĐT" class="chat-item-url"> <div class="chat-item-image"> <img src="LINK HÌNH ẢNH CỦA BẠN" class="img-responsive" alt="chat-zalo"> </div> </a> </div> <div class="col-xs-3 chat-item"> <a href="https://www.messenger.com/t/TÊN FB Để LIÊN LẠC/"> <div class="chat-item-image"> <img src="LINKHÌNH ẢNH CHỈNH TẠI ĐÂY" class="img-responsive" alt="facebook"> </div> </a> </div> </div> </div> </section>

Nếu trước đó người dùng cần cách khoảng đa dạng dòng để phân tách riêng biệt các đoạn lập trình khác nhau, để việc biên tập tiện dụng hơn thay đổi code:

• Đến đây sieutocviet sẽ chỉ quý khách chuyển đổi thành tin tức của bạn

Ta tìm kiếm đoạn code sau: Ở những dòng có bôi màu cần phải cam bạn hãy sửa thành số điện thoại, link chứa hình ảnh bạn chèn vào đây là mình đã nắm tới nút liên hệ đầu tiên cho web site Wp. Riêng với những ai chưa biết cách up ảnh "tell-icon" để chuyển đổi tặng Wp của bạn thì xem ảnh dưới. Tạo nút gọi trong wordpress cho website Tạo nút gọi nằm trên thanh footer trong plugin flatsome. Đầu tiên bạn sẽ vào Thư viện >> vận chuyển lên - sau đó chuyên chở lên ảnh mà bạn tốt nhất nên tại đây, và chọn vào ảnh mà bạn đã tải lên sau đó copy hết tất cả phần URL mình đã bôi đen trong hình.