JBZoo Social - social buttons

9.5/10 rating (4 votes)

Lately a lot of people constantly use different social networks. There they communicate, read news, make comments etc.

That’s why it became important to place social buttons on your websites. By using them people can make links to the pages they like. And their friends follow these links. This way the conversion is increased.

ZOO component has Social buttons element that uses only three buttons: Google+, Facebook and Twitter. But often that’s not enough.

We made JBZoo Social element that contains 20 buttons so your visitors will be able to share links in different communities.

How to add new element?

Go to the “cog-wheel” tab and select JBZoo App:

Find an item type where you want to create new element and click on “Edit Elements”. Click on JBZoo Social in the Element Library and you’ll get a new element.

Fill in the usual information that all elements have: name, description and access level. By using the setting below, choose which buttons should be displayed on the website.

How to configure the element in an item template?

Find an item type where you added new element and choose the required item template. Drag your element to a position in the left.

You’ll see a lot of settings. Let’s examine them.

Vkontakte button

“Vkontakte Like” is an option that allows you to add “likes” for this social network.

“Vkontakte button type” is an option to change the appearance of a button. In the drop-down list you can select a type which suits your website the best:

A button with a text counter;

A button with a mini counter;

Mini button;

Mini button, counter at the top.

“Button height” is a vertical dimensions. Choose the one that is better for you (18, 20, 22 or 24px).

“Text of the button” is a text that is displayed inside the button.

“Application ID” is a code that is necessary to display the “Like” widget on your website. It is required and you can get it here. You have to be authorized.

Facebook button

“Facebook like” is an option to enable “likes”.

“Send” is an options that adds “Send” button.

“Button template” controls the appearance of the button. Choose the one that fits your website better.

“Color scheme of the button” is a button hue (light, dark).

“Text on the button” is a text that will be displayed on the button (“Like” or “I recommend”).

“Localization” is a language that will be used for all the text on the button (russian, english).

Twitter button

“Via” is a setting where you can enter your Twitter username. Then the “via” text and a link to the specified account will be added to the message. Usually every company (website) has its own official twitter account. We recommend you to specify it in this field.

“Size” is a button parameters (big, standard).

“Recommend” is a text field where you can enter a username. After somebody tweets, he will go to the Twitter page of the specified user. You can specify a Twitter account of the company or of the website here.

“Hashtag” is a thematic tag that consists of a word or a phrase which is the main subject of a message. It should start with a hash (#) and can’t contain spaces.

“Twitter adaptation” is an option that determines what accounts visitors of certain sites read, and makes a block of recommendations for those who frequently visits same internet resources. If this option is enabled, it will allow twitter to collect information about users.

“Counter” is an option to enable counting of tweets.

Odnoklassniki button

“Your resourse” is a domain name of your site in the form of “http://mysite.ru”.

“Counter display” is an option that displays an amount of likes.

“Counter” option determines the location of a counter (right, top).

“Text on the button” is an option that enable displaying of text.

“Button label” defines the words written on the button (“Cool!”, ‘Share“, “Like”).

Still gotta questions, who can help me?

Visit our special JBZoo tech support forum which is specifically meant for JBZoo so the priority of the response and its promptness are much better there than in any other place. With inactive account with a “Plus” sign in a tariff plan you can ask for support in one of these sections or use any of our contacts.

The Joomla! name is used under a limited license from Open Source Matters in the United States and other countries.
JBZoo is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.