所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何使用 LINE login 快速登入 WordPress+WooCommerce?(免费插件)

如果你有经营网络商店,可能会需要建置会员注册的功能,除了方便后续的购物流程,也能进一步留下访客资料,为后续的营销做充足准备。

之前我们已经分享过 Super Socializer 插件三大功能:「 Facebook+Google 快速登录、 社群共享、社群评论。

不过你知道吗? 除了使用 Facebook+Google 快速登录外, Super Socializer 也有 LINE 登录功能唷( WordPress Line Login )!

这篇文章会和大家分享,如何在 WordPress+WooCommerce 网站上,嵌入免费的 LINE 快速登入功能。

那废话不多说,我们就开始吧!

  • 1. Super Socializer 是什么?
  • 2. 使用 LINE 社群登入
  • 常见问题

1. Super Socializer 是什么?

WordPress 社群登录注册:Super Socializer 插件
WordPress 社群登录注册:Super Socializer 插件

Super Socializer 是一款优质的社群插件,主要包含三大功能,分别是「社交登录 」、「 社交分享 」、「 社交评论 」,一款插件就能搞定这些事情,简单利落。 更多 Super Socializer 完整教程。

Super Socializer 有几个很棒的功能&特色,挑选出来跟大家分享。

  • 支持多种社群快速注册+登入功能(像是 Facebook、Google、Line .. )。 更多 Line 快速登入功能。
  • 可在 WordPress 登入、注册、评论表单 ..,启用社群登录功能。
  • 可在 WooCommerce 结帐页面、客户登录表单上,启用社群登录功能。
  • 超过 100 种社交软件的分享,且支持计数功能。
  • 社群共享按钮的样式调整(像是形状、大小、颜色、显示顺序、水平或垂直浮动显示 .. )。
  • 可自定义登录、注册后的网址重定向。
  • 启用社群留言功能,像是Facebook、Disqus。
  • 多站点兼容。
  • 支持启用 HTTPS 的网站。

下图就是基本款的使用社群登录到 WordPress 后台(社群登录还能放在很多页面,这只是其中一种)。

WordPress 社群登录注册:社群登录功能整合
社群登入功能整合

另外的就是社群分享功能(有超过 100 种社群集合),如下图。

WordPress 社群登录注册:多种社群分享&样式调整
多种社群分享&样式调整

由于 Super Socializer 是个社群集成插件,你也能依照自己需求,挑选特定功能插件安装即可,这样可降低网站负担。

  • 如果全部功能都要用,就直接安装 Super Socializer。
  • 如果只想用社群登录&注册功能,你只需安装 Heateor Social Login。
  • 如果只想用 Facebook 社群留言,你只需安装 Fancy Comments。
  • 如果只想用社交分享功能,你只需安装 Sassy Social Share。

2. 使用 LINE 社群登入

这个章节,我们会分 4 个步骤,并且示范如何创建 LINE 快速登入( WordPress Line Login )。

Step1:下载 Super Socializer+启用 LINE 登入钮

前往 WordPress 插件 > 安装插件,搜索 Super Socializer 然后安装+启用。

WordPress 社群登录注册:安装 Super Socializer 插件
WordPress 社群登录注册:安装 Super Socializer 插件

启用之后,进入Social Login 面板,将「Enable Social Login」打勾,选取 LINE 选项,等等还会有步骤要在这块面板进行,不过我们先储存设定。

WordPress 社群登录注册:开启 LINE 社群登录

切换到右边「Advanced Configuration 」面板,帮社群登录取个标题。

开启 WooCommerce 登录 / 注册 / 结账页面的社群登录功能,还有可设定登录 / 注册成功后,网址要导向到哪里。

Super Socializer 社群登录,高级设置
  • Enable at WooCommerce Customer Login Form:在 WooCommerce 登录表单,开启社群快速登录。
  • Enable at WooCommerce Customer Register Form:在 WooCommerce 注册表单,开启社群快速登入。
  • Enable at WooCommerce Checkout Page:在 WooCommerce 结帐表单,开启社群快速登入。
  • Email required:开启 Email 认证。
  • Login redirection:登入后导向的位置,可依照自己需求选择。 有提供 4 种选项,分别是 Same page where user logged in(登入后停留在当前页面)、Homepage(前往首页)、Account dashboard(会员专区)、Custom Url(客制化网址)。
  • Registration redirection:注册后导向的位置,可依照自己需求选择,其他同上。

重点小提醒: Email required( Email 认证)可依站长需求决定是否开启。 开启后,使用 Line 初次登入会跳出确认 Email 窗口,以便 WordPress 创建用户帐号。

Super Socializer 社群登录设定完成后,下面就来申请 LINE 官方串接登入功能!

Step2:创建 Line Developer 帐号+建立频道

到 Line Developer Portal 并使用个人 Line 帐号登录,如果没有帐号,就先要先注册一个。

登入之后,会来到会员页面。 找到“ Providers ”区块,按下 Create 按钮,接着输入网站名称,点击 Create 」进行建立。

创建成功,会进入新建 Channels 页面,选择 Create a LINE Login channel 。

WordPress Line Login :Create a LINE Login channel 创建 LINE 登录频道
Create a LINE Login channel 创建 LINE 登录频道

接着便会进入频道设定,第一个选项选「LINE Login 」,地区选「China 」,剩下的名称、 LOGO 等 ..,则可自行设定。

接着下面两项是频道名称、频道说明,输入四个字以内,方便自己辨识即可。

WordPress Line Login :频道名称及说明设定

“ App types ”选择“ Web app(网站类型),然后填入 Email 。

再来隐私权政策(Privacy policy URL)&服务条款(Terms of use URL)也可输入网址,完成后勾选「 同意 LINE Developers 条款 」,然后进行建立。

设定 web app、 设定整体完成

备注:如果电商还没有隐私权政策&服务条款页面,可参考 WordPress 页面新增,然后再到 WooCommerce 设定内指派即可。 更多 WooCommerce 电商教程。

创建完成后,可前往“ LINE Login ”> 打开 “ Web app ” > 更改“ Callback URL(回调网址)”为: 。你的首頁網址/SuperSocializerAuth/Line

设定完成,按下 Update 即可。

回到「Basic settings 」页面,选择「 Developing 」> 「 Publish 」公开使用此串接频道。

那我们就完成 LINE 的串接频道啦!

Step3:复制 Line 启用凭证,并贴入到 WordPress 网站

我们到「Basic Settings」页面,下滑找到「 Channel ID 」与「 Channel secret 」这两项数值,复制下来。

接着回到 WordPress 后台,前往 Super Socializer > Social Login 面板 > 找到「 Line Channel ID 」与「Line Channel Secret 」两项数值。

将刚刚复制的数值贴上对应的空格,选择单元。

到后台贴上 Channel ID 、 Channel secret」两数值

Step4:显示成果一览

Line 快速登录的凭证启用后,前往 WordPress 前台的会员登录&注册页面,就会发现 LINE 快速登录功能,已经出现啰。

我们也可以顺利使用 Line Login,进行会员快速注册+登入了:)

除此之外,也可以在结帐页面设定显示 LINE 登入功能,这也是许多电商都必备的功能唷。

那么,以上就是完整的「 WordPress Line Login 会员快速登入 / 注册 」教程

原文链接:https://www.itaoda.cn/blog/11700.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板