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 đưa cho trang web Word press, như các bạn thường xuyên biên tập các nút giống như thế nào? Có các cách sau đây được chia sẻ yếu tố trong nội dung 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 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 sở hữu 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 đó khách hàng copy đoạn lập trình 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 tốt nhất nên cách khoảng đa dạng dòng để phân tách riêng biệt các đoạn code khác nhau, để việc chỉnh sửa tiện dụng hơn

thay đổi code:

  • Đến đây sieutocviet sẽ chỉ quý khách đổi thay biến thành thông tin của bạn

Ta tìm đoạn lập trình sau:

Ở những dòng có bôi màu nên 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 đã có nút liên hệ đầu tiên đưa cho web Word press. Riêng với những ai chưa biết cách up ảnh “tell-icon” để chuyển đổi tặng 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 >> chuyển vận lên – sau đó chuyển vận 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 hầu hết 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.page)

Với hơn 3 năm thực chiến Drupal 7 năm thực chiến trong quản trị website tư vấn giải pháp Seo google, Marketing tối ưu nhất cho tập đoàn quốc tế.
Hiện đang là giám đốc kinh doanh tại Siêu Tốc Việt.