Magento Facebook, Twitter登录插件

Coding Alan 9年前 (2015-08-21) 6671次浏览 0个评论 扫描二维码

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

Magento Facebook, Twitter登录插件

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

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

Magento Facebook, Twitter登录插件

下载地址: 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等配置组

Magento Facebook, Twitter登录插件

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

Magento Facebook, Twitter登录插件

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

Magento Facebook, Twitter登录插件

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

Magento Facebook, Twitter登录插件

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

Magento Facebook, Twitter登录插件

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

Magento Facebook, Twitter登录插件

接下来需要激活这个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登录了

Magento Facebook, Twitter登录插件

 

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

Magento Facebook, Twitter登录插件

常见错误

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,请参照本节激活步骤

Magento Facebook, Twitter登录插件

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

 

喜欢 (1)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址