WooCommerce: Compartir en Twitter y Me gusta en Facebook en una sola página de producto (sin complemento)

Una vez más, esta semana echamos un vistazo a algunas de las personalizaciones de WooCommerce que agregué personalmente a A Piece of Sicily , un mercado de comida y artesanía siciliano que dirijo junto con mi futura esposa.

Esta semana echamos un vistazo a la página de un solo producto. Hay cientos de complementos para compartir en las redes sociales, pero decidí ser liviano y simplemente incrustar los botones Compartir de Twitter y Me gusta de Facebook, para no tener que preocuparme por actualizaciones de complementos, conflictos, etc. Puede ver el resultado final en una de mis páginas de productos, como https://www.apieceofsicily.com/en/shop/sicilian-food/confetture-iddu-e-idda-e-arancella/

Entonces, así es como se hace. ¡Disfrutar!

Aquí está el resultado final: algunos botones útiles para compartir en las redes sociales en la página del producto de WooCommerce, ¡sin usar un complemento!

Fragmento de PHP: agregue los botones Compartir en Twitter y Me gusta en Facebook en la página de producto único de WooCommerce

Nota 1: puede ir a https://publish.twitter.com/?buttonType=TweetButton&widget=Button y https://developers.facebook.com/docs/plugins/like-button/ respectivamente para generar su propio HTML que debe incluir en el fragmento a continuación.

Nota 2: ambas plataformas de redes sociales le brindan algo de HTML para la interfaz y también algo de JAVASCRIPT. Debe asegurarse de colocar estos 2 en los lugares correctos a continuación.

/**
 * @snippet       Social Media Buttons - WooCommerce Single Product Page
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
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="'%20. 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
 
   }
}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir