Easy Tags

In addition to the optional plugins and modules, the JFBCSystem plugin allows you to embed the social modules into your articles, templates or any other custom content. Custom tags are the most flexible way to add specific widgets in specific positions on your site. However, it requires more configuration and is a more advanced option than using the content plugin or modules.

Once JFBConnect is setup properly, you can add the following tags into any article, module or template files. The parameters should be case-insensitive.

In the "Misc" tab, there is a Social Tag Admin Key option. This is a key to prevent user-entered social tags from rendering. When this value is set, you must add the key to your tags (as shown below). This is useful if you have forums, comments or other user-entered text available on your site. Leave blank to allow users to enter social tags, or if you don't have any user-generated content on your site.

The available tags are described below, along with all of their available options and examples of how to use them.

The JFBCSystem plugin allows you to embed the social modules into your page content. After enabling the plugin in your backend, add the following tags into any article, module or template files. The parameters should be case-insensitive.

Please see our configuration guide for the most up-to-date options available.

Amazon - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
loginbuttonssocialbuttonsSelect the Login Button type to use. Default will use your JFBConnect component settings for each provider. Custom will use the buttons selected below.
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Amazon - Carousel

{SCAmazonCarousel}
{SCAmazonCarousel title=My Picks size=600x200 widget_type=Bestsellers title=New Video Game titles from Amazon tracking_id=jfbc-20}

Parameter Options Description
regionUS, GB, DE, FR, JP, CAThe domain that you are using or the Amazon Associated Program you are a member.
titletextString value up to 60 characters long
sizegroupedlistList of valid combinations of Width x Height
widget_typeBestsellers, MostWishedFor, MostGifted, NewReleases, SearchAndAdd, ASINListDetermines how products will be added to your Carousel. Learn More.
search_indexamazoncategorySet the default category to limit search results to a specific category.
browse_nodetextSet the Amazon sub-category used for adding products to the widget. Not applicable when WidgetType='ASINList'.Any valid Amazon BrowseNodeId. Click here for a list of valid BrowseNode values
asintextComma-separated list of ASINs that will be added to the widget.
keywordstextSearch keyword used when WidgetType is 'Search And Add'. Any string value.
shuffle_productsfalse, 0, true, 1Set to True if you want the widget to show products in a random order each time it is displayed
show_borderfalse, 0, true, 1Set to Yes if you want a black border around the widget
tracking_idtextEnter your Amazon Associates Tracking ID

Amazon - MP3 Clips

{SCAmazonMP3Clips}
{SCAmazonMP3Clips title=My Picks size=250x250 ASIN=B000YN369A,B0016MJ2PU,B001LK1LA6 tracking_id=jfbc-20}

Parameter Options Description
regionUS, GB, DE, FRThe domain that you are using or the Amazon Associated Program you are a member.
titletextString value up to 60 characters long
sizegroupedlistList of valid combinations of Width x Height
widget_typeBestsellers, ASINList, SearchAndAddDetermines how products will be added to your MP3 Clips widget.Learn More.
browse_nodetextSet the Amazon sub-category used for adding products to the widget. Not applicable when WidgetType='ASINList'.Any valid Amazon BrowseNodeId. Click here for a list of valid BrowseNode values
asintextComma-separated list of ASINs that will be added to the widget.
keywordstextSearch keyword used when WidgetType is 'Search And Add'. Any string value.
max_resultstextSets the maximum number of tracks displayed in the widget.Any Integer value greater than zero.
shuffle_tracksfalse, 0, true, 1Set to Yes if you want the widget to show tracks in a random order each time it is displayed
tracking_idtextEnter your Amazon Associates Tracking ID

Amazon - My Favorites

{SCAmazonMyFavorites}
{SCAmazonMyFavorites title=Joss Whedon: Great Shows ASIN=B0000AQS0F,B001M5UDGS,B0046XG48O theme=Orange tracking_id=jfbc-20}

Parameter Options Description
regionUS, GB, DE, FR, JP, CA, ITThe domain that you are using or the Amazon Associated Program you are a member.
titletextString value up to 60 characters long
widthtextWidget width in pixels. Integer value between 150 and 800
columnstextThe number of columns to be displayed in the search results. Any interger value.
rowstextThe number of rows to be displayed in the search results. Any integer value.
asintextComma-separated list of ASINs that will be added to the widget.
shuffle_productsfalse, 0, true, 1Set to True if you want the widget to show products in a random order each time it is displayed
themegroupedlistSelect theme
show_imagefalse, 0, true, 1Set to Yes if you want the widget to display product images.
show_pricefalse, 0, true, 1Set to Yes if you want the widget to show the product price.
show_ratingfalse, 0, true, 1Set to Yes if you want the widget to show the product ratings.
tracking_idtextEnter your Amazon Associates Tracking ID

Amazon - Search

{SCAmazonSearch}
{SCAmazonSearch default_search_key=Joomla default_search_category=Books theme=dark tracking_id=jfbc-20}

Parameter Options Description
regionUS, GB, DE, FR, JP, CAThe domain that you are using or the Amazon Associated Program you are a member.
default_search_categoryamazoncategoriesSet the default category to limit search results to a specific category.
default_search_keytextSearch keyword used when WidgetType is 'Search And Add'. Any string value.
search_typesearch_box, search_widgetSelect Yes to include search results.
sizeauto, customList of valid combinations of Width x Height
widthtextSet widget width if selecting 'Size' as 'Custom'. Width in pixel. (min:250, max:800)
heighttextSet widget height if selecting 'Size' as 'Custom'. Height in pixel. (min:250, max:610)
themelight, darkSelect a light or dark theme to best match your website or customize the widget theme by selecting a background hue.
backgroundhuecolorCustomize the widget theme by selecting a background hue.
tracking_idtextEnter your Amazon Associates Tracking ID

Amazon - Omakase

{SCAmazonOmakase size=728x90 tracking_id=jfbc-20}

Parameter Options Description
regionUS, GB, DE, JPThe domain that you are using or the Amazon Associated Program you are a member.
size120x600, 120x240, 160x600, 180x150, 468x60, 728x90, 300x250, 600x520Select the default banner size.
logoshow, hideShow or hide the Amazon.com logo.
imagesshow, hideSet to Yes if you want the widget to display product images.
linksame, newSet how clicked links should open
pricesall, retailSpecify wether to show all the prices or the Amazon prices only.
bordershow, hideShow or hide border
discountadd, removeSpecify wether to show or hide Amazon discount sticker.
border_colorcolorSelect the border color
background_colorcolorSelect the background color
details_colorcolorSelect the details text color.
link_colorcolorSelect the link color.
price_colorcolorSelect the price color.
amazon_colorcolorSelect the Amazon.com text color.
tracking_idtextEnter your Amazon Associates Tracking ID

EventBrite - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Facebook - Login

{JFBCLogin}
{JFBCLogin text=Login With Facebook logout=true logout_url=http://www.sourcecoast.com}

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Facebook - Share

{SCFacebookShare}
{SCFacebookShare href=http://www.sourcecoast.com layout=button size=small}

Parameter Options Description
hreftextThe URL to share, defaults to current page
layoutbox_count, button_count, button, icon_link, icon, linkDetermines the size and amount of social context next to the button
sizesmall, largeSize
mobile_iframefalse, 0, true, 1Shows the share dialog in an iframe, on mobile

Facebook - Like Button

{SCFacebookLike}
{SCFacebookLike href=http://www.sourcecoast.com layout=standard show_faces=true share=true width=300 action=like colorscheme=light ref=homepage kid_directed_site=true}

Parameter Options Description
layoutstandard, box_count, button_count, buttonDetermines the size and amount of social context next to the button
hreftextThe URL to like, defaults to current page
show_facesfalse, 0, true, 1Show profile pictures below the button. This only works with Standard Layout Style
widthtextThe width of the frame, in pixels
sizesmall, largeSize
actionlike, recommendCOM_JFBCONNECT_WIDGET_FACEBOOK_ACTION_DESCRIPTION
colorschemelight, darkColor scheme to use, provided by Facebook
sharefalse, 0, true, 1Include a Send button
reftextA label for tracking referrals. Specifying the ref attribute will add the 'fb_ref' parameter to the referrer URL when a user clicks a link from the plugin.
kid_directed_sitefalse, 0, true, 1If your web site or online service, or a portion of your service, is directed to children under 13 you must enable this

Facebook - Embedded Comments

{SCFacebookEmbeddedComments}
{SCFacebookEmbeddedComments href=https://www.facebook.com/FacebookDevelopers/posts/10151471074398553 width=560 include_parent=false}

Parameter Options Description
hreftextThe absolute URL of the comment
widthtextThe width of the frame, in pixels
include_parentfalse, 0, true, 1Set to true to include parent comment (if URL is a reply)

Facebook - Embedded Videos

{SCFacebookEmbeddedVideos href=https://www.facebook.com/video.php?v=10152454700553553 width=500 allow_fullscreen=true show_text=true show_captions=true}

Parameter Options Description
hreftextThe URL for the video on Facebook. Only public videos from Facebook can be embedded
widthtextThe width of the frame, in pixels
allow_fullscreenfalse, 0, true, 1Allow the video to be played in fullscreen mode
autoplayfalse, 0, true, 1Automatically start playing the video when the page loads. The video will be played without sound (muted). People can turn on sound via the video player controls. This setting does not apply to mobile devices.
show_textfalse, 0, true, 1Set to true to include the text from the Facebook post associated with the video, if any.
show_captionsfalse, 0, true, 1Set to true to show captions (if available) by default. Captions are only available on desktop.

Facebook - Save

{SCFacebookSave}
{SCFacebookSave href=http://www.sourcecoast.com size=large}

Parameter Options Description
hreftextThe absolute link of the page that will be saved. If leave blank, the default is the current link/address.
sizesmall, largeThe size of button

Facebook - Comments

{SCFacebookComments}
{SCFacebookComments href=http://www.sourcecoast.com width=550 num_posts=10 colorscheme=dark mobile=false order_by=time}

Parameter Options Description
num_poststextThe number of comments to display
widthtextThe width of the frame, in pixels
colorschemelight, darkColor scheme to use, provided by Facebook
hreftextThe URL for this comments box. If blank, uses current URL
mobilefalse, 0, true, 1Whether to show the mobile-optimized version
order_bysocial, reverse_time, timeThe order to use when displaying comments

Facebook - Embedded Posts

{SCFacebookEmbeddedPosts}
{SCFacebookEmbeddedPosts href=https://www.facebook.com/FacebookDevelopers/posts/10151471074398553}

Parameter Options Description
hreftextThe URL for a Page or a person on Facebook. Only public posts from Facebook Pages and profiles can be embedded
widthtextThe width of the frame, in pixels
include_full_postfalse, 0, true, 1Include the full post. Applies to photo posts only

Facebook - Comments Count

{SCFacebookCommentsCount}
{SCFacebookCommentsCount href=http://www.sourcecoast.com}

Parameter Options Description
hreftextComment URL

Facebook - Request

{SCFacebookRequest request_id=1 link_image=http://www.sourcecoast.com/templates/sourcecoast/images/logo.png}
{SCFacebookRequest request_id=1 link_text=Invite Friends}

Parameter Options Description
request_idtextID of the request to be sent
link_texttextUse this field for a simple text link to open the request window
link_imagetextUse this field for an image link to open the request window. This should be a URL to the image.

Facebook - Page Plugin

{SCFacebookPagePlugin}
{SCFacebookPagePlugin height=200 width=200 href=http://www.facebook.com/SourceCoast show_faces=true hide_cover=false tabs=timeline,events}

Parameter Options Description
hreftextThe URL of the Facebook Page for this Page Plugin
widthtextThe width of the frame, in pixels
heighttextThe height of the frame, in pixels
tabs_timelinecheckboxCheck this option to render the timeline tab in the Page Plugin widget
tabs_eventscheckboxCheck this option to render the event tab in the Page Plugin widget
tabs_messagescheckboxCheck this option to render the messages tab in the Page Plugin widget
show_facesfalse, 0, true, 1Show profile photos when friends like this
hide_coverfalse, 0, true, 1Hide the cover photo in the header
adapt_widthfalse, 0, true, 1Adapt to plugin container width
small_headerfalse, 0, true, 1Uses a smaller version of the page header
hide_ctafalse, 0, true, 1Hide the custom call to action button (if available)

Github - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Google - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Instagram - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Instagram - Embedded Media

{SCInstagramOEmbed url=http://instagr.am/p/BUG/ maxwidth=612}

Parameter Options Description
urltextThe URL to retrieve embedding information for.
maxwidthtextThe maximum width of the embedded resource

LinkedIn - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

LinkedIn - Member Profile

{SCLinkedInMember}
{SCLinkedInMember href=http://www.linkedin.com/in/alexandreae display_mode=inline related=false width=300}
{SCLinkedInMember href=http://www.linkedin.com/in/alexandreae display_mode=icon_name display_behavior=click display_text=Alex Andreae related=true}
{SCLinkedInMember href=http://www.linkedin.com/in/alexandreae display_mode=icon display_behavior=hover related=1}

Parameter Options Description
hreftextDon't know your public URL? It's conveniently listed under your LinkedIn profile
display_modeinline, icon_name, iconHow to display the profile
display_behaviorhover, clickClick or hover over the icon to see the profile. Used for Icon/Name and Icon display mode only.
display_texttextDisplay text for Icon/Name display mode only.
relatedfalse, 0, true, 1Show Connections
widthtextWidth in pixels for the inline format only. Minimum value is 300 with smaller values being converted to 300.

LinkedIn - Share

{SCLinkedInShare}
{SCLinkedInShare href=http://www.sourcecoast.com/jlinked/}

Parameter Options Description
hreftextDefaults to current page. If you want to share a specific URL, specify it here

LinkedIn - Alumni

{SCLinkedInAlumni}
{SCLinkedInAlumni schoolid=18483}

Parameter Options Description
schoolidtextEnter the school ID. For example, “18483” is the school ID for this University Page: https://www.linkedin.com/edu/school?id=18483. Please refer LinkedIn directory to lookup school IDs.

LinkedIn - Company Insider

{SCLinkedInCompanyInsider companyid=1441}
{SCLinkedInCompanyInsider companyid=365848}

Parameter Options Description
companyidtextEnter a company ID

LinkedIn - Follow Company

{SCLinkedInFollowCompany companyid=365848}
{SCLinkedInFollowCompany companyid=365848 counter=right}

Parameter Options Description
companyidtextEnter a company ID
countertop, right, noneHow to display the follow button

LinkedIn - Jobs

{SCLinkedInJobs}
{SCLinkedInJobs companyid=365848}

Parameter Options Description
companyidtextEnter a company ID (optional). Leave blank for ALL jobs

LinkedIn - Company Profile

{SCLinkedInCompanyProfile}
{SCLinkedInCompanyProfile companyid=365848 display_mode=inline related=false display_width=300}
{SCLinkedInCompanyProfile companyid=365848 display_mode=icon_name display_behavior=click display_text=SourceCoast related=true}
{SCLinkedInCompanyProfile companyid=365848 display_mode=icon display_behavior=hover related=1}

Parameter Options Description
companyidtextEnter a company ID
display_modeinline, icon_name, iconHow to display the profile
display_behaviorhover, clickClick or hover over the icon to see the profile. Used for Icon/Name and Icon display mode only.
display_texttextDisplay text for Icon/Name display mode only.
relatedfalse, 0, true, 1Show Connections

Meetup - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Meetup - Sponsored Meetup Groups

{SCMeetupSponsorsedGroups campaign=moms}

Parameter Options Description
heighttextEnter the widget height.
widthtextEnter the widget width.
campaigntextTo only return groups in the specified topic/campaign.
image_urlmediaSelect image

Meetup - Embedded Resource

{SCMeetupOEmbed url=http://www.meetup.com/ny-tech maxwidth=308}

Parameter Options Description
urltextThe URL to retrieve embedding information for.
maxwidthtextThe maximum width of the embedded resource

Meetup - Meetup Group Stats

{SCMeetupGroupStats urlname=nystartrek}

Parameter Options Description
url_nametextThe group alias or path to group from meetup.com, no slashes. Ex. 'nystartrek' for http://www.meetup.com/nystartrek/.
widthtextEnter the widget width.
heighttextEnter the widget height.

Twitter - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Twitter - Embedded Tweets

{SCTwitterOEmbed url=https://twitter.com/BarackObama/statuses/266031293945503744 maxwidth=550}
{SCTwitterOEmbed url=266031293945503744 maxwidth=550}

Parameter Options Description
urltextThe URL of the Tweet/status to be embedded or Tweet/status ID to return embed code for
maxwidthtextThe maximum width in pixels that the embed should be rendered at. This value is constrained to be between 250 and 550 pixels
hide_mediatrue, falseSpecifies whether the embedded Tweet should automatically expand images which were uploaded via POST statuses/update_with_media.
hide_threadtrue, falseSpecifies whether the embedded Tweet should automatically show the original message in the case that the embedded Tweet is a reply. When set to Yes the original Tweet will not be shown.
alignleft, right, center, noneSpecifies whether the embedded Tweet should be left aligned, right aligned, or centered in the page.
relatedtextA comma-separated list of Twitter usernames related to your content. This value will be forwarded to Tweet action intents if a viewer chooses to reply, like, or retweet the embedded Tweet
themelight, darkWhen set to dark, the Tweet is displayed with light text over a dark background
link_colortextAdjust the color of Tweet text links with a hexadecimal color value
widget_typetextSet to video to return a Twitter Video embed for the given Tweet
dntfalse, 0, true, 1When set to true, the Tweet and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads

Twitter - Share

{SCTwitterShare}
{SCTwitterShare href=http://www.sourcecoast.com text=SourceCoast makes great Joomla extensions via=sourcecoast related=mandreae hashtags=Joomla,Facebook size=medium dnt=false}

Parameter Options Description
hreftextThe URL of the page to share, defaults to current page
viatextScreen name of the user to attribute the Tweet to
texttextDefault Tweet Text
relatedtextRelated accounts
langtextThe language for the Tweet Button
hashtagstextComma separated hashtags appended to tweet text
sizemedium, largeThe size of the rendered button
dntfalse, 0, true, 1Opt Out of tailoring Twitter

Twitter - Moment

{SCTwitterMoment url=https://twitter.com/i/moments/650667182356082688 maxwidth=550}

Parameter Options Description
urltextThe URL of the Moment to be embedded
maxwidthtextSet the maximum width of the displayed embed in whole pixels Minimum value: 220
limittextDisplay up to N items, where N is a value between 1 and 20 inclusive
dntfalse, 0, true, 1When set to true, the Moment and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads

Twitter - Mention

{SCTwitterMention}
{SCTwitterMention screen_name=twitterapi related=twitter lang=fr size=medium dnt=false}

Parameter Options Description
screen_nametextThe user to mention.
texttextDefault Tweet text
relatedtextYou can provide multiple related accounts by comma separating entries. Ex. 'anywhere:The Javascript API,sitestreams,twitter:The official account' or 'twitterapi,twitter'.
sizemedium, largeThe size of the button can render in either 'medium', which is the default size, or in 'large' - which is the larger button.
dntfalse, 0, true, 1Opt Out of tailoring Twitter
lang, fr, en, en-ss, en-xx, ar, ja, es, de, it, id, pt, ko, tr, ru, nl, fil, msa, zh-tw, zh-cn, hi, no, sv, fi, da, pl, hu, fa, he, ur, th, uk, ca, el, eu, cs, af, xx-lc, gl, ro, hr, ckb, en-gbThe language for the Tweet Button

Twitter - Hashtag

{SCTwitterHashtag}
{SCTwitterHashtag hashtag=TwitterStories related=twitterapi,twitter lang=fr size=medium dnt=false}

Parameter Options Description
hashtagtextEnter hashtag word or phrase
texttextDefault Tweet Text
relatedtextYou can provide multiple related accounts by comma separating entries. Ex. 'anywhere:The Javascript API,sitestreams,twitter:The official account' or 'twitterapi,twitter'.
urltextThe URL of the page to tweet, defaults to current page
sizemedium, largeThe size of the button can render in either 'medium', which is the default size, or in 'large' - which is the larger button.
dntfalse, 0, true, 1Opt Out of tailoring Twitter
lang, fr, en, en-ss, en-xx, ar, ja, es, de, it, id, pt, ko, tr, ru, nl, fil, msa, zh-tw, zh-cn, hi, no, sv, fi, da, pl, hu, fa, he, ur, th, uk, ca, el, eu, cs, af, xx-lc, gl, ro, hr, ckb, en-gbThe language for the Tweet Button

Twitter - Timeline

{SCTwitterTimeline}
{SCTwitterTimeline types=user username=sourcecoast tweet-limit=5}

Parameter Options Description
typesuser, likes, list, collection, searchProfile
A user timeline displays the latest Tweets ordered from newest to oldest from a specific public Twitter account.

Likes
A timeline that displays the Tweets liked by a specific public Twitter account.

List
A list timeline displays the latest Tweets ordered from newest to oldest from a curated public list of Twitter accounts. Read more about Twitter lists at https://support.twitter.com/articles/76460.

Collection
A collection timeline displays multiple Tweets curated by a Twitter user in their chosen display order.

Search
A search timeline displays Tweets from the past few weeks in the results of a Twitter search ranked by the Twitter search engine. A search widget is needed for this timeline. Create one at twitter.com/settings/widgets/new/search
usernametextTwitter screen name.
Ex. https://twitter.com/{screen_name}
widget_idtextUsed for 'Search' timeline.
Create/edit twitter widget to get the ID in the URL. Please visit the page twitter.com/settings/widgets/new/search to create a new search widget.
Ex. https://twitter.com/settings/widgets/{ID}/edit.
collection_idtextUsed for 'Collection' timeline.
The collection ID is in the public URL of the collection.
Ex. https://twitter.com/NYTNow/timelines/{ID}.
list_nametextUsed for 'List' timeline.
Please visit the page https://support.twitter.com/articles/76460 on how to create Twitter list and find the list name slug.
tweet_limittextRender a timeline statically, displaying only n number of Tweets. The height parameter has no effect when a Tweet limit is set.

Range: 1-20
widthtextSet the maximum width of the embedded Tweet
heighttextSet a fixed height of the embedded widget
show_repliesfalse, 0, true, 1Show Tweets in response to another Tweet or account
themelight, darkDisplay light text on a dark background
show_headerfalse, 0, true, 1Shows/hides the timeline header.
show_footerfalse, 0, true, 1Shows/hides the timeline footer and Tweet composer link.
show_bordersfalse, 0, true, 1Removes all borders within the widget including borders surrounding the widget area and separating Tweets if set to No.
show_scrollbarfalse, 0, true, 1Crops and hides the main timeline scrollbar, if visible. Please consider that hiding standard user interface components can affect the accessibility of your website.
transparentfalse, 0, true, 1Removes the widget’s background color.
link_colorcolorAdjust the color of links, including hashtags and @mentions, inside each Tweet
border_colorcolorAdjust the color of borders inside the widget.

Twitter - Follow

{SCTwitterFollow}
{SCTwitterFollow username=twitterapi lang=fr width=300px show-screen-name=false size=medium show-count=true dnt=false}

Parameter Options Description
usernametextThe user to follow. For instance, the username will be twitterapi for https://twitter.com/twitterapi.
lang, fr, en, en-ss, en-xx, ar, ja, es, de, it, id, pt, ko, tr, ru, nl, fil, msa, zh-tw, zh-cn, hi, no, sv, fi, da, pl, hu, fa, he, ur, th, uk, ca, el, eu, cs, af, xx-lc, gl, ro, hr, ckb, en-gbTo specify the language for the Follow Button
show-countfalse, 0, true, 1The count box shows how many times the Twitter account has been followed. You can choose to display or hide the count box.
widthtextYou can specify the width in pixels or percentage. For instance, 300px or 30%.
show-screen-namefalse, 0, true, 1The user's screen name shows up by default, but you can opt not to show the screen name in the button.
sizemedium, largeThe size of the button can render in either 'medium', which is the default size, or in 'large' - which is the larger button.
dntfalse, 0, true, 1Opt Out of tailoring Twitter

VK - Post

{SCVkPost}
{SCVkPost width=650}

Parameter Options Description
codetextareaTo get the Widget Code, click 'share icon' and then click 'Export' tab in the pop up window.
widthtextWidget's width. Full page width by default if width not set.

VK - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

VK - Poll

{SCVkPoll}
{SCVkPoll poll_id=4_6df94627bb69225689 width=500}

Parameter Options Description
poll_idtextFirst, you need to create a poll on https://vk.com/dev/Poll page. Specify poll topic and several possible answers. Click Get Code button to view poll ID.
widthtextSets module width in pixels (integer > 300)
urltextSets page URL (to display in preview from VK statuses). It is specified if URL for viewing the poll is different from the current one.

VK - Community

{SCVkCommunity}
{SCVkCommunity link=http://vk.com/jfbconnect width=350 layout=3}

Parameter Options Description
linktextEnter page/group link. ex. https://vk.com/jfbconnect. You can also just enter the screen name
layoutfalse, 0, 2, true, 10 — Button, 1 — Easy button, 2 — Link
widefalse, 0, true, 10 (No) — standard mode. 1 (Yes) — if feed is displayed, posts in this mode are displayed with the community photo and Like counts.
widthtextSets module width in pixels (integer > 300). If value is auto it adjusts to the module width.
heighttextSets module height in pixels (integer from 200 to 600).
background_colorcolorWidget background color in RRGGBB format
text_colorcolorText color in RRGGBB format.
button_colorcolorButton color in RRGGBB format.

VK - Share

{SCVkShare}
{SCVkShare type=button text=Share}

Parameter Options Description
typebutton, button_nocount, link, link_noicon, customButton - button with right corners and a link counter.

Button without a counter - button with right corners without a link counter.

Link - text link with VK icon.

Link without an Icon - text link without icon.

Custom - custom button appearance, set in Text parameter. For instance, image tag can be added in the Text parameter.
texttextFor all button types except of custom, text parameter sets text on the button; for custom type this parameter sets HTML code of the button.
urltextThe link to share. The link to share will be the current url if left empty.

VK - Like Button

{SCVkLike}
{SCVkLike layout=full height=22 width=350 verb=0}

Parameter Options Description
layoutbutton, full, mini, verticalSets button design option. Available values: full (button with text counter), button (button with mini counter), mini (mini button), vertical (mini button, upper counter). By default — full
height18, 20, 22, 24Sets button design option. Available values: full (button with text counter), button (button with mini counter), mini (mini button), vertical (mini button, upper counter). By default — full
widthtextSets module width in pixels (integer > 200, by default — 350). This parameter is applied only for the button with the text counter
verbfalse, 0, true, 1Sets text option in the button
pagetitletextSets page title (to display in post preview on the wall).
urltextSets page URL (to display in post on the wall). It is specified if article URL is different from URL where Like button is displayed at.
pageimagemediaSets thumbnail image URL (to display in post preview on the wall).

VK - Subscribe

{SCVkSubscribe}
{SCVkSubscribe type=group link=http://vk.com/jfbconnect width=350 mode=0}

Parameter Options Description
typeuser, group, pageSelect to either subscribe to an author (user), group or page.
linktextLink to User, Page or Group. Ex. http://vk.com/jfbconnect
widthtextSets module width in pixels (integer > 200, by default — 350). This parameter is applied only for the button with the text counter
modefalse, 0, true, 1, 20 — Button, 1 — Easy button, 2 — Link
displayfalse, 0, true, 10 — to display author and button, 1 — to display button only

VK - Comments

{SCVkComments}
{SCVkComments limit=10 mini=auto width=665 autopublish=true norealtime=false}

Parameter Options Description
limittextNumber of comments on the page (integer 5-100)
widthtextSets module width in pixels (integer > 300)
heighttextSets maximum height of the widget in pixels. Integer > 500. If 0, widget height is unlimited. If widget content is larger than the maximum allowed, internal scrolling appears. By default — 0
minifalse, 0, true, 1, autoEnables the mini version of the widget — smaller fonts, smaller attachment thumbnails, smaller profile pcitures in second level comments. (1 — enabled, 0 — disabled, auto — automatic selection depending on the available width). By default — auto
mediagraffiti, photo, audio, video, linkAllows attachments in comments. Available types: graffiti, photo, audio, video, link.
autopublishfalse, 0, true, 1Automatically publish the comment to the user's VK page
norealtimefalse, 0, true, 1Set whether realtime updates for the comments are enabled
urltextURL of the page, containing the widget. Comments that are automatically posted to the user's VK page link to this URL, if autoPublish is enabled. (Optional parameter)

VK - Recommendations

{SCVkRecommendations}
{SCVkRecommendations limit=5 period=week verb=0 sort=friend_likes}

Parameter Options Description
limittextSets maximum number of pages displayed initially.
maxtextSets maximum number of pages displayed after Show All Recommendations is clicked. If max <= limit, then Show All Recommendations link will not be displayed. By default — 4 * limit.
periodday, week, monthSets accounting period for statistics. Available values: day — all posts within the last 24 hours are included, week — 7 days, month — 30 days.
verbfalse, 0, true, 1Sets text option inside the module
sortfriend_likes, likessets sorting scheme for materials. friend_likes — by number of friends who clicked Like, likes — by total number of Likes.
targetblank, top, parentSets target parameter for links to site pages.

blank — to open in a new page
top — to open in a maximized browser window
parent — to open in the frame that contains the widget.

By default — parent.

WindowsLive - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Yahoo - Login

Parameter Options Description
texttextText displayed before the Facebook Login Button
providerstextLogin Buttons will be shown for providers in this comma-separated list. Leave blank to show all providers. Example:facebook,google,twitter,linkedin
imagetextSpecify the file name of the images to display, located in the /media/sourcecoast/images/provider folders. Example:icon_label.png
logoutfalse, 0, true, 1When user is logged in and 'Show Logout' is enabled, the logout button or link will be displayed.
logout_urltextSelect the page the user will be redirected to after a successful logout. Leave blank to logout to the same page.

Graph:

See Facebook Open Graph documentation for a full list of available fields.

Example: {SCOpenGraph url=http://www.sourcecoast.com}
Example: {SCOpenGraph image=http://www.sourcecoast.com/images/stories/extensions/jfbconnect/home_jfbconn.jpg}
Example: {SCOpenGraph description=Facebook connect integration for Joomla! Let users register and log into your site with their Facebook credentials.}

Note: Each Graph tag must only contain one property value. This is different than other JFBConnect tags which allow for multiple fields to be defined within the same {}.

Parameter Example
title title=JFBConnect
type type=company
url url=http://joomla-facebook.com
image image=http://www.sourcecoast.com/images/stories/extensions/jfbconnect/home_jfbconn.jpg
site_name site_name=SourceCoast
description description=Joomla Facebook Connect integration, payment systems, and custom Joomla development based in Austin, TX

Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program