Gigya For Wordpress Widget or Plugin Tutorial

Gigya CMS Module

Gigya offers pre-built modules and tools for portals, blogs and websites to directories allow site owners to quickly integrate Gigya features, such as:

• Promote your site and increase site traffic by posting status updates to the newsfeeds users of social network users, allows users to invite their friends and send updates newsfeed to promote your site on social networking social stream.

• User authentication via Facebook, MySpace, Twitter, Google and OpenID providers.

Gigya WordPress Plugin

Gigya for WordPress plugin or widget is a powerful addition to any WordPress blog or site, enabling a wide range of features that are fully configurable using the WordPress Administration Panels. Prominent features supported by the plugin include:

• Secure authentication (sign-up and sign-in) of users for your WordPress blog or site. The plugin integrates fully with WordPress’s user management system and keeps both WordPress and Gigya synced at all times.
• Fully configurable user interface design that can be controlled via WordPress’s back-office.
• Users can easily share posts with the social networks friends.
• Sophisticated comments mechanism.

Installing the Socialize WordPress Plugin

Installing the Socialize WordPress plugin is quick and easy (takes about 15 minutes) and does not require any programming skills. Everything works out-of-the-box and the plugin is fully configurable through WordPress’s Administration Panels.

Installation Steps :

1. Download the Socialize WordPress plugin from here.
2. Access your site’s server through an FTP application.
3. Upload (copy) the plugin’s unzipped folder to the /wp-content/plugins folder.
4. In your WordPress Administration Panels, click on Plugins, on the top menu.
5. You should see your new plugin listed:Note – If you don’t see Gigya Social Optimization plugin listed, try the following: check the “plugins” folder with your FTP program and see whether “gigya” is located there. If not, upload the files again. If it is located there, delete the files and upload them again.
6. To turn the WordPress plugin on, click Activate on the far right side of the list.
7. The Administration Panels should now show the Gigya plug-in as active.

Configuring the Plugin :

1. Please open a user account on the Gigya website (click here to open an account).
2. Access the Gigya Site Settings page and follow the steps described in the Setup Wiki page.
   Make sure you enable status updates in Facebook, by checking the “Enable wall updates” checkbox at the “Permissions” page (please see the Permissions page for a detailed explanation).
3. Go to Settings>Gigya in your WordPress Administration Panels and enter your Gigya Socialize API Key and Gigya Socialize Secret Key (Base64-encoded), which can be found on the Gigya Dashboard page. 

Additional Configuration Steps (Optional)

Language Support :

The WordPress plugin supports localization. Gigya’s default language is English. You may change the language to one of the supported languages by changing the string language code in the ‘Language‘ field.

For a complete list of supported languages, please click here.

Post Login Redirect :

You can choose to what page your users will be redirected after logging in. To redirect to your blog’s home page, please enter http://localhost/wordpress. For your blog admin page, enter http://localhost/wordpress/wp-admin/.

Sharing :

You can easily integrate the Gigya Share Bar in your WordPress blog by enabling it in the Settings>Gigya page. You can choose whether to place it at the top or bottom (or both) of each post, and select the share providers you would like to have by writing them in the ‘Share Providers‘ field, separated by a comma. If you would like to read further on the Gigya Share Bar, please click here.

Comments :

In order to integrate the Comments plugin, please follow the instructions on this page. After setting up the comments configuration on Gigya.com, please check the ‘Enable Gigya Comments‘ box and copy your ‘Comments category name‘ from Gigya to the ‘Comments Category ID‘ field in the WordPress plugin configuration page (Settings>Gigya).

Configuring the Design of Gigya Login Plugin :

You can configure the look-and-feel of the Gigya plugin displayed in the WordPress Login and Register pages.

First step: Go to the Plugins’ Configuration pages on the Gigya website, choose the Login plugin from the panel on the left-hand side, configure the plugin, and copy the generated code:

After copying the code from Gigya’s website, go to your WordPress Administration Panel (in Settings>Gigya ) and paste the copied code into the compatible text-area (see screenshot below) to apply your preferred configuration.

Note: you do not need to paste the entire code copied from Gigya’s widget designers. Please follow these instructions:

You should enter the definition of the login_params object from the code you have obtained in Gigya’s Login Plugin wizard. The code you paste into the “Sign in component” text-areas should look similar to the following example

1	var login_params=

2

{

3	height:400,

4	width:200,

5	containerID:'componentDiv',

6	UIConfig:'<config><body><captions background-color="#919148"></captions><texts color="#C876FF"></texts>

7	<background background-color="#FF6D6D" frame-color="#A4FFFF"></background></body></config>'

8

};

Click the “Save Changes” button (at the bottom) when done.

Adding a Sidebar Widget :

You can add a sidebar widget to your WordPress blog. The Sidebar Widget includes a login block.

To add the Sidebar Widget to your WordPress blog, go to your Administration Panels, click Appearance>Widgets and drag the “Gigya Social Optimization” widget to the sidebar.

You may configure and edit the Sidebar Widget’s texts and appearance according to your preferences:

• Enable providers: A comma delimited list of providers that should be displayed on this Widget. Valid providers are: ‘facebook’, ‘twitter’, ‘yahoo’, ‘messenger’ and other.

Click the “Save ” button (at the bottom) when done.

JQuery Scripts :

The plugin contains an updated version of the JQuery and JQuery UI. You can choose to include the script from the site or from Google CDN by selecting the desired option from the drop down menu.

Hooks – Actions and Filters – Advanced :

If you would like to extend the Gigya functionality, you can use your own actions and filters for the plugin and place them in the ‘functions.php‘ or ‘gigya-custom.php‘ files.

The complete list of actions is:

• notify_registration
• setUID
• notify_login
• notify_logout
• delete_account
• gigya_add_comment

You can use the actions as shown in the example below:

1	function custom_gigya_add_comment($comment) {

2	#comment (array)

3	# $comment[] = comment_post_ID,comment_contentcomment_parent,user_id,comment_date,comment_approved (this is are the array keys)

4

}

5	add_action("gigya_add_comment","custom_gigya_add_comment");

The following list contains the filters you can use:

• notify_login_user_info
• login_params
• share_plugin

For example:

1	function custom_notify_login_user_info($userInfo,$userId) {     #userInfo (object)     # ->nickname     # ->emai     # ->firstName

2	# ->lastName     # ->profileURL     # -> photoURL      return $userInfo; }  add_filters('notify_login_user_info','custom_notify_login_user_info');

Shortcode :

If you would like to place the Gigya Login plugin in a different location on your site, please put the following code in the desired location in one of your theme’s .php files:

1	render_login_plugin(array("header_text"=>"dddddd","width"=>"","height"=>"",button_size=>"",enabledProviders=>"",bgColor=>""));

 Couertesy From Gigya CMS WordPress Module

Related Articles

• WP Google Drive Plugin (selvabalaji.wordpress.com)
• Is WordPress.com better than WordPress.org? (crunchedd.com)
• 10 Most Common WordPress Errors (With Solutions) (hongkiat.com)
• Gigya Releases New Brief Titled “Owning & Controlling Social Data – What Websites Need to Know” (prweb.com)
• WordPress: Build Your List from Comments (aweber.com)
• Three Steps to Keep the Cobwebs Out of WordPress (sys-con.com)

About these ads