Home > Help Center > Applications > WordPress > Jetpack > Jetpack Modules: Sharing Buttons

Jetpack Modules: Sharing Buttons

In this article, we'll show you how to add sharing buttons in your posts, that will enable your readers to share the content easily on their social networking accounts in Twitter, Facebook, Google+, LinkedIn and many more.

To activate Sharing navigate to Jetpack > Settings > Sharing.

Under Sharing buttons, activate the Add sharing buttons to your posts option.

jetpack sharing buttons

If you click the link configure your sharing buttons you’ll be redirected to wordpress.com to configure the module from their interface.

To configure sharing buttons in your WordPress administration navigate to WordPress Settings > Sharing.

jetpack sharing buttons

In Sharing Buttons section are displayed all available services:

jetpack sharing buttons

Drag and drop the services you want to use into the Enabled Services area. You can arrange some services to be displayed separately while others may be hidden behind a More button:

jetpack sharing buttons

You can configure services to appear as icons, text, or both. Some services have an additional option allowing you to display official buttons that show the number of times the post has been shared.

jetpack sharing buttons

In the text box Sharing label you can enter the text that will appear above the buttons on your web page.

Select where you would like the buttons to appear.

jetpack sharing buttons

In the Twitter Site Tag text box enter your twitter username.

Configure WordPress.com Likes are options:

On for all posts - the Like button will appear on all configured posts, pages, post types etc.

jetpack sharing buttons

Turned on per post - you can manually enable the appearance of the Like button in Likes and Shares section under your Editor (if you do not see it click Screen Options and check the box in front of it):

jetpack sharing buttons

Create your own custom sharing buttons

Navigate to Settings > Sharing in your dashboard.

Click the Add a new service link in the Available Services section.

Enter a Service name to use for the sharing service. It will appear in the link to the service and in the blog sharing stats.

Enter the Sharing URL - this is the URL address to the sharing service. You can use the variables,%posttitle% %posturl% (short URL), %postfullurl% and %post_excerpt% in the URL:

http://example.url/sharing/post?url=%post_url%

Enter the Icon URL - this is the URL address to the icon image you wish to use to display with this service:

http://example.url/images/myicon.png

Note that this image should be available online at the link that you enter here.

jetpack sharing buttons

Click the Create Share Button.

jetpack sharing buttons

The new service will appear in the Available Services section. You can now add it to the Enabled Services section to use on your site.

Add a Captcha to the Email sharing button

The following services are currently supported:

Twitter, Facebook, Google+, Pinterest, Tumblr, LinkedIn, Pocket, Skype, Telegram, WhatsApp, Reddit, Email*, Print

Email sharing is only available if you are using the Akismet spam-filtering plugin to prevent spam abuse or if you explicitly enable it by adding the following to your functions.php file or a core functionality plugin:

add_filter( 'sharing_services_email', '_return_true' );

If you are going to use Email sharing button we strongly recommend you to add a Captcha to the submission form.

To add the Googles's reCaptcha to your site, follow these steps:

  • Register for an account on this site www.google.com/recaptcha/admin.
  • Upon registration, you will receive a Public and a Private key.
  • Open your site’s wp-config.php file in your favorite text editor. Add the following constants with both reCaptcha keys right before / That's all, stop editing! Happy blogging. /: define( 'RECAPTCHA_PUBLIC_KEY', 'XXXXXXX' ); define( 'RECAPTCHA_PRIVATE_KEY', 'XXXXXXX' );

Save the wp-config.php file and refresh your site.

Your email sharing buttons are now protected against spam.

jetpack sharing buttons

If you are interested on adding even more features to your contact forms visit developer.jetpack.com

#social

Still not finding what you're looking for?

Contact our support team with any additional questions or concerns.

Contact support