Magento Facebook, Twitter登录插件

社交网站已成功占据网民们越来越多的时间,不论是一个内容站还是电商站,社交分享按钮都早已成为标配。社交分享按钮在很多模板中都已添加,甚至在Magento自带的rwd包默认模板中也已加入了Facebook和Twitter的分享按钮,此外还可以采用AddThis这样的免费代码来集成分享功能。

Magento rwd社交分享按钮

分享以外为了降低获取用户的成本、改善用户体验各大网站也开始纷纷添加了Facebook等账号登录的功能,这样做的目的是一个避免了客户看到冗长的注册表格后产生的较高的跳出率,更深层的目的也是为了能够打入客户的关系链。

关于Magento社交登录有不少付费插件,这里不再赘述。今天介绍的这款免费插件是由做Magento开发比较资深的Inchoo网站发布的,最近一次的更新时间是2014年9月5号:

Inchoo社交登录插件

下载地址: http://pan.baidu.com/s/1e7A3c 密码: ttk2

更新地址:https://github.com/Marko-M/Inchoo_SocialConnect

下载后进行压缩将app和skin两个文件夹中的内容复制到Magento的安装根目录下,登录后台System > Configuration > Customers > Customer Configuration下会出现Social Connect Facebook Options等配置组

社交登录插件后台显示

以Facebook登录为例,若要开启此功能,打开Facebook开发者页面https://developers.facebook.com/,点击导航栏My Apps下的Add a New App,在弹出窗口中选择Website

Facebook中添加网站应用

在新出现的窗口中输入一个标识名称如localtest,点击下面的Create New Facebook App ID按钮

创建Facebook ID

然后在弹出窗口中选择一个分类如Business点击Create App ID

创建新APP ID

在新的页面中输入网址,这里在本地测试使用http://localhost/magento,点击Next

添加网址

此时再点击上面导航中的My Apps就会出现我们所创建的App(这里的名称为localtest),点击进入,就可以获取得App ID和App Secret(点击右边的Show按钮并输入密码验证),将这个两个值分别填入后台中的Facebook App ID和Facebook App Secret然后保存。

获取APP ID和密钥

接下来需要激活这个App,在同一个页面左侧导航中点击Settings然后在Contact Email下输入一个有交的email地址,保存然后点击左侧导航上的Status & Review按钮,此时将Do you want to make this app and all its live features available to the general public?右侧的滑块置为YES便可以在Magento中使用Facebook登录了

激活Facebook APP

 

此时访问http://localhost/magento/index.php/customer/account/login/等页面就会出现Facebook的登录按钮

Facebook登录

常见错误

1.在进行Facebook登录时出现App Not Setup: This app is still in development mode, and you don’t have access to it. Switch to a registered test user or ask an app admin for permissions.报错

这是因为没有激活所创建的App,请参照本节激活步骤

Facebook登录报错

2.集成后出现Unable to Connect to ssl://graph.facebook.com:443. Error #154298408: Unable to find the socket transport “ssl” – did you forget to enable it when you configured PHP?报错

这很明显是由于未开启ssl,以XAMPP为例,打开php.ini文件,并取消如下语句前的分号注释,保存并重启Apache

extension=php_openssl.dll

Linux中为extension=php_openssl.so