Chia sẽ liên hệ đẹp cho Flatsome wordpress

Trước đây mình có chia sẽ liên hệ đẹp cho Flatsome nếu cần có thể tham khảo lại các link sau :

Chia sẽ liên hệ đẹp cho Flatsome wordpress – Box 7

Có 3 ICON được hiện thị

Hiện thị Lightbox Commem Zalo – Khi lick vào sẽ có 1 Box Commem của Zalo hiện thị , sẽ hiẹn thị commem theo từng ID bài đăng nhé
Chát messenger – Trực tiếp vào messenger để chát với Mình
Hiện thị Tổng Số Commem trên trang , có link trọ tới commem để có thể Bình luận trên mỗi bài đăng

Cách chèn vào theme

Bạn vào flatsome

Global Settings / FOOTER SCRIPTS và chèn code sau

<div class="tg_contact_fixed_2021">
	<ul>
		<li class="zalo-cm">
<a href="#zalo1"><img src="https://flatsome.xyz/wp-content/uploads/2021/10/zalo.png"></a>

	
		
<script src="https://sp.zalo.me/plugins/sdk.js"></script>
<div class="zalo-comment-plugin" data-appid="2646601289461634641" data-size="5" data-href=""></div>
	
	
	

</li>
<li>
<a href="http://m.me/100001876557849" data-toggle="tooltip" data-html="true" target="_blank" data-placement="left" title="" data-original-title="Messenger">
<img src="https://flatsome.xyz/wp-content/uploads/2021/10/mess.png"></a>
		</li>
		<li>
<a href="#comments" data-toggle="tooltip" data-html="true" class="chatwithus" id="livechat" data-placement="left" title="" data-original-title="Bình Luận bài đăng"><span>
[wpb_total_comments]</span>
<img src="https://flatsome.xyz/wp-content/uploads/2021/10/contac.png">
</a></li>
	</ul>
	
</div>
<style>
.tg_contact_fixed_2021 {
    position: fixed;
    z-index: 999;
right: 25px !important;
    bottom: 80px !important;
}
.tg_contact_fixed_2021 ul li {
    margin: 0 0 10px 0;
    position: relative;
    list-style: none;
}
.tg_contact_fixed_2021 ul li a {
    width: 55px;
    height: 55px;
    background: #22aef9;
    color: #fff;
    display: table;
    text-align: center;
    line-height: 53px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tg_contact_fixed_2021 a.chatwithus span {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #ff0700;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    font-size: 11px;
    padding: 3px;
}
</style>

Sau khi thêm và lưu lại bạn cần làm tiếp các việc sau :

Tạo 1 Short có tên là [ wpb_total_comments] bằng cách thêm code sau vào Funtoin.php nhé . ( tìm hiểu cách tạo 1 short bất kỳ tại đây)

Thêm vào function.php

// Đếm số commem trong bài
function wpb_comment_count() { 
$comments_count = wp_count_comments();
$message =  '  '.  $comments_count->approved . '  ';
return $message; 
} 
add_shortcode('wpb_total_comments','wpb_comment_count'); 
add_filter('widget_text','do_shortcode');