你好，这一节课我们为大家去分享一个登录弹窗的插件，它也算是一个电商类的插件，这个插件是 YITH 这个公司开发出品的一个插件，这个插件它主要的目的就是在我们的独立站上面，用户点击以后直接弹出一个登录框或者是一个注册框。
首先我们先看一下它的演示效果，在这里我们看到在它的右上角有一个login，然后我们点击它就会弹出一个注册框，可以登录也可以注册，然后用户在这里面去输入他的邮箱，然后点击继续。当然在下面它也支持通过 Facebook 的接口或者是Google的接口，然后通过 Facebook 账号或者是谷歌账号进行登录，在这里用户可以去输入它的密码，这样的话就可以完成注册。
除了可以在我们的导航栏上面放上这样的效果之外，另外就是在用户结账的时候，正常我们都知道使用WooCommerce去搭建出来的独立站，用户在购买商品的时候，它是不需要先进行注册会员的，他只需要在我们的结账页面去填写他的邮箱，那么这个邮箱就会自动转成我们的独立站的会员。
那么现在我们使用这个插件的效果就是它在购物车里面，然后他点击下一步结账的时候，就会直接弹出来一个注册的界面，当然在这里用户可以去输入他的注册，也可以直接使用游客的方式，然后继续进行购买，这个也是没有问题的，所以就是这样的一个功能。
YITH Easy Login & Register Popup for WooCommerce插件介绍：
我们去看一下这个插件它的一些特点，插件的名字就是 YITH 开发的一个简单的 login and register，支持我们登录和注册的这样的一个弹出的框，当然它的价格比较贵啊。
结账前注册登录弹窗：
第一个就是它可以直接在我们的结账页面的前面，然后让用户去实现它的会员登录。登录了以后在他的结账页面用户就直接是登录的状态，他就不需要输入那么多的信息了。以前我们把登录购买和支付方式全部是放在我们的checkout的页面的，而现在我们就相当于把登录放在前面那一步，然后他在结账页面，他只需要填写他的支付方式和他的订单信息就可以完成支付了。当然这样的一个弹出框，这里面的文本颜色、背景颜色都可以根据你自己独立站的风格，然后进行调整自定义。
支持Facebook和Google账号登录：
另外一个就是它支持第三方的，就是常用的比如说谷歌账号或者是 Facebook Meta 这样的会员账号直接进行登录，那么用户就不需要去填写他的邮箱了。
自动填充邮箱后缀：
另外一个就是他也是比较人性化的。就用户在去输入邮箱的这个过程当中，它会自动给它推荐这个邮箱的后缀，这样也可以减少用户输入的信息，然后。
类似亚马逊验证码找回密码功能：
另外它也添加了一个就是和亚马逊一样的找回密码的功能，使用 wordpress 或者woocommerce，它默认的一个找回密码的功能，就是你去找回密码的时候，它会往你的邮箱里面去发送一条链接，然后你点击这个链接以后，然后你可以去输入你的新的密码等等这样的一个动作，它是通过这种方式进行验证的。
而亚马逊包括像一些电商平台，他们的做法是你忘记密码以后，你输入你的邮箱，输入邮箱以后他会往你的邮箱里面去发一个验证码，那么现在这个插件就是模仿这种功能，就是直接用户可以去输入验证码，而不是通过链接。因为我们都知道有的时候这个链接打开以后，它可能显示不出来，而如果你是直接去输入验证码，这就简单的多了，用户一般是不需要离开这个页面。
然后下面一个就是我们可以通过他这里所提供的一些 CSS 类，然后把这样的一个弹出框放在任何的按钮或者是一些标签上面，就是你只要获取这个模块的 CSS 样式，不管是它的类选择符还是 ID 选择符，这样的话都是可以弹出这个弹出框的，这个等一下我们会给大家去演示。然后另外就是用户在购物车的时候，它如果不想直接进行注册，那么可以通过游客的方式继续往下去推进，这样的话就不影响我们之前的动作。
YITH Easy Login & Register Popup for WooCommerce插件安装：
好，就是这样的一个插件，那么这个插件我们已经给大家准备好了，所以现在我们直接进入我们独立站的后台，然后点击安装这个插件。
现在我们给大家安装的是 2.3 这个版本，如果有最新的版本，那么直接可以在学习上网去下载，然后上传覆盖就行了，然后点击安装好插件，安装成功以后启用一下我们这个插件，也给大家去准备了一个激活插件，如果你安装了以后发现这个插件没有被激活，那么直接去安装一下这个激活插件就可以了，因为我们之前在这里已经安装过这个激活插件了，所以我们现在安装成功以后，在 YITH 里面首先就看它的许可证，它就已经是被激活的状态了。
好，这样我们就完成了这个插件的安装和激活，那么下一节课我们会来讲解一下这个插件的设置和使用方法。
评论(0)