Có rất nhiều plugin hỗ trợ việc hiển thị nút chia sẻ lên mạng xã hội, nhưng nếu ban chỉ muốn hiển thị chia sẻ Twitter và Facebook Like, và không sử dụng WordPress Plugin thì đây là giải pháp dành cho bạn.
Lưu ý:
- Bạn có thể truy cập https://publish.twitter.com/?buttonType=TweetButton&widget=Button và https://developers.facebook.com/docs/plugins/like-button/ để tạo mã HTML cho riêng mình.
- Cả 2 nền tảng mạng xã hội đều cung cấp cho bạn một số HTML và JAVASCRIPT. Bạn cần phải đặt những đoạn code vào vị trí chính xác như bên dưới.
Thêm nút chia sẻ Twitter và Facebook Like không dùng plugin
/**
* Social Media Buttons - WooCommerce Single Product Page
* Twitter: https://publish.twitter.com/?buttonType=TweetButton&widget=Button
* Facebook: https://developers.facebook.com/docs/plugins/like-button/
*/
add_action( 'woocommerce_single_product_summary', 'nhutcoder_fb_twitter_single_product', 6 );
function nhutcoder_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>'; // Tham khảo từ link Twitter docs
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>'; // Tham khảo từ link Facebook docs, nhưng giữ lại get_permalink()
echo '</div>';
}
add_action( 'wp_footer', 'nhutcoder_twitter_facebook_js', 9999 );
function nhutcoder_twitter_facebook_js() {
if ( is_product() ) {
echo '<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>'; // Tham khảo từ link Twitter docs
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>'; // Tham khảo từ link Facebook docs
}
}