Share from product pages

Social Share for WooCommerce PRO gives shoppers social icons for sharing WooCommerce products with a selected platform. They can also copy a product link to the clipboard. Choose which icons appear and arrange their order with drag and drop.

Choose where sharing appears

On single product pages, place icons with the product category name, after the title, or after the price. You can hide them from those positions. PRO also supports floating icons on the left or right side of the browser window. When floating icons are enabled, you can hide icons in the other positions to avoid showing the controls twice. A social share icon can also appear on shop and archive pages, so products can be shared from a listing.

Set how shoppers access platforms

Choose whether each sharing item shows an icon, text, or both. The default label is Share On. A pop-up modal can show all available social icons while the main product page displays the selected popular platforms. Use the [psfw_basic_share] shortcode to place social icons elsewhere on a page; it can be used with page builders such as Elementor, Divi, and Beaver Builder.

Share specific variations

Customers can share links to specific product variations through their chosen social platforms. Variation links are also supported when customers open the social icons in the pop-up modal.

Adjust the appearance

Match the sharing controls to the shop design with PRO’s show and styling settings:

• Show floating icons on the left or right side of the browser window.
• Add tooltips to sharing entries and set the tooltip text and background colors.
• Change social icon colors, icon size, and font size.
• Choose normal, lighter, or bold font weight.
• Customize hover styles for sharing items.

Configure the sharing controls

1. Select the social platforms to display.
2. Arrange the icons in the preferred order.
3. Choose product-page, floating, shop-page, shortcode, or pop-up placement.
4. Enable copy-to-clipboard and variation-link sharing where appropriate.
5. Adjust labels, tooltips, colors, sizes, font settings, and hover styles.