DJ-Classifieds allows you to display social buttons from various sharing platforms. Take a look at a few simple steps on how to put them to the DJ-Classifieds single ads.
Many sharing tools allow you to generate a code that you can later use in the DJ-Classifieds pages. Let’s take a look at some popular ones.
Each popular social network provides a tool for generating social buttons. Let’s take the Facebook Share button as an example:
- Visit the page: https://developers.facebook.com/docs/plugins/share-button.
- Customise the share button. We suggest removing the default URL to share.
Click on “Get Code” to generate the code.
- 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.
The above steps look very similar to 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.
- Visit the page: https://www.addtoany.com/.
- Click on “Get the Share Buttons” and choose “Website”.
- 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.
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.
- Visit the page: https://www.addthis.com
- Log in or sign up if you do not have an account.
- In your dashboard, go to “Tools” and “Add New Tool”.
- Select the “Share Buttons” tool.
- Select the Inline (1) type and click on “Continue” (2).
- Here you can change some options and design of the buttons (1). Once you are done, click on “Save & Continue” (2).
- 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.
Share this
It is also one of the most popular services offering share buttons. It comes with a user-friendly builder that will help you to configure the look of the buttons. You also have access to social analytics.
- Visit the page: https://www.sharethis.com
- Log in or sign up if you do not have an account.
In your dashboard go to "Share Buttons" (1) and select "Inline Share Buttons" (2)
On this screen, you can choose channels and change the design of the buttons. Once you complete, make sure the buttons are enabled (1) and click the "Update" button (2).
Click on the "Get the code" button and a popup window will appear. Copy the code which you need to place in the head section of your template.
Check how to place the code into the head section of a Joomla-Monster template.
Go to Extensions -> Templates -> Styles -> [template name] -> Advanced Features -> Developer Tools. In the Code Injection field you need to paste the previously copied code:
Copy the code - it will be needed for the next step.
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 the Joomla dashboard.
- Visit the page: https://www.roosterz.nl/
- Log in or sign up if you do not have an account.
- Get AMPZ: https://www.roosterz.nl/joomla-extensions/ampz/pricing
- Download and install the AMPZ package on your Joomla.
- Go to Components -> AMPZ Social Sharing (1). Click on “Shortcodes” (2) and “New” (3).
- Add a name (1) for the shortcode and enable the social networks (2). Once you are done, click on “Save”.
- 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):
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 are present.
AddToAny
AddThis
Share this
AMPZ