Tạo đa dạng nút tìm đếngọ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 gọi, tạo nút chat zalo và chat Facebook cho web site Word press, tương tự như quý khách 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ẻ khía cạnh 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ó, nội dung bài viết này sieutocviet sẽ hướng dẫn tặng bạn các bước làm đơn giản và dễ dàng nhất, dễ dàng 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 nắm tới 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 cho toàn trang của bạn tại đây.

  • Sau đó người mua 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 đó các bạn nên cách khoảng rộng rãi dòng để phân tách riêng biệt các đoạn code khác nhau, để việc thay đổi thuận tiện hơn

biên tập code:

  • Đến đây sieutocviet sẽ chỉ người dùng đổi thay biến thành thông báo của bạn

Ta tìm đoạn code sau:

Ở những dòng nắm tới bôi màu cần phải cam bạn hãy sửa biến 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 tìm đến đầu tiên đưa cho trang web Word press. Riêng với những ai chưa biết cách up ảnh “tell-icon” để thay đổi đưa cho Word press 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 đó tải lên ảnh mà bạn nên tại đây, và chọn vào ảnh mà bạn đã chuyên chở lên sau đó copy hết đa số phần URL mình đã bôi đen trong hình.

5/5 - (3 bình chọn)

Tạo nút gọi, liên hệ, zalo, chat cho website wordpress

Lê Trương Tấn Lộc (sieutocviet.vn)

Có hơn 4 năm thực chiến Wordpress, asp.net 7 năm kinh nghiệm trong quản lý web site tư vấn giải pháp SEO từ khóa, Kinh doanh online tối ưu nhất cho công ty.
Hiện giữ chức vụ trưởng phòng kinh doanh tại Siêu Tốc Việt.