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 :
- Share icon box liên hệ đẹp cho theme Flatsome – 5 loại ion
- Button follow , contact liên hệ Đẹp – Box 6
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
|
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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<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> [lightbox id="zalo1" width="600px" padding="20px"] <script src="https://sp.zalo.me/plugins/sdk.js"></script> <div class="zalo-comment-plugin" data-appid="2646601289461634641" data-size="5" data-href=""></div> [/lightbox] </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
|
1 2 3 4 5 6 7 8 |
// Đế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'); |
-
Tạo một Cách chèn comment bằng zalo băng link này
Chèn lại đoạn này nhé
<div class=”zalo-comment-plugin” data-appid=”2646601289461634641″ data-size=”5″ data-href=””></div>
Do thẻ data-appid sẽ lấy theo ID của AP mình tạo nhé
Nếu bạn làm ko được có thể Để lại Bình Luận mình sẽ giúp
Chúc bạn thành công nhé !
Theo : downvn.net
Pingback: Css frame background sản phẩm wordpress - FLATSOME - FREE EVERY THING
Pingback: Chia sẽ liên hệ đẹp cho Flatsome wordpress – Box 7 - FLATSOME - FREE EVERY THING
Pingback: Liên hệ đẹp cho theme Flatsome wordpress – Box liên hệ 8