User Login

Facebook Shortcodes for Joomla

Facebook Shortcodes for Joomla Articles, Modules & Developers

Please Log in to Facebook before reading this page.

The Facebook Shortcodes allows you to use your User's Facebook name, a Fan page name, Profile picture, Number comments on a particualr page etc. in your Joomla articles, modules and inside your template code as well (for developers). Using this you can create poweful personalized messages, sales page and more.

[Note that you will need the Cerontek Facebook Widgets component installed for these codes to function properly.]

Name Shortcode:

<fb:name />

You can use this tag to print the "logged in" user's name or any other users name. You can also refer to the user in possessive or reflexive manner. Options and example are as below.

Tag Options:
  • uid (required) - The ID of the user or Page whose name you want to show. Alternately, you can use "loggedinuser" to print the logged-in user's name.
  • useyou - Use "you" if uid matches the logged in user. Default value is true.
  • capitalize - Capitalize the text if useyou is true and loggedinuser is uid. Default value is false
  • firstnameonly - Show only the user's first name. Default value is false
  • lastnameonly - Show only the user's last name. Default value is false
  • linked - Link to the user's profile. Default value is true
  • possessive - Make the user's name possessive (e.g. Joe's instead of Joe). Default value is false.
  • reflexive - Use "yourself" if useyou is true. Default value is false.

Example 1:
<fb:name uid="loggedinuser"></fb:name> are welcome.
Result:
 are welcome.


Example 2:
<fb:name uid="loggedinuser" capitalize="true"></fb:name> are welcome.
Result:
 are welcome.


Example 3:
Your name is <fb:name uid="loggedinuser" useyou="false"></fb:name>.
Result:
Your name is 


Example 4:
Hello <fb:name uid="113529011990795" ></fb:name>.
Result:
Hello 


Example 5:
First Name only: <fb:name uid="113529011990795" firstnameonly="true"></fb:name>.
Result:
First Name only: 


Example 6:
Last Name only: <fb:name uid="113529011990795" lastnameonly="true"></fb:name>.
Result:
Last Name only: 


Example 7:
Name without Link: <fb:name uid="113529011990795" linked="false"></fb:name>.
Result:
Name without Link: 


Example 8: (possessive, logged in user)
Thank you for <fb:name uid="loggedinuser" possessive="true"></fb:name> time.
Result:
Thank you for  time.


Example 9: (possessive, another user)
This is <fb:name uid="113529011990795" possessive="true"></fb:name> profile.
Result:
This is  profile.


Example 10:
You can do it <fb:name uid="loggedinuser" reflexive="true"></fb:name>.
Result:
You can do it .


Profile Picture Shortcode:

<fb:profile-pic />

Turns into an img tag for the specified User's or Facebook Page's profile picture. The tag itself is treated like a standard img tag, so attributes valid for img are valid with fb:profile-pic as well. So you could specify width and height settings instead of using the size attribute, for example.

Tag Options:
  • uid (required) - The user ID of the profile or Facebook Page for the picture you want to display. You can also use "loggedinuser".
  • size - The size of the image to display. Default value is thumb. Other valid values are -
    thumb (t) (50px wide)
    small (s) (100px wide)
    normal (n) (200px wide)
    square (q) (50px by 50px)
    Or, you can specify width and height settings instead, as described below.
  • linked - Make the image a link to the user's profile. Default value is true
  • Facebook-logo - (For use with Facebook Connect only.) When set to true, it returns the Facebook favicon image, which gets overlaid on top of the user's profile picture on a site.
  • width - Specifies the desired width, in pixels, of the image (like an img tag).
  • height - Specifies the desired height, in pixels, of the image (like an img tag).

Example 1: (display logged in user's profile picture)
<fb:profile-pic uid="loggedinuser" />
Result:


Example 2: (display profile picture of another user )
<fb:profile-pic uid="113529011990795" />
Result:


Example 3: (different size & not linked)
<fb:profile-pic uid="113529011990795" size="normal" linked="false" />
Result:


Example 4: (custom size)
<fb:profile-pic uid="113529011990795" width="125" />
Result:



Example 6: (Facebook Page's profile picture)
<fb:profile-pic uid="135511896477314" size="n" />
Result:
Known Bug: It doesn't link to the correct Facebook Page.


Number of Comments Shortcode:

<fb:comments-count />

Using this tag you can display the number of comments posted on a particular URL.

Tag Options:
  • href (required) - The URL of the page whose number of comments you want to display.

Example 1:
<fb:comments-count href="http://www.facebook.com"></fb:comments-count> awesome comments!
Result:
 awesome comments!

You can use these short codes in your Joomla articles, modules, components & templates (for developers mainly) as well. Note that you will need the Cerontek Facebook Widgets component installed for these codes to function properly.

Contact Us
close
Use the form below to ask us any pre-sale questions. We
will get back to you right away.


Please enter a valid name. Ex.: John Doe.
Please enter a valid e-mail. Ex.: john@doe.com .
Please fill out the subject.
Please enter the message.