LEVIK Company

<p><strong>Smart Social Media Buttons – The easiest way to add customizable, responsive social media buttons to WordPress.</strong></p>
<p>Key Features:<br />
– Flexible Integration: Add customizable social media buttons as blocks or widgets to pages, sidebars, and footers.<br />
– Built-in Icon Picker: Use the integrated FontAwesome icons or upload custom SVGs with ease.<br />
– Customizable Designs: Adjust button size, color, alignment, and hover effects using the user-friendly interface.<br />
– 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.<br />
– One-Click Style Copying: Seamlessly copy and paste button styles across different blocks to maintain design consistency.<br />
– Responsive & Mobile-Friendly: Optimized for desktops, tablets, and mobile devices to ensure a seamless user experience across all screens.<br />
– No Coding Required: Effortlessly customize layout, styles, icons, and more with easy-to-use settings.<br />
– Performance-Optimized: Efficiently loads resources to keep your WordPress site running smoothly, without impacting performance.<br />
– Flexible Hover Effects: Add animations such as scale, lift, darken, blink, rotate, and more to create engaging interactions.<br />
– Enhanced User Experience: Manage button settings through an intuitive right-sidebar panel or toolbar, offering a streamlined editing process.</p>
<h3>Usage Instructions</h3>
<ol>
<li>
<p><strong>Adding the Widget:</strong></p>
<ul>
<li>Open the Block Editor or navigate to the <em>Widgets</em> 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>
<p><strong>Uploading Custom SVGs:</strong></p>
<ul>
<li>In the widget’s settings panel, click the <em>Upload SVG</em> button.</li>
<li>Choose an SVG file from your computer and customize its size, color, and other attributes.</li>
</ul>
</li>
<li>
<p><strong>Adding Links to Icons:</strong></p>
<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>
<p><strong>Using the Icon Picker:</strong></p>
<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>
<p><strong>Adding Links in the Toolbar:</strong></p>
<ul>
<li>Use the <em>Add Link</em> 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>
<p><strong>Setting up Responsive Controls:</strong></p>
<ul>
<li>Customize settings for desktop, tablet, and mobile devices to ensure optimal display across all screen sizes.</li>
</ul>
</li>
<li>
<p><strong>Using Different Backgrounds:</strong></p>
<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>
<p><strong>Copy and Paste Styles:</strong></p>
<ul>
<li>Use the <em>Copy Styles</em> button in the toolbar to copy CSS styles of a button.</li>
<li>Use the <em>Paste Styles</em> button to apply the copied styles to another button.</li>
<li><strong>Note:</strong> Only CSS styles are copied; icons and links are not transferred.</li>
</ul>
</li>
</ol>
<h3>Development Instructions</h3>
<p>For developers looking to make modifications or rebuild the plugin from source, follow the steps below:</p>
<h3>Setup</h3>
<ol>
<li><strong>Install Dependencies</strong>: 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:<br />
npm install</li>
<li>Build the Plugin for Production:<br />
npm run build – this command will generate the minified files in the build folder</li>
<li>Start Development Mode (Optional):<br />
npm run start – this command will watch for changes in your source files and recompile them automatically</li>
<li>Update Packages (Optional):<br />
npm run packages-update – update WordPress packages to the latest versions</li>
</ol>
<p>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.</p>
<h3>Compatibility</h3>
<ul>
<li><strong>WordPress Version:</strong> Tested with 6.1, compatible with newer versions.</li>
<li><strong>PHP Version:</strong> 7.0 and above recommended.</li>
<li><strong>Browsers:</strong> Compatible with major browsers (Chrome, Firefox, Safari, Edge).</li>
<li><strong>Themes:</strong> Designed to work with most WordPress themes; minor adjustments may be required for styling.</li>
</ul>
<h3>Support and Documentation</h3>
<p>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.<br />
For more information on how to use the plugin, refer to the included user documentation (PDF) in the plugin package.</p>
<p>Support includes:<br />
– Assistance with installation and setup.<br />
– Help with configuring plugin features.<br />
– Guidance on troubleshooting common issues.</p>
<p>Support does not include:<br />
– Custom development or major modifications.<br />
– Troubleshooting third-party conflicts.</p>
<h3>FontAwesome Attribution</h3>
<p>FontAwesome Free icons are integrated under the <strong>SIL OFL 1.1, CC BY 4.0, and MIT licenses</strong>. 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>.</p>
<h3>Credits</h3>
<ul>
<li>This plugin uses FontAwesome Free, licensed under <strong>SIL OFL 1.1, CC BY 4.0, and MIT licenses</strong>.</li>
<li>WordPress contributors for inspiration and guidance.</li>
</ul>
<h3>Privacy and Data Collection</h3>
<p>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.</p>


Smart Social Media Buttons

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

AddToAny

micropat

<p>The AddToAny Share Buttons plugin for WordPress increases traffic & engagement by helping people share your posts and pages to any service. Services include Facebook, Bluesky, Mastodon, Pinterest, WhatsApp, LinkedIn, Threads, Tumblr, Reddit, X, WeChat, and many more sharing and social media sites & apps.</p>
<p>AddToAny is the home of universal sharing, and the AddToAny plugin is the most popular share plugin for WordPress, making sites social media ready since 2006.</p>
<h4>Share Buttons</h4>
<ul>
<li><a href="https://www.addtoany.com/buttons/customize/wordpress/standalone_services" rel="nofollow ugc"><strong>Standard</strong></a> share buttons — share each piece of content</li>
<li><a href="https://www.addtoany.com/buttons/customize/wordpress/floating_share_buttons" rel="nofollow ugc"><strong>Floating</strong></a> share buttons — responsive & customizable, vertical & horizontal</li>
<li><strong>Counters</strong> — fast & official <a href="https://www.addtoany.com/buttons/customize/wordpress/share_counters" rel="nofollow ugc">share counts</a> in the same style</li>
<li><strong>Follow</strong> buttons — <a href="https://www.addtoany.com/buttons/customize/wordpress/follow_buttons" rel="nofollow ugc">social media links</a> to your Instagram, YouTube, Discord, Snapchat</li>
<li><strong>Image</strong> sharing buttons – share buttons for <a href="https://www.addtoany.com/buttons/customize/wordpress/image_sharing" rel="nofollow ugc">sharing images</a></li>
<li><strong>Vector</strong> share buttons & follow buttons — <a href="https://www.addtoany.com/buttons/customize/wordpress/icon_color" rel="nofollow ugc">custom color</a> SVG icons</li>
<li><strong>Custom</strong> share icons — use your own if you prefer</li>
<li>Official buttons including the Facebook Like Button, Pinterest Save Button, and LinkedIn Share Button</li>
<li>Universal email sharing makes it easy to share via Gmail, Yahoo Mail, Outlook.com (Hotmail), AOL Mail, and any other web or native apps</li>
</ul>
<h4>Custom Placement & Appearance</h4>
<ul>
<li>Before content, after content, or before & after content</li>
<li>Vertical Floating Share Bar, and Horizontal Floating Share Bar</li>
<li>As a shortcode, or a widget within a theme’s layout</li>
<li>Programmatically with template tags</li>
</ul>
<h4>Analytics Integration</h4>
<ul>
<li>Google Analytics integration (<a href="https://www.addtoany.com/ext/google_analytics/" rel="nofollow ugc">access guide</a>) for sharing analytics</li>
<li>Track shared links with Bitly and custom URL shorteners</li>
<li>Display share counts on posts and pages</li>
</ul>
<h4>WordPress Optimized</h4>
<ul>
<li>Loads asynchronously so your content always loads before or in parallel with AddToAny</li>
<li>Supports theme features such as HTML5, widgets, infinite scroll, post formats</li>
<li>Supports WooCommerce, multilingual sites, multisite networks, and accessibility standards</li>
<li>AddToAny is free — no signup, no login, no accounts to manage</li>
</ul>
<h4>Mobile Optimized & Retina Ready</h4>
<ul>
<li>AddToAny gives users the choice in sharing from a service’s native app or from a web app</li>
<li>Responsive Floating Share Buttons are mobile ready by default, and configurable breakpoints make floating buttons work with any theme</li>
<li>AddToAny’s SVG icons are super-lightweight and pixel-perfect at any size, and AddToAny’s responsive share menu fits on all displays</li>
<li>Automatic <a href="https://wordpress.org/plugins/amp/" rel="ugc">AMP</a> (Accelerated Mobile Pages) support for social share buttons on AMP pages</li>
</ul>
<h4>Customizable & Extensible</h4>
<ul>
<li>Choose exactly where you want AddToAny to appear</li>
<li>Easily <a href="https://www.addtoany.com/buttons/customize/wordpress" rel="nofollow ugc">customize sharing</a> on your WordPress site</li>
<li><a href="https://wordpress.org/plugins/add-to-any/#faq" rel="ugc">Highly extensible</a> for developers and designers</li>
<li>Custom icons let you use any icons from any location (media uploads directory, CDN, etc.)</li>
<li>Many more publisher and user features</li>
</ul>
<h4>Wide Support</h4>
<ul>
<li>Over 10 years of development</li>
<li>Over 18 million downloads</li>
<li>Translated into dozens of languages</li>
<li>Ongoing support from the community</li>
</ul>
<p>This plugin always strives to be the best WordPress plugin for sharing. Development is fueled by your kind words and feedback.</p>
<p><a href="https://www.addtoany.com/share#url=https%3A%2F%2Fwordpress.org%2Fplugins%2Fadd-to-any%2F&title=AddToAny%20Sharing%20Plugin%20for%20WordPress" title="Share" rel="nofollow ugc">Share</a> this plugin</p>
<p>See also:</p>
<ul>
<li>The <a href="https://www.addtoany.com/buttons/" rel="nofollow ugc">share buttons</a> for all platforms</li>
<li>The <a href="https://www.addtoany.com/buttons/for/wordpress_com" rel="nofollow ugc">share buttons for WordPress.com</a></li>
</ul>
<p><a href="https://www.addtoany.com/blog/" rel="nofollow ugc">AddToAny Blog</a> | <a href="https://www.addtoany.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>


AddToAny Share Buttons

Share buttons for WordPress including the AddToAny button, Facebook, Bluesky, Mastodon, WhatsApp, Pinterest, Reddit, many more, and follow icons too.

Smart Social Media Buttons vs AddToAny Share Buttons