- Blogging for Hippo
- Schedule Sales with WooCommerce
- The Problem with Focus
- Give Thanks
- Be Thankful for the People Who Inspire You
- Give Yourself Space
- Build Resources From Support
- How Hard Can Membership Be?
- Adding Social Media Icons to WooCommerce Product Pages
- How to Export WooCommerce Subscriptions
- Upgrade Your Contact Form With Ninja Forms
- Why I Write
- Blog Comments Policy
- Content Marketing Works – Even with Furnace Filters
- Making Email from Your Website More Reliable with Email Delivery Tools
- A Happiness Podcast?
- Podcast Compensation
- Wishlists Done Right
- Enable Free Shipping on a Per Product Basis
- Improve Your Writing with the Hemingway Editor
- Tell Users What You're Doing
- 2014 Business Review
- Mind Your Own Business
- Think Different to 10x Your Business
- Let Projects Die
- Maximize Your Creative Energy
- Use Git Bisect to Find Bugs in Your Codebase
- My Personal Value of Remote Work
- Don't Spam Email Receipts
- Make Your Own Luck
- Cold Showers and the Power of Challenges
You can find a gazillion social media sharing plugins for WordPress. Unfortunately not all of them work very well with WooCommerce. Some of them don't work at all, others put the icons in the wrong part of the page, or they put them on the page multiple times. As a store owner this can be a bit frustrating. Luckily one of my favorite plugins, Jetpack, has some pretty great social media sharing built it and with a little tweak we can make it look beautiful on product pages.
The first step is adding Jetpack and turning on social sharing
- In your WordPress admin add the Jetpack by Automattic plugin to your site
- Hover over the newly created Jetpack icon and click on Settings
- You should see a big list of services available through the Jetpack plugin. You want to activate the Sharing service. Feel free to leave the rest as they are.
- After activating the service hover over it and press the Configure link
- Drag the services you want displayed on your site from Available Services to Enabled Services
- Under the Show buttons on setting make sure you enable Products. I also like the sharing button on my blog posts so I'm going to check Posts as well.
- Press the Save Changes button
At this point Jetpack will look beautiful on your posts and it will appear kind of awkwardly at the very bottom of the product page.
We can make this better. With a bit of code we can remove them from the bottom of the product page and move them up. You can add the following code to bottom of your theme's functions.php file or in a custom plugin.
Save that file, upload it, and take a look at the results. The sharing icons are in the middle of the page right beneath the product's short description. Now anyone can view the products and share it if they so choose.
Update 2015/06/09: Video Walkthrough
Webucator made this great step by step video. Thanks for porting this to a new medium for people who prefer video to text. 🙂
Photo credit: Giphy