会员 App — 概述
概述
会员 App 是 Rewardly 面向顾客的一端——您的会员用它来累积和兑换奖励、浏览您的门店以及在线点餐的网页应用。它在任何浏览器中运行,并以 PWA(一种会在主屏幕添加图标的网页应用)形式安装,因此您的顾客无需从应用商店下载任何东西。
该 App 按子域名多租户——会员看到什么取决于他们打开的地址。在您的子域名上(例如 beanbrew.rewardly.app),它会披上您的品牌外观——您的 Logo、您的品牌色、您的项目——并表现为一个单商家 App。在没有子域名时(共享的 rewardly 门户),它以聚合模式运行,同时展示多个商家。
它就是柜台所使用的同一个会员身份。当顾客在 POS 出示其 QR 码时,收银员扫描的正是这个账户——所以在店内累积的积分会在这里实时显示,而在这里购买的奖励也可在店内随时使用。
两种模式
该 App 有两种顶层布局,由地址决定:
| 模式 | 何时 | 会员看到什么 |
|---|---|---|
| 单商家 | 他们打开您的子域名 | 您的商家详情页就是 Home 选项卡——您的 Logo、项目,以及一个 Menu/Catalogue 按钮。共享的发现选项卡会被隐藏。 |
| 聚合 / 门户 | 他们打开无子域名门户 | 一个底部选项卡栏,包含 Feed、Home、NearMe,以及(登录后)MyRewards——跨多个商家浏览。 |
您的大多数会员都处于单商家模式
当您分享自己的子域名链接或 QR 时,顾客会直接进入您品牌化的页面。聚合门户是共享的 Rewardly 目录——知道它的存在有好处,但那并不是您引导自己顾客前往的地方。
在聚合模式下,各选项卡为:
- Feed — 促销、优惠券,以及(登录后)会员自己的活动。
- Home — 已关注的类目、会员关注的商家集合,以及一个全商家 feed。
- NearMe — 使用设备定位显示附近商家的地图。
- MyRewards — 顾客在各商家持有的会员资格(仅登录后)。
接下来的几节将详细介绍这些选项卡中的每一个。它们仅限门户——不会出现在您自己的子域名上,在那里您的商家页面会取代 Home,并且发现选项卡会被隐藏。
Home(聚合)
门户 Home 选项卡是共享的 Rewardly 目录。它有三个堆叠的区域:
- 已关注的类目 — 会员关注的类目的横向滚动,最多 7 个,外加一个 Other 磁贴。点按 Other 会打开一个全类目选择器(或提示访客登录)。
- My Collection — 会员关注的商家的横向列表,带有一个通向其完整已关注商家列表的查看全部链接。
- All Merchants — 一个无限滚动的 feed,将商家卡片与促销横幅图片交错排列。点按横幅会打开该促销。
会员可以下拉刷新该页面。当没有内容可显示时,空状态会显示为 "Merchants not found"。页眉带有一个搜索图标,可打开商家搜索,而一笔实时的忠诚度或 POS 交易会自行刷新已关注列表。
仅限门户——您的顾客会进入别处
Home 是无子域名门户的一部分。当顾客打开您的子域名时,他们会进入您品牌化的商家页面,由它取代 Home 的位置。请将您自己的顾客引导至您的子域名链接或 QR,而非共享门户。
Near Me
NearMe 选项卡使用设备定位和 Google Maps 来呈现离会员较近的商家。它显示:
- 一张地图,每个附近商家都有一个标记。
- 地图下方的一个商家卡片列表。
- 一个范围滑块(默认 5 km),用于扩大或缩小搜索半径。
- 一个类目筛选器,将结果限制为某一个类目。
点按某个商家——或其 more 链接——会打开该商家的详情页。如果会员关闭了定位,屏幕会提示 "Enable your location and try again!"。
Near Me 需要定位权限
NearMe 依赖浏览器的地理位置权限和 Google Maps 服务。如果会员拒绝定位提示,地图将无法填充内容。
Feed
Feed 选项卡是一个跨商家的信息流,顶部带有一个分段控件:
| 选项卡 | 显示内容 | 谁能看到 |
|---|---|---|
| Promotions | 来自门户上各商家的促销。 | 所有人 |
| Voucher | 各商家提供的优惠券。 | 所有人 |
| Activity | 会员自己的交易和通知活动,带有未读数量徽标。 | 仅限登录会员 |
Activity 选项卡只有在会员登录后才会出现——它是他们累积积分、兑换优惠券及其他账户事件的个人 feed。
它看起来如何
无论处于哪种模式,有几样东西是一致的,并由您的设置驱动:
| 元素 | 由什么驱动 |
|---|---|
| Logo 与封面图 | 您的商家品牌。 |
| 品牌色 | 您的商家颜色——为各处的按钮、强调色和高亮着色。 |
| 标签(Menu 与 Catalogue) | 您的模板类型——见下文。 |
| 显示的项目 | 您设为 Show on Member App 的忠诚度项目。 |
模板类型
您的商家模板类型会改变整个 App 的布局和措辞:
| 模板 | 使用者 | 点餐按钮显示为 |
|---|---|---|
| Food(默认) | 咖啡馆、餐厅、F&B | Menu / Order |
| Service | 美容沙龙、服务业 | Order |
| Retail | 销售货品的商店 | Catalogue |
Retail 模板在某些屏幕(例如注册)上还会使用一种独特的卡片式布局。您的模板在商家资料中设定——如果您不确定自己用的是哪一种,请联系 Rewardly 支持。
语言
该 App 提供三种语言——英语、蒙古语和中文。会员从页眉的下拉菜单中切换语言(在您的商家页面和登录屏幕上)。该选择会记录在他们的设备上。
切换语言会重新加载页面
切换语言会在一次快速的整页重新加载后生效——这是预期行为。
浅色与深色主题
浅色/深色主题切换位于资料、登录和商家页眉中。会员可选择自己偏好的任一种;您的品牌色会叠加应用在两者之上。
实时更新
App 打开期间会与 Rewardly 保持一个实时连接。一笔 POS 或忠诚度交易、一个未结订单的变更,或一条新通知,都会自行更新相关屏幕——无需刷新。
断开的连接可能不会自行重连
实时连接在大多数网络中断后不会自动重新建立。如果会员长时间将 App 保持打开而更新停止到达,刷新页面即可恢复。
通知与弹窗
- 应用内 toast — 当会员账户发生某事时(累积积分、兑换优惠券、订单已付款),会有一个 toast 滑入。会员可在他们的通知设置中控制哪些类型会送达自己。
- 弹窗营销消息 — 您可以配置在选定页面上出现的图片弹窗。每个弹窗都有一个展示次数上限,因此会员在达到设定的查看次数后便不再看到它;点按它会打开您设置的链接。
安装为 PWA
在 iOS 上,会员会收到 "添加到主屏幕" 提示,使 App 像原生应用一样安装。安装后,从主屏幕图标全屏打开。
iOS 安装提示
主屏幕安装提示会在 iOS 上显示。在其他平台上,会员仍可通过浏览器自带的"安装应用"/"添加到主屏幕"选项进行安装。
您的商家页面(忠诚度中心)
在您的子域名上,商家页面是您的会员的归处。它是在单商家模式下取代 Home 位置的屏幕,也是其他一切所依附的中心。
它显示:
- 您的品牌 — Logo、名称、描述,以及一个封面图轮播。
- 一个点餐按钮 — 当您的门店接受订单时,会有一个 Catalogue、Menu 或 Order 按钮(措辞遵循您的模板类型)。它会进入点餐流程。默认情况下它要求会员已登录,除非您允许在登录前显示奖励或菜单。
- 项目列表 — 您的忠诚度项目(优惠券、积分、印章、商店积分、会员资格、返现等)会在下方呈现,供会员浏览和兑换。
- 一个面向访客或尚未加入的会员的浮动"登录或注册" CTA。
页眉带有一个语言下拉菜单、一个浅色/深色主题切换、一个通知铃铛,以及——当您允许会员自行兑换忠诚度且查看者不是访客时——一个 Redeem 扫描按钮。
认领收据以获取积分
已加入的会员无需在柜台出示 QR 即可认领已付款订单的积分。您商家页面上的 Check receipt 弹窗让会员可以扫描或输入一张收据,将该订单的积分分配到自己的账户。
深层链接会自动分配收据
如果会员从带有收据引用的链接打开您的页面,并且他们是已登录的已加入会员,该收据会自动分配给他们——无需扫描。
加入您的商家
当一位尚未加入的已登录会员带着加入意图到来时——例如他们跟随了一个推荐链接,或首次打开了您的子域名——App 会显示一个他们在加入前必须接受的条款接受弹窗。有关会员如何加入以及接受涵盖哪些内容,请参阅入门。
商家关于页面
点按商家页面上的您的 Logo 或名称会打开一个更丰富的关于页面——这是您的地址、地图和营业时间所在的面向顾客的地方。它显示:
- 一个封面轮播和一个 masonry 照片画廊。
- 一个带地图的门店选择器 — 会员选择一个门店并看到其图钉。
- 每个门店的营业时间,带有一个能正确处理营业时间跨过午夜的门店的实时 "open now" 指示器。
- 一个用于您商家条款的条款抽屉。
请在您的设置中保持门店地址、地图图钉和营业时间为最新——这是会员用来查找并到访您的页面。
商家搜索
在聚合模式下,Home 页眉中的搜索图标会打开一个覆盖门户上每个商家的全局商家搜索——会员可按名称查找商家。一个限定位置的变体会将同一搜索范围缩小到离会员较近的商家。这是门户的发现搜索;在您自己的子域名上,会员已经处于您的页面,因此无需执行商家搜索。
您的会员能做什么
每个领域在本指南中都有自己的页面:
| 领域 | 会员做什么 | 页面 |
|---|---|---|
| 入门 | 注册、登录(密码、OTP、PIN、生物识别),并找到自己的 QR 码。 | 入门 |
| 忠诚度钱包 | 持有他们的会员卡、积分、优惠券、印章和商店积分;兑换和赠送它们。 | 忠诚度钱包 |
| 在线点餐 | 浏览您的菜单、定制商品、结账、付款并跟踪订单。 | 在线点餐 |
| 资料与推荐 | 编辑他们的信息、管理地址和偏好,并推荐好友。 | 资料与推荐 |
由您的设置驱动
本节中几乎一切都由您来掌控。显示哪些项目、点餐按钮的标签、会员能否自行兑换积分、访客能否在没有账户的情况下点餐——这些都来自您的商家和门店设置,而非 App 本身。当某个屏幕取决于某个特定开关时,相应领域的页面会指明它。
相关内容
- 会员在 POS 看到什么 — 同一位会员,从您收银员所在柜台一侧的视角。
- 会员 App — 入门 — 会员如何注册和登录。
- 忠诚度钱包 — 会员卡、积分、优惠券、印章和积分。
- 在线点餐 — 从手机点餐并付款。
- Rewardly 是什么? — 会员 App 如何融入更广阔的平台。