Breadcrumbs

Home / Support Center / Tutorials, Guides & FAQs / DJ-Classifieds tutorials and guides / How to add social buttons to DJ-Classifieds

Top Menu

Content

How to add social buttons to DJ-Classifieds
How to add social buttons to DJ-Classifieds 4.6 out of 5 based on 14 votes.

how to add social buttons to dj-classifieds

 


DJ-Classifieds allows you to display social buttons from various sharing platforms. Take a look at few simple steps on how to put them to the DJ-Classifieds single ads:

Step1: Get the social buttons’ code

There is a lot of sharing tools that give you the possibility to generate a code which you can later use in the DJ-Classifieds pages. Let’s take a look at some popular ones.

Facebook Share Button

Each popular social network provides a tool for generating social buttons. Let’s take the Facebook Share button as example:

  1. Visit the page: https://developers.facebook.com/docs/plugins/share-button
  2. Customise the share button. We suggest removing the default URL to share.                                                                                                                   img1Click on “Get Code” to generate the code.
  3. Copy the code (1) and place it right after the opening <body> tag in your template. Copy the code (2) - it will be needed for the next step.                                                                                                                                                  

img2

The above steps look very similar for other popular social networks like Twitter, Google+, LinkedIn, etc.

AddToAny

Popular and totally free sharing platform. You do not need to register or have a user account to generate and display social share buttons. It also supports mobile & responsive layouts and is highly customizable.

  1. Visit the page: https://www.addtoany.com/
  2. Click on “Get the Share Buttons” and choose “Website”.                                                                                                                                                 img3
  3. Choose services (1) for your site and click on “Get Button code” (2). Copy the code (3) - it will be needed for the next step.                                                                                                                                                 img4

Addthis

It is probably the most popular sharing platform. It provides many options for configuring the position and appearance of the share buttons. It is also mobile friendly and gives a lot of statistics.

  1. Visit the page: https://www.addthis.com
  2. Log in or sign up if you do not have an account.
  3. In your dashboard go to “Tools” and “Add New Tool”.                                                                                                                                                    img5
  4. Select the “Share Buttons” tool.                                                                                                                                                                                   img6
  5. Select the Inline (1) type and click on “Continue” (2).                                                                                                                                                    img7
  6. Here you can change some options and design of the buttons (1). Once you are done, click on “Save & Continue” (2).                                                                                                                                                       img8
  7. Copy the code (1) and place it right after the closing </body> tag in your template. Copy the code (2) - it will be needed for the next step.                                                                                                                                                

img9 

AMPZ Joomla plugin

There are also some ready Joomla plugins that you may use for the same purpose. One of them is AMPZ from roosterz.nl. It is a commercial plugin with many interesting features like: display anywhere, responsive layout, sharing statistics, customization and more. Everything is managed from Joomla dashboard.

  1. Visit the page: https://www.roosterz.nl/
  2. Log in or sign up if you do not have an account.
  3. Get AMPZ: https://www.roosterz.nl/joomla-extensions/ampz/pricing
  4. Download and install the AMPZ package on your Joomla.
  5. Go to Components -> AMPZ Social Sharing (1). Click on “Shortcodes” (2) and “New” (3).                                                                                                                                                                    img10 
  6. Add a name (1) for the shortcode and enable the social networks (2). Once you are done, click on “Save”.                                                                                                                                                                            img11
  7. The shortcode you will need for the next step is {ampz:shortcode-name}, in our example it is {ampz:DJ-Classifieds}.

Step2: Paste the code into DJ-Classifieds

Now, you are ready to paste the code into the DJ-Classifieds component. In your Joomla dashboard, go to Components -> DJ-Classifieds -> Options.

On the “Views” tab (1) you will find the “Social buttons code” field where you need to paste the code from the previous step (2):

img12

You can also choose the position (3) where the social buttons are displayed on the DJ-Classifieds Single Ad view. Remember to “Save” (4) parameters when you finish.

Final Result

Now, it is time to visit the page and see how the social share buttons present on the site.

Facebook Share Button

img13

AddToAny

img14

Addthis

img15

AMPZ

img16


Found this article interesting? Subscribe for more.
Subscribe to the Telegram bot
Subscribe to the Messenger Bot
Or share this article with your friends.
Wednesday, 12 December 2012 17:16
 
User Rating:  (14)
PoorBest
 

Buy

DJ-Classifieds

Ultimate classified ads solution for Joomla.

Learn more

Footer Menu