FAQ

Installation Instructions

1. Download plugin file (.zip)
2. Extract zip file and upload folder /hupso-share-buttons-for-twitter-facebook-google/ to /wp-content/plugins/
3. Go to « Plugins » and activate the plugin « Hupso Share Buttons for Twitter, Facebook & Google+ »

How do I change settings?

From the WordPress Administration click on « Settings » and then click on « Hupso Share Buttons ».

Are share buttons free?

Yes. Thay are free and will always be free. And you do not need to open any account to use them.

Are share buttons using Javascript?

Yes. Javascript is required for sharing buttons to function properly and it must be enabled. Counters load javascript code from Twitter, Facebook, Google, Linkedin, Pinterest or from other social services that are selected. Interface for share buttons is loaded from our servers via javascript at run-time. This enables us to add minor enhancements and fix browser bugs the moment they are discovered without forcing you to upgrade the plugin all the time. Some button images are loaded from your local WordPress installation and some from our servers. Clicks on share icons can be redirected to target social network throught our servers. One of the benefits of such setup is that share buttons keep working properly, even when there are API changes at social networking sites. This can be a major advantage for websites that do not plan to update plugins regularly.

How can I hide/show share buttons for specific posts?

You can hide share buttons for specific post using shortcode [hupso_hide]. Add [hupso_hide] anywhere in your post’s text and buttons will be hidden.
You can show share buttons for specific post at custom position using shortcode [hupso]. Add [hupso] in your post’s text where you want the buttons to appear.

Which social networks are supported?

All major social networks are supported: Twitter, Facebook, Google+, Linkedin, StumbleUpon, Digg, Reddit, Bebo and Delicious.

Can I show share buttons in sidebar?

Yes. There is a sidebar widget included with the plugin. Go to WP Administration then click on « Widgets » under « Appearance » menu.
Then drag Hupso Share Buttons Widget from left and drop it on the sidebar on the right.

How can I style Hupso share buttons with CSS?

Use class « hupso-share-buttons » like this:
.hupso-share-buttons {
/* add style here */
}

How can I style « Share image » with CSS?

Add CSS to your style.css file.

For share buttons:
.hupso_pop > img {
/* add style rules here */
}

For share toolbar:
.hupso_toolbar > img {
/* add style rules here */
}

For counters:
.hupso_counters > img {
/* add style rules here */
}

How do I change the margin of share button, share toolbar or counters?

Add CSS to your style.css file:
.hupso_c > div > div {
margin-left: 0px !important;
}

Facebook comment box is cut on the right. How do I fix it?

Add this CSS to your style.css file:
iframe {
max-width:none !important;
}

Facebook comment box is cut at the bottom. How do I fix it?

This usually happens when you have overflow:hidden in your main class for post (style.css). It might look like this:
.post {
overflow:hidden;
}

Find it and replace it with:
.post {
overflow:visible;
}

It is possible that your theme is using a different name, so it might be .post, .article, .entry-content or something similar.

Share counters are not aligned properly. How can I fix this?

Add proper CSS to your style.css file. Example:
.hupso_twitter {
margin-left: 20px !important;
margin-right: 25px !important;
}
.hupso_facebook {
margin-top: -20px !important;
}
.hupso_google {
margin-bottom: 5px !important;
}
.hupso_pinterest {
margin-right: 10px !important;
}
.hupso_email_button {
margin-left: 3px !important;
}
.hupso_print_button {
margin-left: 3px !important;
}
.IN-widget { /* Linkedin */
margin-top: 1px !important;
}

How can I move share icons so they would show up in the same line as title of the post?

Hide share image (from settings) and add this CSS to your style.css file:
.hupso_c {
float: right;
margin-right: 40px;
margin-top: -80px;
padding-bottom: 20px;
}

Then adjust the values so that it looks great with your theme.

How can I increase the space between the buttons?

Add this CSS to your style.css file:

.hupso_c > div > a > img {
    padding-right: 7px !important;
}

Facebook like button is seen through my top navigation bar while other buttons are ok. How can fix it?

Add this CSS to your style.css file:
.fb_edge_widget_with_comment {
z-index: 0;
}

How can I use counters under posts and share toolbar in sidebar?

You can use Hupso WP plugin for counters on top/bottom of every post and use raw HTML code for sidebar widget. Go to Hupso Share Buttons homepage and generate HTML code for share buttons. In WP admin, go to Appearance->Widgets and create new text widget (drag and drop it to sidebar) and paste HTML code inside it.

How can I show share buttons inside template files?

Add this PHP code inside template files at position where you want to show share buttons: echo do_shortcode('[hupso]');
You can configure share buttons in plugin settings.

How can I hide share buttons inside template files?

Use this code: global $HUPSO_SHOW; $HUPSO_SHOW = false; Make sure you do this before div id="content". This will hide the buttons in content. Share buttons will still show in widget (if used).

Can I use shortcodes inside widget text?

Yes, you can. Just include [hupso] anywhere in widget text area and share buttons will be displayed there.

Can I set title and url as shortcode parameters?

Yes. Include this shortcodes anywhere inside post’s text or inside text widget: [hupso title="My title" url="http://www.hupso.com/share/"]. Replace title and url with your title and your url.
You can also set only one of the parameters like this: [hupso title="My title"] or like this [hupso url="http://www.hupso.com/share/"].

Can I replace/change/modify social icons (images) for Twitter, Facebook and other social networks?

Yes, you can. Go to plugin settings. Change « Use custom social share icons » to « Yes, serve images from local WordPress folder », then replace the icons inside plugin folder « img/services ». You can also upload images to another web server or CDN (read instructions).

How can I display share buttons only inside widget and not under posts?

Add Hupso share buttons widget, then go to Hupso plugin settings and clear all fields in « Show buttons on » section.

Why is Facebook icon missing when using counters?

It is missing if your site is running from localhost. It will work when you move website to actual domain.

Can I set share buttons in such a way that it counts the entire site instead of just that specific page?

Yes, you can. Enter your website root under « Custom url » in Settings. After that counters will show sharing stats for your whole website, not for each page individually.

Email button does not seem to work on some devices. Nothing happens when I click on it. What can I do?

Clicking on e-mail button invokes default e-mail application on the device. If default e-mail application is not set up, it will not do anything.
On Firefox and Chrome you can use web based e-mail (such as gmail.com or outlook.com) as your default e-mail application if you like, so
clicking on the email icons will open your web based e-mail account.

Firefox instructions

Chrome instructions

Buttons are not working properly. What can I do?

Please upgrade the plugin to the latest version. If that does not help then try to reinstall the plugin (uninstall it and install it again).
If you still have problems then send bug report using this feedback form.

Buttons are not working with one post. Only « Share » image in shown, but no social icons. They work correctly on other posts. What can I do?

HTML of your post in not valid. You need to fix the text inside the post. Perhaps you forgot to close a p or div tag at the end. Perhaps you have some other HTML error in it. Use HTML validator if you cannot find an error.

What settings are available?

From Settings screen you are able to choose: button type (share button, share toolbar, counters), button size, social sharing services, menu type, button position (above or below your posts), display options.

Please look at Screenshots for more information.

When will floating toolbars be available?

Hupso Share Buttons provide other button types including floating toolbars. We plan to implement those in next versions of this plugin.

Why is featured post image not used as thumbnail with Facebook on new posts?

You image should be at least 200px in both dimensions. This is a Facebook limitation. Please wait up to 24 hours for Facebook to fetch the new thumbnail. After that it should work.
Also check « og:image » meta tags on your site and use Facebook Debugger to fix problems with Facebook images, titles and descriptions.

Found a bug? Have a suggestion?

If you are using an old version of the plugin then first update to latest version. It is possible that your bug has already been fixed.
Please send bug reports and suggestion using this feedback form.