如何使用 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 是什么？

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

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

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

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

另外的就是社群分享功能（有超过 100 种社群集合），如下图。

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

---

2. 使用 LINE 社群登入

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

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

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

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

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

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

• 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 。

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

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

“ App types ”选择“ Web app（网站类型），然后填入 Email 。

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

备注：如果电商还没有隐私权政策&服务条款页面，可参考 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 」两项数值。

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

Step4：显示成果一览

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

我们也可以顺利使用 Line Login，进行会员快速注册+登入了：）

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

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

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