LEVIK Company

Smart Social Media Buttons – The easiest way to add customizable, responsive social media buttons to WordPress.
Key Features: 
– Flexible Integration: Add customizable social media buttons as blocks or widgets to pages, sidebars, and footers. 
– Built-in Icon Picker: Use the integrated FontAwesome icons or upload custom SVGs with ease. 
– Customizable Designs: Adjust button size, color, alignment, and hover effects using the user-friendly interface. 
– Custom Links: Add unique links to each button, with options to open links in a new tab and add link attributes like nofollow for SEO optimization. 
– One-Click Style Copying: Seamlessly copy and paste button styles across different blocks to maintain design consistency. 
– Responsive & Mobile-Friendly: Optimized for desktops, tablets, and mobile devices to ensure a seamless user experience across all screens. 
– No Coding Required: Effortlessly customize layout, styles, icons, and more with easy-to-use settings. 
– Performance-Optimized: Efficiently loads resources to keep your WordPress site running smoothly, without impacting performance. 
– Flexible Hover Effects: Add animations such as scale, lift, darken, blink, rotate, and more to create engaging interactions. 
– Enhanced User Experience: Manage button settings through an intuitive right-sidebar panel or toolbar, offering a streamlined editing process.
<h3>Usage Instructions</h3>
<ol>
<li>
Adding the Widget:
<ul>
<li>Open the Block Editor or navigate to the Widgets section in the WordPress Customizer.</li>
<li>Search for “Smart Social Media Buttons” and insert it into the desired location (page, post, sidebar, or footer).</li>
<li>Configure the widget using the settings panel, adjusting layouts, styles, and alignments as needed.</li>
</ul>
</li>
<li>
Uploading Custom SVGs:
<ul>
<li>In the widget’s settings panel, click the Upload SVG button.</li>
<li>Choose an SVG file from your computer and customize its size, color, and other attributes.</li>
</ul>
</li>
<li>
Adding Links to Icons:
<ul>
<li>Enter the desired URL in the settings panel for each social media button.</li>
<li>Choose options such as opening links in a new tab and specifying <code>rel</code> attributes for better SEO control.</li>
</ul>
</li>
<li>
Using the Icon Picker:
<ul>
<li>Search for any icon in the Icon Picker and select it from the list.</li>
<li>You can add or change icons directly from the toolbar panel.</li>
</ul>
</li>
<li>
Adding Links in the Toolbar:
<ul>
<li>Use the Add Link button in the toolbar panel to add or edit links for your icons.</li>
<li>Adjust link attributes like opening in a new tab and adding <code>rel</code> values directly from the panel.</li>
</ul>
</li>
<li>
Setting up Responsive Controls:
<ul>
<li>Customize settings for desktop, tablet, and mobile devices to ensure optimal display across all screen sizes.</li>
</ul>
</li>
<li>
Using Different Backgrounds:
<ul>
<li>Choose between solid, gradient, or image backgrounds in the settings sidebar, making it easy to match your website’s style.</li>
</ul>
</li>
<li>
Copy and Paste Styles:
<ul>
<li>Use the Copy Styles button in the toolbar to copy CSS styles of a button.</li>
<li>Use the Paste Styles button to apply the copied styles to another button.</li>
<li>Note: Only CSS styles are copied; icons and links are not transferred.</li>
</ul>
</li>
</ol>
<h3>Development Instructions</h3>
For developers looking to make modifications or rebuild the plugin from source, follow the steps below:
<h3>Setup</h3>
<ol>
<li>Install Dependencies: Ensure you have <a href="https://nodejs.org/" rel="nofollow ugc">Node.js</a> installed on your machine.</li>
<li>Run the following command in the plugin’s root directory to install dependencies: 
npm install</li>
<li>Build the Plugin for Production: 
npm run build – this command will generate the minified files in the build folder</li>
<li>Start Development Mode (Optional): 
npm run start – this command will watch for changes in your source files and recompile them automatically</li>
<li>Update Packages (Optional): 
npm run packages-update – update WordPress packages to the latest versions</li>
</ol>
Starting with WordPress 6.7, it is recommended to set __nextHasNoMarginBottom = { true } on components such as BaseControl, ToggleControl, TextControl and RangeControl to ensure compatibility with upcoming changes in WordPress 7.0.
<h3>Compatibility</h3>
<ul>
<li>WordPress Version: Tested with 6.1, compatible with newer versions.</li>
<li>PHP Version: 7.0 and above recommended.</li>
<li>Browsers: Compatible with major browsers (Chrome, Firefox, Safari, Edge).</li>
<li>Themes: Designed to work with most WordPress themes; minor adjustments may be required for styling.</li>
</ul>
<h3>Support and Documentation</h3>
For support, please reach out to us at <a href="mailto:levik.company@gmail.com" rel="nofollow ugc">levik.company@gmail.com</a>. We aim to respond within 24-48 hours during business days. 
For more information on how to use the plugin, refer to the included user documentation (PDF) in the plugin package.
Support includes: 
– Assistance with installation and setup. 
– Help with configuring plugin features. 
– Guidance on troubleshooting common issues.
Support does not include: 
– Custom development or major modifications. 
– Troubleshooting third-party conflicts.
<h3>FontAwesome Attribution</h3>
FontAwesome Free icons are integrated under the SIL OFL 1.1, CC BY 4.0, and MIT licenses. Proper attribution is provided in the plugin code. Learn more about the FontAwesome Free license <a href="https://fontawesome.com/license/free" rel="nofollow ugc">here</a>.
<h3>Credits</h3>
<ul>
<li>This plugin uses FontAwesome Free, licensed under SIL OFL 1.1, CC BY 4.0, and MIT licenses.</li>
<li>WordPress contributors for inspiration and guidance.</li>
</ul>
<h3>Privacy and Data Collection</h3>
This plugin does not collect, store, or transmit any user data to external servers. It only uses cookies for necessary functionality and does not track users.

Smart Social Media Buttons

A flexible widget for adding customizable social media icon buttons with options for custom URLs, SVG uploads, and more.

WPXtension

Social Share for WooCommerce allows you to add actionable social icons on WooCommerce single product pages. This WooCommerce extension gives you a quick single-click solution to share your products on various social media platforms.
Social media has a great influence on our everyday life. They have become an inseparable part of our modern life. As a result, social media gained the ability to influence sectors like eCommerce. Top and successful marketers understand the importance of social presence and social media marketing to boost a business, especially in the eCommerce sector. Why should you miss out!
WooCommerce comes with tons of features, but it does not offer a default option to add actionable social media icons. With Social Share for WooCommerce, you can add social media icons to the product page. Additionally, you can add a copy to the clipboard button along with the social media platforms. This will allow everyone to copy the product link into the clipboard.
<a href="https://demo.wpxtension.com/social-share-for-woocommerce/product/t-shirt/" title="Social Share Demo." rel="nofollow ugc">View Demo</a> | <a href="https://wpxtension.com/doc-category/social-share-for-woocommerce/" title="Social Share Documentation." rel="nofollow ugc">Documentation</a> | <a href="https://wpxtension.com/support-ticket" title="Help & Support." rel="nofollow ugc">Support</a> | <a href="https://wpxtension.com/product/social-share-for-woocommerce/" title="Social Share for WooCommerce Pro." rel="nofollow ugc">Pro Version</a>
<h3>Features of this plugin</h3>
🥳 One-click social share for WooCommerce products 
Give your customers the ability to share your products on various social media sites with just a single click.
🥳 Select your desired social media icons 
You can select your desired social media icons from a given list. So, you can precisely choose your desired social media platforms.
🥳 Customize the order of the social media icons 
Additionally, you can drag and drop the icons to customize their order on the product page. Thus, you can effortlessly put your most desired social channel in the first position and so on.
🥳 Control the social media icon’s display position 
This WooCommerce extension also allows you to select the desired position of the social media icons on the product pages. Currently, there are three spots to choose from. You can either display the social media icons with the product category name, after the product title, or after the product price.
Additionally, there is an option to hide the icon. The premium module offers an option to display floating social share icons on the left or right side of the browser window. When activating that option, you may want to hide the icons from other places.
🥳 Control the content of the icons 
The plugin offers customization options for social media icons. Here you also have three different options to choose from. You can select between only icon, only text, and both icon and text at the same time.
🥳 Customize the social media icon’s appearance 
The plugin is simple but when it comes to enriching the features, there is no compromise. Based on your theme and product page appearance, you can choose the best icon shape for your WooCommerce store. You can choose between Round and Square shapes at this moment.
🥳 Copy product link to Clipboard made easy 
Moreover, the plugins also add an option to enable a “Copy to Clipboard” option along with the social media icons. As a result, your customers will be able to copy the product link to the clipboard while they are also able to share the products on the included social networks.
🥳 Display title before social icons 
The plugin lets you enable title text before social icons. By default, the text will appear as ‘Share On.’
🥳 Shortcode 
Using a page builder like- Elementor, Divi, Beaver Builder, etc? The plugin gives you a facility of a shortcode. Using <code>[psfw_basic_share]</code> you can display social icons in any spot on the page.
🥳 Pop-up modal with all social icons 
Keep your product page clean by displaying icons of the most popular social platform. Enjoy peace of mind knowing that your customers can still access all available platforms on the pop-up modal.
<h3>Feature Highlights of Social Share for WooCommerce PRO</h3>
🔥 <a href="https://wpxtension.com/product/social-share-for-woocommerce/" title="Advanced Version of Social Share for WooCommerce" rel="nofollow ugc">GET THE ADVANCED VERSION</a>
✔️ Set floating social share icons on the left or right side of the browser window
✔️ Love tooltips! advanced version of Social Share for WooCommerce have you covered
✔️ Let your customers share specific variation links to their desired social platforms (even it will work for the pop-up modal with all social icons )
🎨️ Color customization to sync social share icons with your brand is at your fingertips
🎨️ Font size customization that matches your store’s existing design is a breeze
🎨️ Additionally, it also allows you to change font weight to normal(Regular), lighter, or bold
🎨️ Most importantly, you will be able to tweak the size of the social platform icons
🎨️ On top of that, there are ample options to customize the hover style of the items
🎨️ Finally, the tooltip text color and background color are also easily customizable
🎨️ Display a social share icon on the shop/archive page to share it from the product listing
<h3>Our Popular Addons for WooCommerce</h3>
👉 <a href="https://wordpress.org/plugins/variation-price-display/" rel="ugc">Variation Price Display Range for WooCommerce</a> 
👉 <a href="https://wordpress.org/plugins/fast-cart/" rel="ugc">Fast Cart for WooCommerce</a> 
👉 <a href="https://wordpress.org/plugins/product-variant-table-for-woocommerce/" rel="ugc">Product Variation Table for WooCommerce – PVT</a> 
👉 <a href="https://wordpress.org/plugins/variations-as-radio-buttons/" rel="ugc">VariationX – Variations as Radio Buttons for WooCommerce</a>

Social Share for WooCommerce

Display social icons on the different spots of product pages to share your WooCommerce product on social media sites.

Smart Social Media Buttons vs Social Share for WooCommerce