# 网页内容模板库

网页内容模板库提供按用例分组的现成弹窗：推送订阅提示、优惠、潜在客户获取、同意门槛、调查等。每个模板都带有完整的文案，如果布局包含图像，还会附带一张图像。选择一个模板，然后在[编辑器](/zh/product/content/web-popup-content/web-content/#build-the-content)中将文本和图像替换为您自己的内容。

要打开网页内容模板库，请前往 **Content → Web content**，点击 **Create**，然后选择 **Web content** 类型。使用右上角的下拉菜单按类别筛选模板库，或将其保留在 **All templates** 上。每个类别都会显示其模板数量，下文中的模板也按相同的类别列出。

下文的每个类别还附有建议的受众和时机。这些只是建议，而不是设置，因为模板本身没有定位功能。您需要在[网页营销活动](/zh/product/messaging-channels/web-popups/create-web-popups-campaigns/#define-audience)中选择谁能看到内容以及何时看到。

在保存基于模板创建的内容之前：

- 将模板图像替换为您自己的图像。带有背景图像的模板附带一张深色占位图像。
- 为每个需要打开页面的按钮设置链接。既不关闭弹窗也不切换页面的模板按钮不带链接。
- 带有 **Topic picker** 或 **Rating** 块的模板在您为其选择标签或事件之前不会写入任何内容。请参阅[主题选择器](/zh/product/content/web-popup-content/blocks/#topic-picker)和[评分](/zh/product/content/web-popup-content/blocks/#rating)。
- 带有 **Countdown** 块的模板附带一个占位截止日期，设为一周后的午夜。请在块设置中设置您自己的 **Deadline**。请参阅[倒计时](/zh/product/content/web-popup-content/blocks/#countdown)。

然后保存内容并将其附加到网页营销活动。请参阅[保存内容](/zh/product/content/web-popup-content/web-content/#save-the-content)。

网页内容模板库中没有网页表单模板。如需收集电子邮件或访问者的回答，请改为创建[网页表单](/zh/product/content/web-popup-content/web-forms/)。

## 空白布局

当没有适合的用例模板时，从带有占位内容的布局开始。

<img src="/content-web-content-templates-1.webp" alt="网页内容模板库已筛选为 Blank layouts，显示从促销模态框到全高侧边栏的八个布局磁贴"/>

- **Modal (sale)：** 居中的卡片，包含标题、文本、一个按钮和一条脚注。
- **Modal (image background)：** 居中的卡片，文本位于深色占位背景图像之上。
- **Modal (sale) + image (right)：** 文本在左、图像在右的卡片。
- **Modal (sale) + image (left)：** 同样的卡片，图像在左侧。
- **Modal (sale) + image (top)：** 图像位于文本上方的卡片。
- **Product tour (multi-page)：** 三个产品页面，每个页面都有一张图像、一个购买按钮和一个用于跳转到下一页的 **Next product** 按钮。请参阅[多个页面](/zh/product/content/web-popup-content/multi-page/)。
- **Bottom bar：** 位于页面底部的全宽横条，文本在左、按钮在右。
- **Side panel (full height)：** 沿窗口一侧占据窗口全部高度的面板。

## 推送订阅

请访问者开启浏览器推送通知。

<img src="/content-web-content-templates-2.webp" alt="网页内容模板库已筛选为 Push opt-in，显示五个订阅模板，包括两步同意和极简横条"/>

**建议受众：** 尚未订阅推送通知的访问者；对于 **Notifications are off**，则为之前屏蔽了通知的访问者。

**建议时机：** 在访问者浏览了一些内容之后，例如在其第二次页面浏览时，而不是网站刚打开的那一刻。

- **Breaking news alerts：** 承诺只针对重大新闻发送提醒，并带有 **Allow notifications** 按钮。
- **Two-step consent：** 先询问兴趣，然后在第二个页面上解释浏览器提示。
- **Minimal opt-in bar：** 不打扰用户的底部横条，带有 **Turn on** 和 **Later** 按钮。
- **Notifications are off：** 告诉屏蔽了通知的访问者如何在浏览器中重新允许通知。
- **Product updates：** 提供新功能简讯的底部横条。

## 新闻与媒体

吸引读者回到文章，或将其转化为订阅者。

<img src="/content-web-content-templates-3.webp" alt="网页内容模板库已筛选为 News and media，显示 Continue reading、Subscriber-only story、Weekly digest 和 Special report"/>

**建议受众：** 回访读者、特定栏目的读者，或尚未成为订阅者的读者。

**建议时机：** 当读者回到未读完的文章、遇到仅限订阅者的内容或读完一篇文章时。

- **Continue reading：** 邀请读者回到读了一半的文章。
- **Subscriber-only story：** 告诉读者该文章仅供订阅者阅读，并引导其查看订阅方案。
- **Weekly digest：** 提供每周编辑精选的底部横条。
- **Special report：** 推广长篇文章，文本位于深色占位背景图像之上。

## 促销与优惠

通过折扣、奖励或截止日期促成购买。

<img src="/content-web-content-templates-4.webp" alt="网页内容模板库已筛选为 Promotions and offers，显示从欢迎折扣到限时抢购倒计时的七个模板"/>

**建议受众：** 欢迎优惠针对首次访问者，购物车中有商品的购物者，或您希望重新激活的玩家和购物者。

**建议时机：** 欢迎优惠在进入网站时显示，库存和运费消息在商品页和购物车页显示，限时优惠在促销期间显示。

- **Welcome discount：** 提供首单折扣的侧边栏。
- **Back in stock：** 提议在售罄商品重新到货时通知购物者。
- **Free shipping threshold：** 告诉购物者即将达到免运费门槛的底部横条。
- **Promo code：** 显示一个结账时使用的优惠码。
- **In-game bonus：** 提供免费新手礼包，文本位于深色占位背景图像之上。
- **Welcome bonus：** 首次充值奖励，带有条款脚注，位于深色占位背景图像之上。
- **Flash sale countdown：** 带有实时[倒计时](/zh/product/content/web-popup-content/blocks/#countdown)块的限时抢购优惠。

## 游戏与交易市场

引导玩家和买家上手，并发布新物品上线和比赛的消息。

<img src="/content-web-content-templates-5.webp" alt="网页内容模板库已筛选为 Gaming and marketplaces，显示 Welcome quest、Item drop、Match alerts 和 Drop countdown"/>

**建议受众：** 新玩家或新买家、特定球队或游戏的粉丝，或关注特定物品的用户。

**建议时机：** 引导内容在首次访问时显示，提醒内容在物品上线或比赛开始之前显示。

- **Welcome quest (3 steps)：** 三页式新手引导，每页都有一张图像。
- **Item drop：** 用图像发布新上线的物品。
- **Match alerts：** 提供比赛开始、球队得分和比赛结束时的提醒。
- **Drop countdown：** 使用[倒计时](/zh/product/content/web-popup-content/blocks/#countdown)块为限时物品上线倒计时。

## 金融与交易

提供市场提醒和分析师内容，并附上受众期望看到的免责声明。

<img src="/content-web-content-templates-6.webp" alt="网页内容模板库已筛选为 Finance and trading，显示 Price alert、Trading signals、Opt-in with risk disclaimer 和 Market open reminder"/>

**建议受众：** 已注册的交易者、关注特定金融工具的用户，或尚未开启提醒的访问者。

**建议时机：** 当访问者查看某个金融工具或市场页面时，或在交易时段开始之前。

- **Price alert：** 提供金融工具价格突破某一水平时的提醒。
- **Trading signals：** 提供来自您的分析师的每日简报。
- **Opt-in with risk disclaimer：** 提醒订阅，脚注中带有风险警示。
- **Market open reminder：** 提供每个交易时段开始前提醒的底部横条。

## 潜在客户获取

通过活动、报告、演示或简短问题将访问者转化为潜在客户。

<img src="/content-web-content-templates-7.webp" alt="网页内容模板库已筛选为 Lead generation，显示五个模板，包括 Webinar registration 和 Pick your topics"/>

**建议受众：** 尚未成为客户的访问者，或正在阅读特定主题内容的访问者。

**建议时机：** 在访问者读完某个页面或滚动浏览了文章的大部分内容之后。

- **Webinar registration：** 邀请访问者参加在线研讨会直播。
- **Report download：** 提供免费报告。
- **Book a demo：** 提供产品演示，并为只想了解要点的访问者提供第二个按钮。
- **One-question survey：** 询问访问者是否找到了所需内容，带有 **Yes** 和 **No** 按钮。
- **Pick your topics：** 使用[主题选择器](/zh/product/content/web-popup-content/blocks/#topic-picker)块让访问者选择主题。

## 同意与门槛

在访问者继续浏览之前征求同意或请其做出选择。

<img src="/content-web-content-templates-8.webp" alt="网页内容模板库已筛选为 Consent and gates，显示 Cookie consent、Age gate、Region and language 和 Get the app"/>

**建议受众：** Cookie 同意和年龄验证针对所有访问者，地区切换针对来自其他地区的访问者，应用提示针对移动端访问者。

**建议时机：** 在首次页面浏览时。

- **Cookie consent：** 关于 Cookie 的底部横条，带有 **Got it** 按钮。
- **Age gate (18+)：** 请访问者确认已达到法定年龄。
- **Region / language：** 提议切换到访问者所在地区的网站。
- **Get the app：** 邀请网页访问者安装您的应用。

## 反馈与调查

使用[评分](/zh/product/content/web-popup-content/blocks/#rating)块收集评分或反馈。

<img src="/content-web-content-templates-9.webp" alt="网页内容模板库已筛选为 Feedback and surveys，显示 NPS survey、Rate your experience 和 Rating, then topics"/>

**建议受众：** 活跃用户，或刚刚完成购买或其他关键操作的客户。

**建议时机：** 紧接在关键操作之后，或在访问者使用网站一段时间之后。

- **NPS survey：** 以 0–10 分的量表询问访问者向他人推荐您的可能性。
- **Rate your experience：** 带有 **Send rating** 按钮的五星评分。
- **Rating, then topics：** 第一页为星级评分，第二页为 **Topic picker**。