注册与登录
概述
会员 App 是您的顾客加入您忠诚度项目并向您下单的方式——一个他们在手机上打开的网页应用，无需安装。在他们能够赚取一个积分或持有一张优惠券之前，他们需要一个账户以及重新登入的途径。本页涵盖两者：顾客如何注册，以及之后他们登录的每一种方式。
这里几乎所有内容都由您的商家设置驱动。哪些注册字段出现、是否允许注册、提供哪些登录方式——这些全都由您在商家设置中控制。因此同一个 App 在不同商家之间看起来可能相当不同。当某个行为取决于某项设置时，我们会指明。
一个账户，您的品牌
会员 App 是 multi-tenant 的——每个商家都有自己的子域名、Logo 和品牌色。在您子域名上注册的顾客，加入的是您的业务。下面的屏幕通篇都以您的颜色着色并带有您的 Logo。
注册
顾客通过点击登录屏幕上的 Create new account，或跟随您分享的推荐或优惠券链接，到达注册屏幕。
字段
哪些字段显示、哪些为必填，完全由您的 signupFields 配置（商家设置的 Signup / Login 选项卡）设定。下面每个字段都可以显示或隐藏、设为必填或可选：
| 字段 | 顾客输入什么 |
|---|---|
| Phone | 带国家代码的手机号——根据顾客所在位置自动检测，可更改。 |
电子邮箱地址，如果您设置了 preferredEmailDomains，则带有首选域名后缀下拉框。 | |
| First name | 名。 |
| Last name | 姓。 |
| Birthday | 出生日期，通过日期选择弹窗输入。生日优惠券和生日月奖励需要它。 |
| Gender | Male、Female 或 Not specific。 |
| Password | 当需要密码时，外加一个确认密码字段。 |
顾客输入时，App 会实时检查手机号和邮箱。如果其中任一已被注册，会提示并改为提供 Login by SMS——这样他们就不会意外创建重复账户。
同意条款与 reCAPTCHA
提交按钮上方有两个同意复选框：
- PDPA + 商家条款 — 必选。顾客不勾选就无法提交。这些链接会打开您的条款抽屉（文本来自商家设置中您的条款与条件；空条款会显示 "This merchant has not provided any terms."）。
- "I am open to accept marketing messages" — 可选，且默认勾选。这是顾客接收您营销信息的同意。
提交时会运行 reCAPTCHA 检查（Google reCAPTCHA Enterprise）以拦截机器人。正常使用时它是隐形的。
奖励完整资料
如果您授予完成资料积分（商家设置中的 loyaltyAmountProfile），注册屏幕会显示一个提示——"填写完所有信息可获得 N 积分"——促使顾客填写每个字段。参见 忠诚度积分。
带入的推荐与优惠券
如果顾客通过推荐码或优惠券链接（您分享的 deep link）到达，该码会显示在注册屏幕上并带入他们的新账户——这样推荐人会被记入功劳，优惠券也会落入新会员的钱包。关于分享链接的更多内容，参见 个人资料与推荐。
当注册被阻止时
两项设置可在注册开始之前就将其拦下：
isAllowRegister关闭 — 注册被完全禁用。没有 Create new account 按钮，任何被引导至注册屏幕的人都会被拒之门外。isSignupTokenRequired开启 — 需要一个有效的 signup token（来自?token=链接）。没有它，顾客无法注册。当您只希望您邀请的人加入时使用这一项。
通过 OTP 验证
提交成功后，顾客会进入 OTP 屏幕以验证其确实拥有该手机号或邮箱。他们输入一个通过短信或邮件发送的6 位代码。
- 一个实时的 "expires in MM:SS" 倒计时运行 10 分钟。
- 到期时，按钮切换为 RESEND CODE。
- 屏幕会显示目标地址——代码发往的手机号或邮箱。
输入正确的代码，账户即生效——顾客直接进入您的 App。
登录
登录屏幕提供您启用的任意方式。默认方式在允许短信登录且您的首选类型偏向它时为 OTP；否则回退到密码。顾客可以在所提供的方式之间切换。
登录方式
| 方式 | 工作原理 |
|---|---|
| Password | 顾客通过手机号、邮箱、会员号或车牌号配合密码登录。 |
| OTP by SMS or email | 一次性的6 位代码，带10 分钟重发计时器。无需密码。 |
当 isLoginWith 包含它时，使用 Google 账户的 social login。 | |
| Biometric | 通过 WebAuthn 的 Touch ID / Face ID——登录屏幕上的指纹按钮。需要先在设备上设置好生物识别。 |
| 4-digit PIN | 顾客自己设置的一个短 PIN。仅当他们创建过 PIN 时，才会出现 Use PIN to login / Use password instead 切换。 |
顾客输入其手机号（带国家代码）或邮箱（带首选域名后缀下拉框）并提交。App 随后根据查到的结果为他们路由：
- login — 进入密码或 PIN 输入。
- otp — 显示 6 位代码输入。
- signup — 重定向到注册屏幕（若注册被禁用则被阻止）。
短信登录已禁用
如果某位顾客的手机号已被注册，但您关闭了短信登录（isAllowSmsLogin），App 会提示他们改用密码。在禁用短信登录前，请确保另有一种可用方式。
记住我与忘记密码
- Remember me — 一个复选框，会保存顾客的手机号或邮箱及国家，这样下次他们就不必重新输入。
- Forgot password? — 顾客选择 Phone 或 Email，一个新密码会发送到该渠道——"New password has been sent to your phone/email!"。他们回到登录屏幕用它登录。
哪些设置塑造登录屏幕
| 设置 | 对登录的影响 |
|---|---|
preferredLoginType | 设定默认方式以及由 OTP 还是密码主导。 |
isAllowSmsLogin | 是否提供 OTP-by-SMS（以及基于短信的找回）。 |
isAllowRegister | 是否显示 Create new account。 |
isSignupTokenRequired | 除非存在有效 token，否则隐藏 Create new account。 |
isTermCheckOnLogin | 在登录屏幕上添加一个条款接受复选框。 |
这些全都位于 商家设置 → Signup / Login 之下。参见 商家设置。
下单流程中的 Quick Login
当一位尚未登录的顾客开始下单时，他们遇到的是一个更轻量的登录屏幕——Quick Login——而非完整的登录页。它提供两条路径之间的切换：
- Member login — 这里只有 OTP。一个 6 位代码会发往顾客的手机或邮箱（按
preferredLoginType），带 5 分钟计时器。 - Guest — 仅当
guestLoginType不为none时显示。顾客只需提供手机号和/或邮箱——具体是哪个取决于guestLoginType（例如phone-required、email-required、email-optional）——App 会创建一个直接进入下单的访客会话。无需账户，无需密码。
如果 isTermCheckOnLogin 开启，则会出现一个条款复选框。如果顾客正在领取优惠券，则只提供 Member login——访客无法持有优惠券。
访客登录是一项设置
Guest 选项仅在您允许时才存在。当 guestLoginType 设为 none 时，便没有访客路径——顾客会被引导至完整的登录屏幕去登录或注册。请根据您希望在某人下单前设置多少阻力来设定 guestLoginType。
在柜台领取会员身份
两个流程可在事后将一位一次性顾客转变为正式会员。
转化一位已付款的访客
当一位访客完成并支付一笔订单时——在其忠诚度兑换包含 customer 渠道的商家——订单屏幕会显示一个 CheckMember 小组件。访客输入手机号、登录或注册，他们刚刚支付的收据便被分配给这位新会员。该订单的积分及任何奖励都会跟随他们进入其账户。
通过 POS 登入
如果您在 POS 上替顾客创建了账户，他们通过 sign-in-with-POS 来激活它——这是一个与其手机号绑定的链接，他们在其中设置姓名和密码以取得账户的所有权。之后他们就像任何其他会员一样登录。
个人 QR
每位会员都有一个个人 QR 码，可在您的柜台出示，让收银员通过扫码将其附加到一笔销售上。它是一个短时效的 token——一个实时倒计时会使其过期，过期的 QR 会显示 "QR code is expired" 并带一个刷新按钮。该屏幕还会显示您的 Logo、名称以及会员的手机号。这与您的收银员在 在柜台 扫描的是同一个码。
它看起来是什么样
在登录屏幕上，顾客会看到您的 Logo 和品牌色、一个手机号或邮箱字段、您启用的方式切换（OTP / 密码 / Google / 生物识别 / PIN）、Remember me、Forgot password?，以及——如果注册开放——Create new account。一个语言下拉框（EN / MN / CN）和一个明暗主题切换位于页头。
在注册屏幕上，他们只会看到您开启的字段、两个同意复选框、任何带入的推荐或优惠券、若您授予则有的资料积分提示，以及一个运行 reCAPTCHA 的提交按钮。Retail-template 商家会得到卡片式布局；其他商家则得到整页表单。