Your social media marketing can be an important branding and customer service strategy, so we’ve already discussed how to get better at social eCommerce. One of the things you can do is add sharing buttons to your product pages so that customers can easily share your products when visiting your store.

There are a couple of ways you can add social sharing buttons to Easy Digital Downloads to make sharing your products easier. First, there’s a handy Social Links extension available that offers several buttons styles and different social networks, and you can place buttons in a few different spots on the product page. It’s only $6, so it’s definitely worth the price. However, if you like to tinker with (read: hack at) your site, you might want to add these buttons in different places yourself, which we’ll show you how to do today.

A couple suggestions before we get started: First, make sure you’re adding this code to your site correctly. Here’s a tutorial on how to add code to WordPress if you’ve never done this. Second, it’s helpful to ensure that your site is optimized for social sharing. There’s a free plugin (WPSSO) that will help with this, but the Pro version supports formatting EDD product shares as well.

Using Jetpack Sharing

If you’re okay with a more limited selection of buttons than the Social Links plugin (or with manually adding your own buttons), you could use Jetpack sharing to add these buttons instead. You won’t have the option to add the buttons in different locations, but this tutorial will walk through how to do this with custom code. Again, you could use the Social Links plugin if you’re not comfortable adding code or CSS to your site.

You can use Jetpack for the purposes of this tutorial, or the standalone Jetpack sharing module instead of you don’t already use Jetpack or if you don’t want to sign up for a WordPress.com account.

When you install the plugin and go to Settings > Sharing, make sure that you’re showing sharing buttons on download pages.

Easy Digital Downloads sharing buttons

Sharing settings

This will display the sharing buttons at the bottom of every download page, right after your purchase links.

Easy Digital Downloads sharing button default placement

Default button placement

Note that I’ve added a tiny bit of CSS to my child theme to center the social sharing buttons and remove the top border, which you can add to your own child theme if desired:

div.sharedaddy.sd-sharing-enabled { 
    text-align:center;
    margin-top:10px;
}

h3.sd-title::before { 
    border:none !important;
}

If you’re happy with the buttons being there, you’re done! If not, keep going 🙂 .

I’ll be using the tiny styling tweak above throughout these examples. Please note that these code examples may not display in exactly the same way as they have here in your own theme, so you may have to tweak them further.

Choose one of the following examples to move your Jetpack sharing buttons on Easy Digital Downloads product pages.

1. Before Download Content

Let’s first move the download butttons above my content instead of after it. We can do so using this snippet:

(Thanks Patrick Rauland for the idea on this snippet.)

Note that there are a couple things going on. First, we check to be sure the sharing_display function is available, meaning the Jetpack sharing is activated, so we don’t have errors. Next, we remove and re-add the sharing buttons in our desired place. In this case, the edd_before_download_content is used, which is only called on single download pages. This will add social sharing buttons after my download title on every download page.

Easy Digital Downloads sharing buttons after title

Buttons after title

2. Before Purchase links

What if you want to display the buttons after the description instead? We can use a very similar snippet, which will allow us to add sharing buttons right before the purchase link. Note that in this case, my snippet has to use an additional check: we have to use is_singular('download') to be sure we’re on a single download page, since the edd_purchase_link_top action we’re using is also used for the [downloads] shortcode (which you may use to create a “shop” page).

This will add social sharing buttons to all downloads right before the purchase link / “Add to cart” button instead.

Easy Digital Downloads sharing buttons before purchase link

Buttons before purchase link

3. Before Pricing Options

If you frequently use variable products, you may want to display your sharing buttons between the description and the variable pricing options. We can do this as well, but our snippet is getting a bit more complicated.

We’ll have to still check that our function exists and that we’re on a download page, but we’ll also need to check that our product has variable pricing options. If it does, we’ll add the buttons before the pricing options using the edd_before_price_options action. If there are no variations, we’ll need to add buttons using the edd_purchase_link_top action again since the edd_before_price_options action won’t exist on the page.

This will add buttons above and variation pricing options if they exist:


Easy Digital Downloads sharing buttons above options 1

Above pricing options



 
Easy Digital Downloads sharing buttons above options 2

Above pricing options


If variable pricing is not enabled for the product, the buttons will be added above the purchase link again instead:

Easy Digital Downloads sharing buttons  before price options 3

No options: above purchase link

4. Below Product Images

Finally, what if you frequently use product images? You may want to add social sharing buttons right after these images instead. As downloadable products may not have an image, this probably won’t apply to many stores, but we can filter the post thumbnail and tack the sharing display after it.

First, we check that the function exists and that we’re on a download page. Next, we see if the post has a thumbnail. If it does, we filter the thumbnail to add the sharing display after it. If there is no thumbnail, we’re going to add the sharing display right after the title again instead.

Now my single downloads will show sharing buttons right after the image if set:

Easy Digital Downloads sharing buttons below image

Buttons below image

If there is no featured image, then sharing buttons will display in the same place as they did in my first snippet — right after the download title:

Easy Digital Downloads sharing buttons  below image 2

No image: below title


I’d love to hear about it if you end up using this trick on your site! Link up your download page in the comments 🙂 .


Note: This post may contain affiliate links, which means we get a commission from the plugin, theme, or service provider if you choose to purchase. Regardless of this, we are committed to providing high quality, unbiased resources. Have more questions? See our affiliate policy. You can use the plain links below if you prefer that we not receive a referral commission:
Articles you may also like:

Posted by Beka Rice

Beka Rice manages the direction of Sell with WP content and writes or edits most of our articles to share her interests in eCommerce. Or she just writes as an excuse to spend more time jamming out to anything from The Clash to Lady Gaga. Who knows.

2 Comments

  1. Great ideas Beka! I really love your post plus your ideas enlightened me so much about social sharing buttons and its importance when building a website for your business. Also, as I go on with my search for more information about it, I stumble upon this article http://www.lionleaf.com/blog/where-to-place-social-sharing-buttons-on-your-pages/ which gives me relevant results and ideas too but your post is much more interesting and is easy to understand. By the way, do you happen to have any more ideas on what kind of social sharing practice would a beginner use when building a site in the near future? Hope to hear your thoughts about this. Thanks!

    1. Hey Gene, so glad to hear this was helpful! One of the extensions I like for Easy Digital Downloads is great for a new site because it encourages customers to share your products to get the word out about them. You can give them a discount for sharing your products using Social Discounts. I recommend using sharing buttons near your purchase button (I prefer to use them after it), but this would make a good testing point — move them on the product page and see where you get the most shares over time. Cheers!

It's been over 2 years since this post was published, so comments have been closed. Thanks for reading!