[Hướng dẫn] Thêm nút like share facebook và chia sẻ twitter siêu đẹp không cần plugin

Thêm nút like, share facebook và chia sẻ twitter siêu đẹp không cần plugin

Bạn có 1 sản phẩm thú vị và bạn muốn thêm nút chia sẻ hay nút like để thúc đẩy mọi người hành động và gia tăng sự viral cho cho sản phẩm đó. Có rất nhiều plugin cho phép bạn làm điều đó chỉ với 1 vài thao tác cơ bản. Tuy nhiên, việc cài nhiều plugin lại khiến bạn đắn đo vì sợ rằng sẽ làm chậm tốc độ của web.

Hôm nay, flatsomea-z sẽ hướng dẫn các bạn cách thêm nút like share facebook và chia sẻ twitter siêu đẹp không cần plugin. Let’s go

Thêm nút like, share facebook và chia sẻ twitter siêu đẹp không cần plugin
Thêm nút like, share facebook và chia sẻ twitter siêu đẹp không cần plugin

Code: Thêm nút Chia sẻ Twitter và nút Like, Share Facebook trong WooCommerce

Bạn chỉ cần copy và page đoạn code sau vào file functions.php là được nhé!

add_action( 'woocommerce_single_product_summary', 'bbloomer_fb_twitter_single_product', 6 );

function bbloomer_fb_twitter_single_product() {

echo '<div>';

echo '<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-hashtags="apieceofsicily" data-related="apieceofsicily" data-show-count="false">Tweet</a>'; // GET THIS HTML FROM TWITTER DOCS LINK ABOVE

echo '<div class="fb-like" data-href="' . get_permalink() . '" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="true"></div>'; // GET THIS HTML FROM FACEBOOK DOCS LINK ABOVE BUT KEEP THE get_permalink() PART

echo '</div>';
}

add_action( 'wp_footer', 'bbloomer_twitter_facebook_js', 9999 );

function bbloomer_twitter_facebook_js() {

if ( is_product() ) {

echo '<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>'; // GET THIS HTML FROM TWITTER DOCS LINK ABOVE

echo '<div id="fb-root"></div><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0"></script>'; // GET THIS HTML FROM FACEBOOK DOCS LINK ABOVE

}
}

Lưu lại và load lại trang sản phẩm xem OK chưa nhé. Chúc bạn thành công ^^

 

Trả lời

Email của bạn sẽ không được hiển thị công khai.