If you're having issues with some of the buttons not functioning correctly or being unresponsive in Social or Social Pro (an example would be if you click on the Pinterest button and nothing happens) the usual cause of these types of issues is some form of optimization that is being done to the plugin.

If at all possible, try disabling JavaScript optimization via your optimization plugin and see if that corrects the issue. If it does then you may want to check and see if the optimization plugin you are using allows you to exclude certain JavaScript files from being optimized. If it does, add Social Pro to the list of exclusions.

How to exclude Grow Social from Autoptimize

With Autoptimize, we need to update two different settings to ensure that Social Pro’s script isn't optimized.

The first thing to do is to reference the script in the Javascript Options section of Autoptimize settings.

This can be done by adding a comma at the end of the scripts listed and insert wp-content/plugins/social-pug

The same process applies for CSS exclusions. Scroll down to its exclusion spot, add a comma at the end and insert wp-content/plugins/social-pug

Next, you have to scroll to the bottom of the settings and make sure the "Minify excluded CSS and JS files" setting is unchecked. This setting has to be unchecked in order for the script to not be optimized.

Once that's done, click Save Changes and Empty Cache and then clear any other caching plugins.

How to exclude Grow Social from WP Rocket

If you are using WP Rocket and you notice that your Social Pro buttons aren't responsive, or aren't showing properly, the issue may be that WP Rocket is optimizing the Social Pro plugin, making it so that it's not working properly.

If you use WP Rocket, feel free to check out this handy guide on how to exclude Social Pro.

How to exclude Grow Social from SG Optimizer

With SG Optimizer, we've found that excluding both JS and CSS in every applicable is necessary, or else the social shares won't display properly.

Go into settings for SG Optimizer and click on Frontend Optimization section. In that area, exclude assets by clicking the "Exclude From..." hyperlinks to open up a dropdown.

From the dropdown, select the asset you want to exclude. When done, you'll have excluded from Minify Javascript Files, Defer Render-blocking JS, Minify CSS Files, and Combine CSS Files.

Saving the settings is asynchronous so that means there's no Save button to press.

Just clear caching and everything should be excluded properly.

How to exclude Grow Social from LiteSpeed Cache

To exclude Social Pro's assets, go into LiteSpeed Cache settings and click on the Tuning tab. You'll then enter social-pug into the text areas under CSS Excludes and JS Excludes:

Scroll to the bottom, click Save Changes, and clear caching.

Did this answer your question?