优化 Toast 网站

本文内容：

• Toast 网站自定义概述
• 开始之前
• 目标与功能快速查找
• 更新您的网站设计
• 自定义您的导航栏和页脚
  • 更新导航栏
  • 更新导航链接
  • 自定义页脚
• 添加和管理页面
• 自定义页面上的模块和部分
• Toast 网站的媒体内容
  • 媒体库
  • 视频字幕
  • 与 Instagram 集成
• Toast 网站的横幅和弹出窗口
  • 促销横幅
  • 焦点功能横幅
  • 持久横幅
  • 弹出窗口
• 将活动添加到您的网站
• Toast 网站的预订小部件
• 将 Google 商家资料评论添加到 Toast 网站
• 将 Untappd 啤酒单添加到您的 Toast 网站
• 将餐饮表单添加到您的 Toast 网站
• 将礼品卡购买页面添加到您的 Toast 网站
• 添加外部嵌入式小部件
• Toast 网站的生成式 AI 内容工具
• 配置网站菜单
  • 添加菜单项组件
  • 添加菜单组组件
  • 自定义菜单
  • 仅查看菜单构建器
• 自定义您的网站主题、排版、徽标和网站图标
  • 颜色主题
  • 文本主题（排版）
  • 动画
  • 徽标
  • 网站图标
• 预览并发布您的网站
• 视频演示
• 常见问题解答
  • 为什么我的编辑内容没有在实时网站上显示？
  • 如何更改网站上显示的营业时间？
  • 如何隐藏或取消隐藏页面？
  • 如何将 Google Analytics 或跟踪代码添加到我的 Toast 网站？
  • 在哪里更改我的徽标和横幅图片？}}--> { "translations": { "translation_1": "网站图标", "translation_2": "预览并发布您的网站", "translation_3": "视频演示", "translation_4": "常见问题解答", "translation_5": "为什么我的编辑内容没有在实时网站上显示？", "translation_6": "如何更改网站上显示的营业时间？", "translation_7": "如何隐藏或取消隐藏页面？", "translation_8": "如何将 Google Analytics 或跟踪代码添加到我的 Toast 网站？", "translation_9": "在哪里更改我的徽标和横幅图片？", "translation_10": "我的网站在移动端和桌面端看起来可以不同吗？", "translation_11": "Untappd 集成需要付费吗？", "translation_12": "相关文章", "translation_13": "Toast 网站自定义概览", "translation_14": "在网站编辑器（也称为编辑器或您的网站编辑器）中，您可以自定义网站的设计、导航栏、页脚、页面、模块、菜单、横幅和弹出窗口。", "translation_15": "您还可以嵌入集成功能，例如 Untappd 啤酒单、Google 商家评论、餐饮服务表单、礼品卡购买页面和外部 HTML 小部件。", "translation_16": "使用生成式 AI 工具和媒体库来添加符合您餐厅品牌的文本和视觉内容。", "translation_17": "注意：", "translation_18": "网站编辑器现在具有 全屏、内联布局。", "translation_19": "内容更改可以直接在页面预览上直观地进行，而侧边栏则针对布局和全局设置进行了精简。", "translation_20": "回到顶部" } }
  • 我的网站在移动端和桌面端看起来可以不同吗？
  • Untappd 集成需要付费吗？
• 相关文章

Toast 网站自定义概览

在网站编辑器（也称为编辑器或您的网站编辑器）中，您可以自定义网站的设计、导航栏、页脚、页面、模块、菜单、横幅和弹出窗口。您还可以嵌入集成功能，例如 Untappd 啤酒单、Google 商家评论、餐饮服务表单、礼品卡购买页面和外部 HTML 小部件。使用生成式 AI 工具和媒体库来添加符合您餐厅品牌的文本和视觉内容。

注意：网站编辑器现在具有 全屏、内联布局。内容更改可以直接在页面预览上直观地进行，而侧边栏则针对布局和全局设置进行了精简。

回到顶部

开始之前

适用于：Toast 网站

所需权限：

• 6.9 网站设置 权限 — 编辑您的 Toast 网站所必需
• 6.4 发布 权限 — 在每个地点发布更改所必需

您将完成的操作：您的在线 Toast 网站将反映您餐厅的品牌、菜单、集成和内容。

保存并发布模式：

• 您在网站编辑器中所做的更改会保存到网站草稿中。
• 在您选择 发布 之前，您的编辑内容不会显示在您的在线网站上。
• 如果您（或员工）无法发布，请参阅“无法在 Toast Web 中发布更改”，获取有关 6.4 发布权限及相关故障排除的指导。

回到顶部

目标与功能快速查找

使用此表查找您想要更改的内容对应的正确部分。

回到顶部

更新您的网站设计

导航至 Toast 网站 > 网站 > 编辑网站，以对您的网站徽标、颜色或文本进行全站范围的更改。在您完成初始 Toast 网站设置后，“网站模板”选项将变为灰色，但您随时可以使用“网站编辑器”中的功能来更改布局。有关更多详细信息，请参阅本文中的 自定义页面上的模块和部分。

回到顶部

自定义您的导航栏和页脚

您现在可以直接在页面预览上选择并编辑导航链接。左侧边栏菜单仍可用于管理复杂的全站导航结构和下拉菜单。您对导航栏所做的更改会显示在您网站的所有页面上，因此无需在每个单独的页面上进行更新。

更新导航栏

在“网站编辑器”中，选择导航栏以打开屏幕右侧的 更新导航栏 菜单。

1. 启用 覆盖 会将导航栏作为一层移动到页面内容之上。禁用此项后，导航栏将成为一个独立的元素，页面内容将直接从其下方开始。
2. 启用 固定 后，即使向下滚动页面，导航栏也会保持在页面顶部可见。禁用此项后，如果向下滚动页面，导航栏将不可见。
3. 主要行动号召 (CTA) 是您可以添加到导航栏中的突出按钮。启用它，然后选择按钮本身以更新其链接目标（例如您的在线订购菜单）。
4. 您可以更新页眉布局，以更改徽标和链接的排列方式。

注意：您还可以通过启用 显示购物车 来选择是否在每个页面上显示购物车。请务必发布您的更改。

更新导航链接

如果您使用的导航栏样式显示了链接，选择这些链接将打开“更新导航列表”窗口，您可以在其中重新排列、隐藏、编辑或删除导航栏中显示的页面。将页面向右拖动到另一个页面下方，即可在导航栏上创建下拉菜单。

要更新导航链接的指向或创建新的导航菜单链接，请按照以下步骤操作：

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 编辑网站。
2. 从左侧导航栏中，选择 配置全站模块。
3. 在 全局元素 下，选择 导航。
4. 向下滚动至 导航列表。
5. 要更新现有菜单链接的指向，请选择菜单名称旁边的 3 个点，然后选择 编辑。此时会弹出一个窗口，显示您所选菜单当前的链接指向。在 链接 字段中输入您的新链接，然后选择 提交。
6. 若要创建新的导航菜单链接，请向下滚动并选择 + 添加链接。从现有链接列表中选择一个链接，或选择 添加我自己的链接，然后输入您的导航菜单名称和链接。选择 添加链接。
7. 保存 并 发布 您的更改。

预期结果：发布后，更新或新建的导航链接将出现在您实时网站的每个页面的导航栏中。

自定义页脚

选择页脚后，您可以自定义显示在所有网站页面底部的相关信息。

选择 + 添加链接 为您的餐厅添加社交媒体 URL — 图标将自动添加到页脚，以便您的客人可以轻松访问您餐厅的社交媒体页面。

根据需要启用 其他设置，以在页脚显示您的营业时间、位置、菜单链接等信息。除社交媒体链接（您可以自行添加）外，页脚中的信息均直接从您的 Toast Web 设置中自动获取。如果您在 更新页脚 窗口中向下滚动，将会看到用于更新位置名称或营业时间的快捷链接（如有需要）。

注意：

• 必须启用 位置 开关，页脚部分才会显示在网站上。
• 遇到损坏的链接或 404 错误时，请验证 URL 前缀，确保其开头包含“https://”。此检查可以解决连接问题并确保能够正常访问网络资源。

注意：营业时间编辑侧边栏不会出现在 在线订餐 或 菜单 页面上。若要编辑这些页面上显示的营业时间，请从其他页面（例如您的主页或“关于我们”页面）编辑页脚，然后从页脚中选择 所有营业时间。进行必要的更改，并确保您 保存 并 发布 这些更改。

想要进一步自定义您的页脚区域吗？有关更多信息，请参阅本文中的 自定义您的网站主题、排版、徽标和网站图标。

回到顶部

添加和管理页面

使用网站编辑器顶部的页面下拉菜单来添加、删除和重新排列您的网站页面。

对于您的菜单和在线点餐页面，“更改模板”选项会显示在编辑器顶部。这让您可以决定是否显示图片，以及图片和菜单项在这些页面上的显示方式。您将仅调整菜单的样式。如果您需要更改名称、价格或菜单组，请使用常规的 Toast 菜单编辑工具进行操作。

如果您从页面下拉菜单中选择+添加新页面，您将看到以下用于为您的网站创建新页面的选项：

• 内容 — 创建另一个类似于您主页的页面，您可以在其中编辑页面内的所有模块。
• 表单 — 创建一个允许您收集客人提交内容（例如“联系我们”表单）的页面。创建表单时，您需要输入一个电子邮件地址，用于接收该表单的所有提交内容。您可以随时编辑此页面上的所有表单字段（并在必要时将其设为必填字段），并更新提交设置（接收表单提交内容的电子邮件地址）。如果您需要更新接收这些表单提交内容的电子邮件地址，请在此处进行操作。
  • 新功能！PDF 附件 - 您现在可以向网站上的任何表单添加 PDF 上传字段。这非常适合创建招聘或求职体验，申请人可以在此上传简历。注意：出于安全和数据合规性考虑，提交的 PDF 文件仅在 Toast 的系统中存储 30 天。您必须在此时间范围内下载所有附件。
• PDF — 允许您将 PDF 作为单独的页面上传到您的网站。这对于特殊节日菜单或活动等内容非常有用。
• 会员计划 — 如果您的餐厅使用 Toast 会员计划，您可以创建一个具有统一品牌形象和合适 URL 的专属会员注册页面。所有配置和法律文案均直接从您的 Toast 会员计划设置中提取。
• 电子邮件营销 — 如果您的餐厅使用 Toast Marketing，您可以创建一个具有一致品牌形象和适当 URL 的邮件列表注册页面。所有配置和法律文案均直接从您的电子邮件营销设置中提取。
• 餐宴 — 如果您的餐厅使用 Toast 餐宴与节日订单管理，您可以在网站上创建专用页面来嵌入您的餐宴接收表单。所有内容均直接从您的餐宴与节日订单管理表单中提取，对这些表单所做的任何编辑都会反映在您的网站上。
• 礼品卡 — 如果您的餐厅使用 Toast 礼品卡，您可以在网站上嵌入一个允许购买礼品卡的页面。所有内容和配置均在您的礼品卡设置中进行管理。
• 空白页面 — 创建一个没有任何内容块的页面，您可以根据需要添加内容并进行自定义。

回到顶部

自定义页面上的模块和部分

模块（也称为部分）是构成您网站页面的内容块。将鼠标悬停在模块上，您可以选择在页面上将其上移或下移、删除或复制。

您还可以将网站模块从编辑器的左侧边栏拖动到编辑器的正文中，以将其添加到您的网站。添加模块后，在编辑器内拖放即可重新排列各部分。

您可以选择模块内的特定元素来编辑其外观，例如背景颜色、间距、样式和对齐方式（如适用）。选择按钮即可更新文本、样式和链接。

要更新模块内的文本，请直接选择该文本。全屏内联文本编辑功能允许您直接在页面预览中更改和格式化文本，而无需使用侧边栏菜单。

将鼠标悬停在图片上，即可快速替换图片；或者，您也可以选中图片，在屏幕右侧打开“更新图片”菜单，以获取完整的编辑选项。

图片编辑器允许您直接在网站编辑器中裁剪、旋转或翻转图片，确保向您的顾客展示合适的内容。当您上传图片时，Toast 会自动扫描照片并生成一段描述，您可以将其用作替代文本 (alt text)，以提高无障碍性并辅助搜索引擎优化。您可以随时编辑此替代文本。所有上传的图片都会存储在 Toast 网站图片库中，因此无论您何时想要在网站上添加或替换图片，都可以从之前上传的任何图片中进行选择，包括为菜单项上传的任何图片。

要添加新模块，请选择屏幕左侧 Toast 网站导航栏附近的箭头图标，然后选择您想要添加的内容类型：欢迎, 文本, 单张图片 + 文本, 多张图片 + 文本、图片轮播、媒体, 客户评价, 活动, 预订，或 横幅和弹窗。

注意：您无法在菜单或 Toast 线上点餐页面中添加模块。

要管理特色菜品和追加销售推荐，请参阅 Toast 线上点餐 Pro 中的 启用特色菜单项和追加销售推荐 部分：菜单页面配置。

回到顶部

Toast 网站的媒体

媒体库

您可以在“Toast 网站”仪表板中一站式查看所有已上传的照片以及社交媒体（Instagram 和 Facebook）照片。

1. 在 Toast Web 中，导航至 Toast Web > Toast 网站 > 媒体库。
2. 在 上传 选项卡上，选择 +从电脑上传 或拖放文件以添加到您的媒体库。您可以从媒体库或电脑中选择多个文件进行上传或删除，并确认您的选择。

注意：图片文件的最大大小为 5MB，视频文件的最大大小为 50MB。您可以将照片和 GIF 添加到此图库中。GIF 可用于 Toast 网站上可以使用照片的任何位置。

如果您尚未将 Toast 网站与您的 Instagram 账户集成，可以在媒体库的 Instagram 选项卡中进行操作。有关更多信息，请参阅本文中的 Integrate with Instagram。集成后，来自您 Instagram 账户的图片将填充到您的媒体库中。

预期结果：您上传的媒体可在媒体库中使用，并可添加到您 Toast 网站上的任何页面。

Video Captions

在向您的 Toast 网站添加媒体时，您可以按照以下步骤使用视频字幕工具。

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 编辑网站。
2. 在网站编辑器中，通过将视频文件拖放到您的网站上、选择 +Upload from Computer 或选择页面上现有的视频来上传您的视频。
3. 视频上传完成后，导航至 Video Caption Upload。
4. 通过将 SRT 或 VTT 文件拖放到您的网站上，或选择 +Upload from Computer，上传您的视频字幕文件。
5. Publish 您的更改。

注意：视频上传的最大大小为 50MB。视频字幕上传的最大大小为 50MB。

预期结果：您的视频将在您的 Toast 网站上播放，并为观看者启用上传的 SRT 或 VTT 字幕。

Integrate with Instagram

如果您有现有的企业 Instagram 账户，可以将您的 Instagram 账户连接到您的 Toast 网站。连接后，您可以直接将 Instagram 照片从您的 Instagram 账户导入到您的 Toast 网站的媒体库中，然后将其添加到您的网站。

导航至 Websites > Settings & Integrations > Social Integrations 并选择 Connect to Instagram。接下来，系统将引导您完成将 Meta 账户与 Toast 连接的步骤。按照提示将 Instagram 帐户中的图片上传到您的媒体库。

回到顶部

Toast 网站的横幅和弹出窗口

您可以向页面添加三种类型的横幅：促销、焦点功能和持久。

促销横幅

促销横幅（也称为公告横幅）显示在导航栏下方，可以包含您希望向客人强调的促销文本，或来自 Toast Web 其他部分（例如 Toast 会员计划）的内容。

焦点功能横幅

焦点功能横幅会显示在您页面上的选定位置。您可以添加多个焦点功能，横幅将每四秒在多个横幅之间轮播。启用此模式后，您可以编辑背景颜色、字体和位置，并可以选择此横幅应在哪些 Toast 网站页面上显示。您可以添加描述、可选的 URL 链接以及可选的附加详细信息。

持久横幅

持久横幅可以在移动设备访问网站时显示，以推广客户的某项特定操作。

弹出窗口

弹出窗口是向客人突出显示特别公告的另一种方式。

添加弹出窗口：

1. 在网站编辑器中，选择箭头图标以打开 管理弹出窗口 窗口。
2. 选择 促销 或 表单 弹出窗口选项之一。
3. 选择 管理弹出窗口 窗口上的箭头，以在编辑器中显示弹出窗口的预览。

预期结果：您选择的弹出窗口预览将出现在网站编辑器中。

自定义弹出窗口：

1. 在 编辑器 预览中选择该弹出窗口。
2. 选择 齿轮图标 以自定义您的弹出窗口。

1. 选择弹出窗口的样式、位置、显示页面以及时间（页面加载时立即显示，或在特定秒数后显示）。
2. 如果您正在创建弹出式表单，请输入用于接收表单提交的电子邮件地址，以及一条成功消息，以便告知访客其提交已成功。
3. 选择 编辑弹出窗口 以更改弹出窗口本身的文本、图像和样式。

4. 选择 完成 以保存您的更改。

预期结果：您自定义的弹出窗口将按照您指定的样式、位置、时间和内容在您指定的页面上显示。

启用或禁用弹出窗口：

1. 打开 管理弹出窗口 设置。
2. 使用开关来启用或禁用弹出窗口。

预期结果：在您 发布 更改后，该弹出窗口即在您的实时网站上处于活动（或非活动）状态。

移除弹出窗口：

1. 打开 管理弹出窗口 设置。
2. 使用切换开关禁用弹出窗口，或选择该弹出窗口并将其从您的网站草稿中移除。
3. 发布您的更改。

预期结果：移除的弹出窗口将不再出现在您的在线网站上。

回到顶部

向您的网站添加活动

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 您的网站。
2. 选择 编辑网站。
3. 从左侧面板，导航至 活动。
4. 将活动拖放到您网站的所需部分。
5. 选择事件框以调整以下设置：
   • 垂直间距
   • 背景颜色
   • 分隔线
6. 选择+添加新事件并输入以下详细信息：
   • 活动名称
   • 活动描述
   • 日期
   • 时间
   • 链接
7. 完成编辑后，选择添加，然后选择右上角的保存以应用您的更改。

注意：在 Websites 页面上的 Add Events 部分最多可添加 10 个活动。

预期结果：您的活动会连同您输入的详细信息一起，显示在您添加该活动的页面上的 Events 模块中。

回到顶部

Toast 网站的预订小组件

使用预订小组件时，客人可以根据您的 Toast Tables 设置在您的网站上提交预订。这也包括要求预订押金的功能。有关更多信息，请参阅“Get Started With Toast Tables Deposits”。

想要了解有关 Toast Tables 的更多信息？请参阅“Get Started With Toast Tables”。

回到顶部

将 Google 企业资料评论添加到 Toast 网站

当 Google 评论连接到您的 Toast 网站时，Toast 将自动显示您最近的 4 星和 5 星评分，以便客人查看其他人对您业务的评价。每当您收到新的 4 星或 5 星评论时，您的网站都会自动更新。请注意：您必须已经创建了 Google 企业资料，才能在您的网站上显示您企业的评论。

1. 在 Toast Web 中，导航至 Toast Web > Websites > Editor & Branding。
2. 选择 Edit Site。
3. 如果您是首次添加 Google 评论，请从左侧导航栏中选择 +Add。
   • 注意：添加后，Google 企业评价可以直接在您的全屏编辑器预览中进行自定义和内联更新。
4. 将 Testimonials 模块拖放到您想要的部分。

注意：如果您尚未将 Google 企业资料连接到您的 Toast 网站，当您在网站编辑器中拖放 Testimonials 模块时，系统会提示您进行连接。如果您的 Google 商家账户已在 Google 管理设置中连接，则无需进一步连接。

5. 选择我同意以下 Toast 条款，然后选择连接 Google。
   
   

6. 连接后，评分最高的 6 条评论将显示在您的网站上。
7. 保存并发布您的更改。

如果您已将 Google 评论添加到您的网站，并希望禁用此功能和/或手动添加评论，请禁用显示 Google 评论。保存并发布您的更改。

预期结果：您评分最高的 4 星和 5 星 Google 商家资料评论会显示在您实时网站的“推荐”模块中，并随着收到新的合格评论而自动刷新。

回到顶部

将 Untappd 啤酒单添加到您的 Toast 网站

注意：本节介绍如何使用您的 Untappd 地点 ID 和主题 ID 在您的 Toast 网站上嵌入 Untappd 菜单页面。这不等同于将菜单数据同步到您的 Untappd 账户的 Untappd for Business POS 合作伙伴集成。有关合作伙伴集成，请参阅“开始使用 Untappd for Business 集成”。

注意：此功能仅适用于美国的客户。

将您的 Untappd 啤酒单集成到您的 Toast 网站中，以便客人了解您的餐厅提供哪些饮品。

1. 选择编辑网站，然后从主页下拉菜单中，选择+添加新页面。

2. 选择第三方，然后选择Untappd 菜单页面，最后选择提交。

3. 输入您的 位置 ID 和 主题 ID，然后选择 提交。

注意：如果您需要帮助查找 位置 ID 或 主题 ID，请选择 点击此处获取 Untappd 帮助 链接或访问 Untappd 网站，网址为 网站嵌入：将菜单添加到您的网站。

4. 提交后，您的网站将添加一个 Untappd 啤酒列表。通过导航至 站点编辑器 并从 主页下拉菜单 中选择您的啤酒列表菜单来查看它。要进行更改，请选择您的啤酒列表菜单页面旁边的 编辑图标。

注意：您的 Untappd 列表的内容和外观通过您的 Untappd 账户进行管理。要更新它们，请访问 Untappd 并在那里进行更改。这些更改将自动反映在您的 Toast 网站上。Untappd 目前未与 Toast 菜单功能集成；在一个平台中所做的更新不会反映在另一个平台中。

5. 完成后，发布 您的更改。

预期结果：您的 Untappd 啤酒列表页面会显示在您的实时 Toast 网站上，并反映您在 Untappd 账户中配置的内容。

嵌入 Untappd 菜单页面需要付费吗？

嵌入 Untappd 菜单页面需要付费吗？在您的 Toast 网站上嵌入 Untappd 菜单无需额外费用，但必须拥有 Untappd 集成。要了解有关 Untappd 及其如何使您的业务受益的更多信息，请查看 开始使用 Untappd 商业集成 以获取更多信息！

回到顶部

将餐饮表单添加到您的 Toast 网站

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 您的网站。
2. 选择 编辑网站。
3. 在页面顶部中间部分，打开 主页 下拉菜单并选择 +添加新页面。
4. 添加新页面弹出窗口随即出现。从左侧面板中，选择餐饮。
5. 从可用选项中选择餐饮表单，然后选择提交。
6. 页面名称弹出窗口随即出现。输入您所需的页面名称和 URL 路径，然后选择提交以完成此流程。

注意：要访问餐饮表单，您必须拥有有效的 Toast 餐宴与节日订单管理订阅。

预期结果：您的餐饮表单页面会出现在 Toast 网站的页面下拉菜单中，并嵌入您选择的餐宴与节日订单管理录入表单。

回到顶部

将礼品卡购买页面添加到您的 Toast 网站

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 您的网站。
2. 选择 编辑网站。
3. 在页面顶部中间部分，打开 主页 下拉菜单并选择 +添加新页面。
4. 添加新页面弹出窗口随即出现。从左侧面板中，选择礼品卡。
5. 从可用选项中选择礼品卡购买页面，然后选择提交。
6. 页面名称弹出窗口随即出现。输入您所需的页面名称和 URL 路径，然后选择提交以完成此流程。

注意：要访问礼品卡购买页面，您必须拥有有效的 Toast 礼品卡订阅。

编辑器礼品卡页面上的礼品卡图片将从编辑器的在线订购页面横幅图片设置中填充。要更改此设置，请按顺序执行以下步骤。

1. 在 Toast Web 中，导航至网站 > 选择编辑网站。
2. 在页面顶部中间部分，打开主页下拉菜单并选择在线订购。
3. 选择全局 > 页面页眉 > 在背景选项下选择图片。
4. 在横幅图片下，选择选择横幅图片。
5. 在媒体库中，选择您的图片或+ 上传媒体。然后选择确认以完成此流程。完成编辑后，选择右上角的 发布 以应用您的更改。

注意： 餐厅信息中的横幅图片不适用于网站编辑器的礼品卡页面或在线订购页面。礼品卡页面图片不遵循 电子礼品卡图片设置。

预期结果：您的礼品卡购买页面会显示在 Toast 网站的页面下拉菜单中，并允许顾客直接购买礼品卡。

回到顶部

添加外部嵌入式小部件

注意：澳大利亚、加拿大、爱尔兰和英国的客户无法使用自定义小部件。

要将外部嵌入式小部件添加到您的网站，请按照以下步骤操作：

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 您的网站。
2. 选择 编辑网站。
3. 选择 网站组件，然后向下滚动至 嵌入式 HTML。
4. 将 代码块 拖动到您想要添加嵌入式小部件的网站位置。
5. 该区块将显示以下消息：此处暂无内容。
6. 选择 此处暂无内容 框以打开 自定义 选项。
7. 输入您的嵌入式小部件 HTML 代码。可嵌入小部件的示例包括：
   • YouTube 视频
   • MailChimp 表单
   • 自定义脚本（必须是 HTTPS 且能够在 iframe 内呈现）
   • Google 表单
8. 完成编辑后，选择右上角的 保存 以应用更改。

新功能！Toast 网站包含一个内置的 Cookie 同意横幅。分析和跟踪工具（例如 GA4、GTM、Meta Pixel 和自定义脚本）将仅针对已同意跟踪的访客开始烹饪。如果您在 2026 年 2 月 23 日之后发现分析数据减少，这是反映基于同意的跟踪的预期行为，并非网站流量或转化率下降。访客可以随时通过网站页脚中的“Cookie 设置”更新其偏好。

注意：自定义脚本让您无需特定的集成即可更好地将外部非 Toast 功能与您的 Toast 网站集成。此组件不会直接与您 Toast 网站上的任何内容交互，也不会与您的 Toast 网站进行样式匹配。为了获得最佳体验，建议使用 Toast 功能和产品。

预期结果：您的嵌入式小组件会在您实时网站上的“代码块”模块内呈现。

回到顶部

Toast 网站的生成式 AI 内容工具

如果您需要帮助为您的网站生成内容，可以使用网站编辑器中的生成式人工智能 (AI) 工具。此工具可帮助创建个性化的书面内容，以实现您想要提供的体验，从而帮助您的网站更接近发布状态。要确保您使用的是 Toast 生成式 AI 工具，请参阅“Toast 生成式 AI 工具：客户负责任的使用”。

1. 在 Toast Web 中，导航至 Toast Web > 网站 > 编辑页面。
2. 查看 Toast AI 驱动的网站助手的服务条款，然后选择 接受 或 关闭。如果您选择 关闭，您可以从您的网站设置页面重新访问并接受条款。
3. 选择您网站草稿上的任意文本框模块，然后使用 AI 助手 按钮。

4. 在AI模块中，输入提示词以告知AI模型您想要表达的内容。AI助手会根据您的提示词或预定义的AI建议生成内容。内容生成后，您可以使用快速AI编辑对其进行修改：
   • 以不同方式重写
   • 调整以提高清晰度
   • 修正语法
   • 调整长度

5. 一旦您对更新感到满意，发布您的更改。

预期结果：您选择的文本模块将更新为AI生成的内容，该内容反映了您的提示词以及您应用的任何快速AI编辑。

回到顶部

配置网站菜单

在网站编辑器中配置菜单时，您可以选择菜单模块进行编辑，这些编辑将与您的Toast Web菜单数据同步。这使您能够在菜单以外的地方推广特定的菜单项或菜单组，并创建独特的菜单布局。

添加菜单项组件

1. 在 Toast Web 中，导航至 Toast Web > Websites > Edit Site。
2. 导航至 Site Components > Restaurant Components > Menu。
3. 将 Menu 组件拖放到菜单的所需区域。您可以直接在模块中调整组件的大小。
4. 选择 Menu item 组件、您想要精选的菜单项以及您想要显示的信息。
5. 完成后，Publish 您的更改。

预期结果：您选择的菜单项将显示在您添加它的页面上的“菜单项”组件中。

添加菜单组组件

1. 在 Toast Web 中，导航至 Toast Web > Websites > Edit Site。
2. 导航至 Restaurant Components > Menu。
3. 将 Menu 模块拖放到编辑器中。
4. 选择该模块，然后从下拉菜单中选择 Menu Group。然后选择您想要显示的菜单组。注意：模块添加后可以调整大小或移动。
5. 完成后，选择 Publish。

预期结果：您选择的菜单组将显示在您添加它的页面上的“菜单组”模块中。

自定义菜单

“自定义菜单”功能让您可以更灵活地调整只读菜单的布局和外观。

1. 在 Toast Web 中，导航至 Toast Web > Websites > Your website。
2. 选择 编辑网站。
3. 在 网站编辑器 中找到列出您网站页面的下拉菜单。
4. 在下拉菜单中，选择 +添加新页面。
5. 在新窗口中，从左侧面板选择 菜单。
6. 选择以下三个可用选项之一：标准模板菜单页、文本模板菜单页 或 空白菜单页。
7. 选择 提交。
8. 添加页面名称，然后再次选择 提交。

您现在拥有一个使用 Toast 网站组件技术构建的预配置、可自定义的菜单页面。这些网站组件通过您的菜单组连接到您现有的菜单数据。要了解有关菜单组的更多信息，请参阅“创建和管理菜单、菜单组和子组”。

借助自定义菜单功能，您可以随时在网站编辑器中通过拖动来重新排列或重组您的网站组件。您可以使用 AI 助手为此页面生成文本、添加突出显示特定菜单项的组件，或者根据需要通过添加或删除图片和价格来更改菜单组组件中各个项目的布局。

此页面的构建方式与您 Toast 网站上的任何其他页面相同，因此您还可以添加其他内容，例如用于预订、推荐等的网站组件。

预期结果：一个新的自定义菜单页面会出现在您的页面下拉菜单中，其中包含您选择的模板以及已关联的现有菜单数据。

仅查看菜单构建器

您 Toast 网站的渠道可见性在 Toast Web > 菜单 > 菜单管理 > 菜单构建器 下的 渠道可见性 中进行管理。要切换菜单的 网站仅查看 渠道，请参阅“管理您的菜单可见性设置”中的“渠道可见性”部分。

回到顶部

自定义您的网站主题、排版、徽标和网站图标

1. 在 Toast Web 中，导航至 Toast Web > Websites > Your website。
2. 选择 编辑网站。
3. 在左侧面板中，选择 站点样式。

颜色主题

• 自动生成的主题 — 推荐用于最佳配色方案，并可在默认设置下实现辅助功能。您可以启用或禁用此功能，并手动编辑默认颜色。
• 颜色主题 — 选择一个主题并选择您的品牌颜色。更改主题颜色将自动更改您的四个自动化主题选项。
• 编辑默认值 — 修改属于主题一部分的颜色可能会导致搭配不兼容并降低辅助功能。您可以修改以下颜色元素：
  • 表面
  • 文本
  • 图标
  • 背景
  • 边框

文本主题（排版）

使用带有推荐搭配的字体样式选择器：

• 主要文本 — 从多种可用字体中进行选择。
• 次要文本 — 从多种可用字体中进行选择。
• 上传自定义字体 — 允许的文件类型：.otf、.ttf、.woff。

动画

设置网站页面的动画部分，以便在访客滚动时显示。

徽标

将您的徽标上传到您的网站：

• 支持的文件类型：jpg, jpeg, png, webp, svg
• 最大文件大小：5MB
• 徽标尺寸：标准或溢出

网站图标

上传一个网站图标以显示在浏览器的标签栏中：

• 支持的文件类型：jpg, jpeg, png, webp, svg
• 最大文件大小：5MB

预期结果：完成编辑后，选择页面右上角的 保存 以应用您的更改。您的网站现在已应用所选的配色方案、字体、徽标和网站图标。

回到顶部

预览并发布您的网站

在网站编辑器中对网站进行更改时，选择 发布 将这些更改推送到您的实时网站。在 Toast 网站仪表板上，您可以访问预览链接来测试您创建的所有页面和内容的功能，就像您的客人看到的那样。您的菜单现在将显示在您网站的“仅查看菜单”上。

回到顶部

视频演示

想观看 Toast 网站功能实际操作的视频吗？此合集包括：

• 全尺寸欢迎部分和新图片适配选项 (2:42)
• 重命名导航和页眉的新选项 (1:22)
• 版块内边距与地图控件 (1:14)
• 文本编辑中的字体和超链接 (1:24)
• 活动模块演示 (2:04)
• 为图像添加链接 (1:16)

选择视频左上角的章节图标以导航至特定部分。

Toast 网站全尺寸欢迎版块和新的图像适配选项：

1. 添加全尺寸欢迎图像模块，为您的客人留下深刻的视觉印象。
2. 调整文本框的位置并添加文本。
3. 自定义文本框颜色以与背景融合。
4. 禁用不必要的按钮。
5. 使用切换开关来适配照片空间并显示完整图像。查看完整图像。
6. 观察图像的纵横比，以适应屏幕尺寸的变化。
7. 保存 并 发布 更改。

回到顶部

常见问题解答

为什么我的编辑内容没有在实时网站上显示？

您的编辑内容没有在实时网站上显示，是因为您在网站编辑器中所做的更改会保存为草稿，在您选择右上角的发布之前，您的编辑内容不会出现在实时网站上。如果您已经选择了 发布 但您的编辑内容仍未反映出来，请参阅“无法在 Toast 网站中发布更改”以获取指导——该文章涵盖了 6.4 发布权限及相关故障排除。

如何更改网站上显示的营业时间？

要更改网站上显示的营业时间，这些时间取自您 Toast 网站地点的营业时间。若要将其显示在您的网站页脚上，请打开网站编辑器，选择页脚，向下滚动至 All hours 部分，然后选择 Use location hours。保存并发布您的更改。页脚 Other Settings 中的 Locations 开关必须启用，营业时间才会显示。

注意：营业时间编辑侧边栏不会出现在 Online Ordering 或 Menu 页面上。若要更新您的营业时间，请导航至其他页面（例如您的主页或“关于我们”页面），并从那里编辑页脚。

如何隐藏或取消隐藏页面？

若要隐藏或取消隐藏 Toast 网站上的页面，请点击网站编辑器上的导航栏。接下来，点击您想要隐藏的页面旁边的三个点，然后选择 Hide。保存 并 发布 您的更改。

如何添加 Google Analytics 或跟踪代码到我的 Toast 网站？

若要将 Google Analytics 或跟踪代码添加到您的 Toast 网站，请使用嵌入式 HTML 网站组件。在网站编辑器中，导航至 Site Components，滚动至 Embedded HTML，将 Code Block 拖动到您想要的位置，然后输入您的跟踪 HTML。有关完整步骤，请参阅本文中的 Add External Embedded Widgets。

注意：由于 Toast 网站使用内置的 Cookie 同意横幅，跟踪脚本仅会为选择加入的访客开始烹饪。如果您发现 2026 年 2 月 23 日之后报告的分析数据有所下降，这代表基于同意的跟踪调整，并非网站流量或客户转化率的实际下降。

在哪里更改我的徽标和横幅图片？

您在哪里更改徽标和横幅图片？您的徽标是在网站编辑器的 Site styles > Logos 中设置的 — 有关具体步骤，请参阅 Customize Your Website Theme, Typography, Logo, and Favicon。您在线订购页面上的横幅图片是单独管理的：

• • 如果您在 2024 年 2 月之前购买了 Online Ordering Pro，则您在线订购页面的横幅图片是在 Toast 网站 > 外带 & 配送 > 品牌推广 & 自定义<5>} 中管理的。请参阅“使用页面横幅优化 Online Ordering Pro”。
  • 有关网站页面横幅（出现在您的 Toast 网站页面上的促销、焦点功能和持久横幅），请参阅 Toast 网站的横幅和弹出窗口。

我的网站在移动设备和桌面设备上看起来可以不同吗？

您的网站在移动设备和桌面设备上看起来可以不同吗？持久横幅选项（在 持久横幅 中有描述）仅适用于移动设备，可用于在移动访问时推广特定操作。

要预览网站移动版本的显示效果，请点击编辑器顶部的“移动设备”切换开关。这将显示您的网站在客人通过移动设备访问时的格式。

Untappd 集成需要付费吗？

Untappd 集成需要付费吗？答案取决于您使用的 Untappd 产品：

• • 在 Toast 网站上嵌入 Untappd 菜单页面（使用您的地点 ID 和主题 ID — 请参阅 将 Untappd 啤酒列表添加到您的 Toast 网站）可能需要通过您的 Untappd 账户管理有效的 Untappd 订阅。
  • Untappd for Business POS 合作伙伴集成是一款单独的付费产品。请参阅“开始使用 Untappd for Business 集成”。

回到顶部

相关文章

• 开始使用 Toast 网站
• 管理您的菜单可见性设置
• 使用页面横幅优化 Online Ordering Pro
• Toast 网站和 Online Ordering Pro 的域名
• 获取 Toast 网站帮助

回到顶部