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.

Noor Alam

<a href="https://noorsplugin.com/easy-media-download-plugin-for-wordpress/" rel="nofollow ugc">Easy Media Download</a> is a free download manager for WordPress. It gives your users the ability to download digital media files from your website. The plugin is lightweight and makes downloading easier. You can create beautiful download button which instantly starts the download once clicked.
<iframe loading="lazy" title="Easy Media Download Plugin for WordPress" width="750" height="422" src="https://www.youtube.com/embed/zjtobdjQn44?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Features</h3>
<ul>
<li>Create quick downloads</li>
<li>Free downloads for music or audio files e.g. mp3, aac, m4a, wav</li>
<li>Insert download buttons into your landing page</li>
<li>Free downloads for video files e.g. mp4, mov, qt (QuickTime), mpg, mpeg, flv, m4v, swf, flash, avi, wma, ogg, webm</li>
<li>Allow users to directly download in all file formats</li>
<li>Free downloads for document file e.g. doc, docx (OpenOffice, Microsoft Word), odt (OpenDocument), htm, html, ps, tex, xml, txt, csv</li>
<li>Allow large file download (No limit on the file size)</li>
<li>Free downloads for Office file e.g. xlsx (Microsoft Excel), pptx (Microsoft PowerPoint)</li>
<li>Free downloads for script e.g. js, css, php</li>
<li>Free downloads for archive or compressed file e.g. tar, rar, zip, 7z, gz, z</li>
<li>Force the browser to open the download prompt</li>
<li>Free downloads for image file e.g. png, gif, jpg, jpeg, bmp</li>
<li>Open the download in a new tab</li>
<li>Free downloads for e-book e.g. pdf, epub</li>
</ul>
<h3>Easy Media Download Add-ons</h3>
<ul>
<li><a href="https://noorsplugin.com/how-to-show-a-download-button-to-logged-in-users-only/" rel="nofollow ugc">User Only Download</a></li>
</ul>
<h3>Embedding Shortcodes for the Downloads</h3>
Create a new post/page and use the following shortcode to create a download button for your digital media file:
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip"]
</code></pre>
here, url is a shortcode parameter that you need to replace with the actual URL to your digital file
You can also specify additional optional parameters in the shortcode to customize the free download button.
Button Text
By default the text for the download button is “Download Now”. But you can choose to modify the text using the “text” parameter.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download"]
</code></pre>
Button Width
By default the width for the download button is “153”. But you can choose to modify it using the “width” parameter.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" width="100"]
</code></pre>
Button Height
By default the height for the download button is “41”. But you can choose to modify it using the “height” parameter.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" width="100" height="50"]
</code></pre>
Download in a new window
By default the download starts in the same window. But you can choose to modify it using the “target” parameter.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" target="_blank"] (opens the download in a new window)<h3>Force File Download</h3>
</code></pre>
Usually when a digital file is recognised by the browser it does not prompt for download. The file just opens in the browser instead. You can choose to modify this behaviour using the <code>force_dl</code> parameter in the shortcode.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.mp3" force_dl="1"]<h3>Download Button Templates</h3>
</code></pre>
Easy Media Download comes with 21 different download button templates. All you need to do is specify the style and the button will look just like it. For example:
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" color="red_darker"]
</code></pre>
<ul>
<li>grey</li>
<li>grey_light</li>
<li>red</li>
<li>green_dark</li>
<li>green_light</li>
<li>green</li>
<li>blue</li>
<li>blue_two</li>
<li>blue_three</li>
<li>blue_four</li>
<li>orange</li>
<li>orange_two</li>
<li>orange_light</li>
<li>orange_dark</li>
<li>purple</li>
<li>purple_dark</li>
<li>purple_light</li>
<li>yellow_red</li>
<li>hot_pink</li>
<li>pink</li>
</ul>
If you want to fully customize the download button you can use your own button image instead.
<h3>Link Rel</h3>
You can use the HTML link <code>rel</code> attribute in the shortcode to define the relationship between your page and the linked download.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" rel="nofollow"]<h3>Custom CSS Class</h3>
</code></pre>
In addition to various button templates, If you want to apply custom styling to a button you can do so by using the <code>class</code> parameter.
<pre><code>[easy_media_download url="https://example.com/wp-content/uploads/myfile.zip" class="myclass"]
</code></pre>
You can specify multiple CSS classes in the shortcode.
[easy_media_download url=”https://example.com/wp-content/uploads/myfile.zip” class=”myclass1 myclass2 myclass3″]
The container that encloses the button can be targeted using the parent_class parameter in the shortcode.
[easy_media_download url=”https://example.com/wp-content/uploads/myfile.zip” parent_class=”blockclass1″]
<h3>Easy Media Download Shortcode 2</h3>
With this shortcode, you can create a download button with your preferred color.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" bg_color="#CC0000"]
</code></pre>
Background Color
The background color of the download button is “#3498db” by default. You can customize it using the “bg_color” parameter.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" bg_color="#CC0000"]
</code></pre>
Font Color
The font color of the download button is “#ffffff” by default. You can customize it using the “font_color” parameter.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_color="#71B02F"]
</code></pre>
Hover Background Color
The “hover_bg_color” parameter can be used to change the background color of the download button when you mouse over it.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" bg_color="#3498db" hover_bg_color="#3cb0fd"]
</code></pre>
Font Family
The font family of the download button is “Georgia” by default. You can customize it using the “font_family” parameter.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_family="sans-serif"]
</code></pre>
Font Size
The size of font is “15px” by default. You can customize it using the “font_size” parameter.
<pre><code>[easy_media_download2 url="https://example.com/wp-content/uploads/myfile.zip" text="Free Download" font_size="20px"]
</code></pre>
For more information please check the <a href="https://noorsplugin.com/easy-media-download-plugin-for-wordpress/" rel="nofollow ugc">Easy Media Download</a> documentation page
<h3>Languages</h3>
If you are a non-English speaker please help <a href="https://translate.wordpress.org/projects/wp-plugins/easy-media-download" rel="nofollow ugc">translate Easy Media Download</a> into your language.

Easy Media Download

Easy Media Download allows you to embed download buttons on your WordPress site. Add file download functionality with this WordPress download plugin.

Smart Social Media Buttons vs Easy Media Download