Add Gravatar Support in Joomla with Jumi

jumi gravatar

One of the most popular, useful and long-lived extensions in Joomla is called Jumi. We have got Jumi tutorials on this site that date from early 2007.

Why is Jumi so popular? Jumi is an extension that allows you add to custom code such as PHP, Javascript or CSS directly into our Joomla pages. 

One of our members wanted to show Gravatar images of their users when they logged in. They thought this would help create a more welcoming feeling.

We showed them how to use Jumi to integrate Gravatar with Joomla:

Step #1. Install Jumi

  • Go to the Jumi page and click the "Download" button.
  • You will see two options. Choose the "Download" button for the version of Joomla you are using.
jumi gravatar
  • Login to your Joomla administrator area.
  • Go to Extensions > Extensions Manager.
  • Click Upload a Package File and upload Jumi. You'll see a success message:
jumi gravatar

Step #2. Create a Jumi application

Gravatar is based on email addresses, so please make sure you have a Gravatar account and use the same email for your Joomla account. 

Now we're going to create a Jumi application to show our gravatar.

  • Go to Components >> Jumi >> New
  • Fill in the the necessary fields:
    1. The name of your application
    2. The custom code. Add this code in Custom Script field to get the Joomla user data and gravatar image based on your email address:

      <?php 
      $user = JFactory::getUser();
      ?>

      <img src="https://www.gravatar.com/avatar/<?php echo md5($user->email) ; ?>?s=260" />

jumi gravatar

Step #3. Check the result 

  • Go to Menus >> Main menu >> Add new menu item
  • Fill the required fields:
    • Menu Item Type: Jumi Application
    • Jumi Application: your application name.
  • Click Save & Close.
  • Visit your public site and you are logged in, you would see your Gravatar on the page, as in the image below. If you are not logged in, the default gravatar will be displayed instead.
jumi gravatar

 If you don't want to show the Gravatar via a menu link, you can also use Jumi's modules to place the image in a sidebar.