Wechat Social Login微信登录插件帮助文档

开始使用

企业使用Wechat Social Login微信登陆插件条件:

Wechat Social Login专门为企业WordPress网站提供微信,QQ,钉钉,手机等第三方登陆的最佳解决方案,企业使用此插件需要具备以下条件:

WordPress QQ/微博/微信/手机登录插件购买后会收到邮件,里面有下载地址和授权码,下载插件,复制授权码备用。

下载插件以后,在WordPress后台上传安装插件

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

安装启用以后,在已安装的插件列表中,点击"安装"或"重新安装",出现安装界面,填入授权码

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

出现安装界面,检查系统环境,全部绿色,可正常安装,填入授权码。

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

检查系统环境,如果是红色,根据提示修改为绿色即可

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

输入授权码

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

wechat social login 基础设置

设置logo,背景图片

WordPress QQ/微博/微信/手机/钉钉登录插件分享设置

设置分享,选择分享途径和绑定wp内容类型

WordPress QQ/微博/微信/手机/钉钉登录插件邮件设置

设置注册邮件发送,建议使用SMTP模式,具体选项根据邮件服务商提供的选项设置

看视频教程,节约时间,视频有声音,带耳机

设置微信登录,分为两部分,基本设置和微信高级设置

1)基础设置:

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

微信端填入微信公众号的appid和secret

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

PC端和移动端留空不填,这部分有微信高级扩展完成。

2)微信高级扩展设置

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

第四步:设置微信公众号网页授权域名和JS安全域名

进入微信公众号平台,公众号设置-功能设置里面,添加网页授权域名,JS安全域名,以及业务域名

WordPress QQ/微博/微信/手机/钉钉登录插件设置教程

mpweixin2

设置完毕以后,就可以正常登录了。

看视频教程,节约时间,视频有声音,带耳机

第一步:QQ互联做开发者认证

QQ互联企业认证

注意:个人开发者只能创建个人网站应用,请正确选择认证类型。如果你的网站备案的主体是企业,就选企业开发者认证,如果备案的主体是个人就选个人开发者认证。

第二步:创建网站应用

qq-social-02

创建网站应用的时候注意一下,网站名称一定要填,工信部备案时填写的网站名称,不然无法审核通过。

qq-social-03

创建应用第二步,网站回调域填:http://你的域名/wp-admin/admin-ajax.php,其他如实填写。填写完毕后,等待审核获取APPID和APP Key

第三步:设置微QQ登录,填入appid和secret即可

Wechat Social Login QQ登录设置

看视频教程,节约时间,视频有声音,带耳机

第一步:weibo开放平台做开发者认证

在微博开放平台:http://open.weibo.com 注册,并做开发者认证;注意根据自己的情况,选择企业认证还是个人认证,个人认证只能接入以个人名义备案的网站。

微博开放平台开发者认证

第二步:接入网站应用

 

开发者认证完成以后,创建微连接-网页应用接入微博登录,获取到App key和App Secret;创建网页应用的地址:https://open.weibo.com/connect

点击下一步,按要求填写必填内容,安全域名也要填上

 

获取到App key和App Secret

第三步:填写OAuth2.0 授权回调域名

授权回调域名为:http://你的域名/wp-admin/admin-ajax.php

取消回调域名:http://你的域名/

第四步:下载插件并设置

下载WeChat Social Login微信登录插件,安装并启用,填入上一步获取的App key和App Secret

微博登录设置

第五步:微博开放平台网站应用保存,并提交审核

这里应该注意一下,微博开放平台提交网站应用审核前,必须在网站上看到微博图标,才能通过。

第六步:审核通过后,提交上线,并正式使用

看视频教程,节约时间,视频有声音,带耳机

第一步:开通阿里云短信服务

具体开通地址是:https://www.aliyun.com/product/sms?spm=5176.8142029.388261.382.3836dbccj8nAO5:领取优惠券:我要领券 如果你是腾讯用户点这里:领券

第二步:获取阿里云Access Key和Access Key Secret

具体获取地址是:https://dysms.console.aliyun.com/dysms.htm?spm=5176.2020520001.1001.163.Tllnaw 

 

accesey

第三步:设置短信签名

什么是短信签名呢?就是手机短消息最后的落款,通常是公司名称或网站名称。进入阿里大鱼管理后台,申请短信签名,记下短信签名名称备用(注意:是短信签名名称不是ID)

sms-2

第四步:创建验证短信模板

创建验证短信模板(不是消息模板),就是用来接收验证码的。审核通过后获取验证短信模板ID

sms-3

第五步:启用手机登录扩展

WordPress手机登录插件

短信设置特别注意的地方就是code参数设置,插件中只填入具体的参数名字即可,目前只支持三个参数:code:验证码;sitename:网站名称 ;currenttime:当前时间。举例如下: 以下列子"|" 前面是阿里的短信模板内容,后面是插件需要填入的参数 你好,你的验证码是:${code} | code (插件中只需要填入code即可) 尊敬的${sitename}网站用户你好,你的验证码是:${code} | sitename,code (插件中填入sitename,code即可)

第六步:启用全新WordPress注册页面,并勾选手机注册

wechat-social-help-05

一、第三方登录后完善资料并绑定WP用户

第三方登录后完善资料并绑定WP用户

二、新建一个账号绑定页面(根据需求)通过短代码 [xh_social_page_account_bind] 放在其他page页面中,比如用户中心的相关页面,供用户访问实现解绑和绑定。


我们提供了一个全新的注册登录页面,代替WordPress默认的注册登录页面,同时支持找回密码和手机注册。

wechat social login注册登录找回密码页面设置

wechat social login注册登录找回密码页面设置

你可以将注册[xh_social_page_register]和登录[xh_social_page_login]短代码放入其他page页面中去,做成新的登录和注册页面


看视频教程,节约时间,视频有声音,带耳机

如何修改登录页面的颜色和样式以及html代码?

1、在当前主题目录创建一个wechat-social-login目录
2、把需要修改的扩展的template目录下面的文件夹拷贝到刚建的目录里面
3、修改对应的php模板文件
主题结构如下:
当前主题/插件名称/php模板文件
举例:需要登录页面的模板
当前主题/wechat-social-login/account/login.php 修改这个login.php文件即可,插件更新也不影响


如何使用弹窗登录?

请在登录按钮或链接的herf加上:href="javascript:void(0);" onclick="window.wsocial_dialog_login_show();"


如何让登录后回到当前页面?

请在登录按钮或链接的herf加上:《?php echo wp_login_url(XH_Social_Helper_Uri::get_location_uri()); ?》
(请将《换成< 以下相同)


如何让登录后跳转到指定的页面?

只需要短代码中加入参数如:[xh_social_page_wechat_qrcode redirect_to="http://www.xxx.com"]


第三方登录图标按钮的短代码和php代码是什么?

php代码:《?php xh_social_loginbar();?》
短代码:[xh_social_loginbar]
JS代码:微信登录按钮ji代码


如何在WooCommerce我的账户页面,加入账户绑定

在WordPress后台页面管理中,找到WooCommerce的My Account页面,在里面添加账户绑定的短代码:[xh_social_accountbind];也可以新增一个页面放入这个短代码


二维码登录、账户绑定、手机+验证码登录页面的短代码分别是什么?

二维码登录:[xh_social_page_wechat_qrcode]
账户绑定:[xh_social_accountbind]
手机+验证码登录页面:[xh_social_page_mobile_login]


我想把默认的登录页面,换成手机+验证码的登录页面,如何操作?

第一步:启用新的登录页面扩展,启用手机登录扩展;
第二步:如图设置即可
WordPress手机+验证码登录插件