优化 Toast 网站

首次创建您的网站？请查看这篇支持中心文章《Toast 网站入门》，了解初始设置和基本内容编辑的概述。您还可以通过导航到“网站”，查看 Toast Web 中即将发布的最新功能。 

本文内容：

• 更新网站设计
• 自定义导航栏和页脚
• 添加和管理页面
  • 添加未开发的啤酒列表
  • 媒体
    • 媒体库
    • Toast 网站视频字幕
  • 将网站与 Instagram 集成
  • 为您的网站添加餐宴表格
  • 将礼品卡购买页面添加到您的网站
  • 横幅和弹窗
  • 为您的网站添加活动
  • 预订
  • 添加 Google 评价
  • 自定义页面上的模块
  • 添加外部嵌入式小工具
• 网站生成 AI 工具
• 配置网站菜单
  • 菜单单品组件
  • 菜单组组件
  • 仅查看菜单生成器
  • 自定义菜单
  • 网站主题选择和自定义
• 预览网站
• 网站功能视频概览
• 其他资源

更新网站设计

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

返回顶部
 

自定义网站的导航栏和页脚

您可以在网站编辑器中自定义任何页面上的导航栏。在网站编辑器中，点击导航栏，打开屏幕右侧的“更新导航栏”菜单。您对导航栏所做的更改将出现在您网站的所有页面上，因此您无需在每个页面上更新。 

切换叠加功能会将导航栏移动为页面内容顶部的图层。关闭此功能后，导航栏是一个独立的元素，页面内容直接在其下方开始。  开启“粘性”设置后，即使有人向下滚动，导航栏仍将在页面顶部可见。关闭此功能后，如果有人向下滚动页面，导航栏将看不到。 主 CTA 是一个突出的按钮，可以添加到您的导航栏中。将其打开，然后选择按钮本身以更新其链接的内容（例如您的线上点餐菜单）。 您可以更新标题布局以更改徽标和链接的排列方式。   注意： 您还可以通过将“显示购物车”切换至“开启”，选择是否希望购物车在每个页面上可见。请务必发布更改。

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

选择页脚，即可自定义所有网站页面底部显示的信息。 

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

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

想要进一步自定义页脚区域吗？  有关更多信息，请参阅本文中的网站主题选择和自定义。 

注意： 

• 必须打开“门店”切换开关，“页脚”部分才能显示在网站上。
• 当遇到断开链接或 404 错误时，请验证 URL 前缀，确保开头包含“https://”。这种简单的检查通常可以解决连接问题，并确保对 Web 资源的正确访问。

返回顶部
 

为网站添加和管理页面

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

在“菜单”和“线上点餐”页面，您将在编辑器顶部看到“更改模板”选项。这将允许您决定是否要显示图片，以及图片和菜单单品在这些页面上的显示方式。请注意，您只会调整菜单的风格。如需更改名称、价格或菜单组，请使用常用的 Tost 菜单编辑工具。

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

• 内容 - 创建另一个与您的主页类似的页面，您可以在其中编辑页面内的所有模块。
• 表格 - 创建一个页面，用于收集客人提交的材料（如“联系我们”表格）。创建表格时，您需要输入一个电子邮件地址，用于接收所有提交至此表格的信息。您可以编辑此页面上的所有表格字段（如有必要，请设为必填字段），并随时更新提交设置（接收表格提交的电子邮件地址）。如果您需要更新这些表单提交的电子邮件地址，请务必在此处更新。
• PDF - 允许您将 PDF 作为单独页面上传到您的网站。这对于特殊节日菜单或节日活动很有帮助。 
• 会员计划 -- -- 如果您的餐厅使用 Toast 会员计划，您可以创建一个专门的会员计划注册页面，使用一致的品牌和适当的 URL。所有配置和法律副本均直接从您的 Toast 会员计划设置中提取。
• 电子邮件营销 - 如果您的餐厅使用 Toast 营销，您可以创建一个品牌一致且网址合适的邮件列表注册页面。所有配置和法律副本均直接从您的电子邮件营销设置中提取。
• 餐宴管理 -- -- 如果您的餐厅使用 Toast 餐宴与节日订单管理，您可以在网站上创建专门的页面来嵌入餐宴接收表格。所有内容都直接从您的餐宴与节日订单表格中提取，并且对这些表格的所有编辑都会反映在您的网站上。
• 礼品卡——如果您的餐厅使用 Toast 礼品卡，您可以在网站上嵌入一个允许购买礼品卡的页面。所有内容和配置都在礼品卡设置中进行管理。
• 空白页面 - 创建没有任何内容块的页面，您可以根据需要添加和自定义。 

返回顶部
 

为网站添加未开发的啤酒列表

将您的未出单啤酒列表集成到 Toast 网站，让客人了解您餐厅有哪些饮品。 
 

1. 选择“编辑网站”，然后从“主页”下拉菜单中，+“添加新页面”。
   
   
   
   
2. 接下来，选择“第三方”>“未开发菜单页面”>“提交”。
   
   
   
   
3. 输入您的门店 ID 和主题 ID，然后提交。
   1. 注意：如果您需要查找门店 ID 或主题 ID 方面的帮助，请选择“点击此处获取未开发的帮助”链接，或在此处访问未开发的网站。
      
      
      
      
4. 提交后，您的网站将添加一个“未开发的啤酒列表”，您可以通过导航到“编辑”并从主页下拉菜单中选择“啤酒列表菜单”来查看。您现在可以与页面互动。 如果您想进行任何更改，请选择啤酒列表菜单页面旁边的编辑图标以进行任何更改。
   1. 注意：您未开发列表的内容和外观通过您的未开发账户进行管理。如需更新，请访问“取消开发”并在那里进行更改。这些更改将自动反映在您的 Toast 网站上。Untappd 目前未与 Toast Menu 功能集成；对其中一个菜单所做的更新将不会反映在另一个菜单中。
      
      
      
      
5. 完成后，发布更改。

返回顶部
 

为网站自定义页面上的模块

模块是构成您网站页面的内容块。将鼠标悬停在模块上，您可以在页面上移、下移、删除或复制。 

 

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

要在模块中更新文本，请点击文本本身。您可以直接在预览本身更改文本，如果您想更改大小、字体等，文本框上方将出现文本格式菜单。 

将鼠标悬停在图片上，您可以选择快速更换图片，或者点击图片打开屏幕右侧的“更新图片”菜单，查看完整编辑选项。

图片编辑器允许您在网站编辑器中裁剪、旋转或翻转图片，从而确保您展示的正是您希望客人看到的内容。当您上传图片时，我们会自动扫描照片并生成描述，您可以使用该描述替代文本，以提高可访问性并有助于搜索引擎优化。您可以随时编辑此替代文本。您上传的所有图片都存储在 Toast 网站 图片库中，因此，无论何时您希望在网站上添加或替换图片，您都可以从过去上传的任何图片中轻松选择。这还包括您为菜单单品上传的任何图片。 
 

 

要添加新模块，请选择屏幕左侧“网站”导航栏附近的箭头图标，然后选择您要添加的内容类型：欢迎、短信、单张图片 + 短信、多张图片 + 短信、媒体、推荐、活动、预订或横幅和弹窗。 

 

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

要管理特色菜品和追加销售推荐，请参阅 Toast 线上点餐专业版的“启用特色菜品和追加销售推荐”部分：Toast Web 中的菜单页面配置文章。

返回顶部

Toast 网站媒体

Media Gallery

在网站控制面板的一处位置查看所有上传的照片和社交媒体（Instagram 和 Facebook）照片。 

1. 在 Toast Web 中，导航至“网站”>“媒体库”。
2. 导航至“上传”选项卡，您可以选择“+ 从计算机上传”或拖放文件以添加到媒体集。您可以上传或删除多个文件，方法是从媒体库或计算机上选择这些文件并确认您的选择。注意：图片文件的最大大小为 5MB，视频最大为 50MB。您可以将照片和 GIF 同时添加到此图库中。GIF 可用于 Toast 网站上的任何照片。

如果您尚未将 Toast 网站与 Instagram 账户集成，您可以在 Instagram 选项卡的媒体库中进行集成。如果您想了解更多信息，可以参阅本文中的《集成网站与 Instagram》。集成后，您 Instagram 账户的图片将填充到您的媒体库中。 

返回顶部

Toast 网站视频字幕

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

1. 登录 Toast Web，导航到“网站”并选择“编辑网站”。
2. 在编辑器中，通过拖放视频文件到您的网站上传视频，或选择“+从电脑上传”，或在页面上选择现有视频。注意：视频上传的最大大小为 50 MB。
3. 视频上传完成后，导航至“视频字幕上传”。
4. 通过拖放视频文件到您的网站上传视频，或选择“+ 从电脑上传”。您可以在此处上传您的 SRT 或 VTT 视频字幕文件。注意：视频字幕上传的最大大小为 50 MB。
5. 发布您的更改。

返回顶部

将 Toast 网站与 Instagram 集成

如果您的企业已有 Instagram 账户，您可以使用 Instagram 凭据将您的 Instagram 账户关联到 Toast 网站。连接后，您可以直接从 Instagram 账户将 Instagram 照片导入 Toast 网站的媒体集，然后从媒体集添加到您的网站。请参阅 Instagram API，并按照 Instagram Basic Display API 下的步骤开始。

返回顶部

为您的 Toast 网站添加餐宴表格

1. 登录 Toast Web 并导航到“网站”>“您的网站”
2. 点击“编辑网站”按钮。
3. 在页面的中上部，打开“主页”下拉菜单，然后选择“+ 添加新页面”。
4. 系统将弹出“添加新页面”。从左侧面板，选择“餐宴”。
5. 从可用选项中选择“餐宴表格”，然后点击“提交”。
6. 系统将弹出“页面名称”。输入所需的页面名称和 URL 路径，然后点击“提交”以完成流程。

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

返回顶部

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

1. 登录 Toast Web 并导航到“网站”>“您的网站”
2. 点击“编辑网站”按钮。
3. 在页面的中上部，打开“主页”下拉菜单，然后选择“+ 添加新页面”。
4. 系统将弹出“添加新页面”。从左侧面板，选择“礼品卡”。
5. 从可用选项中选择“礼品卡购买页面”，然后点击“提交”。
6. 系统将弹出“页面名称”。输入所需的页面名称和 URL 路径，然后点击“提交”以完成流程。

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

返回顶部

网站的横幅和弹窗

您可以向页面添加两种横幅：

• 促销横幅：此横幅出现在导航栏下方，可以包含您希望向客人突出显示的促销文本，或者来自 Toast Web 其他部分的内容（例如 Toast 会员计划）。
• 亮点功能横幅：此类型的横幅将显示在您的页面上的选定位置。当您添加多个亮点功能时，横幅会在 4 秒后切换显示其他横幅。启用此模式后，您可以编辑背景颜色、字体和布局，并可以选择此横幅应出现在您的网站页面上。您可以添加描述、可选 URL 链接和可选的其他详情。
• 持续横幅：此类横幅出租车会在移动设备网站访问中展示，以向客户推广单一具体行动。

弹出窗口是向客人强调特殊通知的另一种方式。从“促销”或“表格”弹出选项中选择，然后选择“管理弹出窗口”上的箭头，在编辑器中显示弹出菜单的预览。 
 

 

在编辑器预览中选择弹出窗口，然后选择齿轮图标以自定义弹出窗口。
 

 

在这里，您可以选择弹出样式、位置、要显示的页面以及时间（页面加载时立即显示，或在特定秒数后显示）。如果您正在创建弹出式表格，您还可以添加提交表格的电子邮件地址，并添加一条成功消息，让您的客人知道提交成功。 

如果您选择“编辑弹窗”，您将能够更改弹窗本身的文本、图片和样式。
 

 

选择“完成”以保存您的更改。

如果您想开启或关闭弹出窗口，可以使用“管理弹出窗口”设置的切换开关。
 

返回顶部
 

为您的网站添加活动

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

注意：在“网站”页面的“添加事件”部分，最多只能添加 10 个事件。

返回顶部

网站预订

使用“预订”小工具时，客人可以根据您的 Toast Tables 设置在您的网站上提交预订。  这还包括要求为预订支付订金的能力。  有关更多信息，请参阅《Toast Tables 订金入门》。 

想要了解有关 Toast Tables 的更多信息吗？请参阅支持中心的《Toast Tables 入门指南》。

为 Toast 网站添加 Google 商家资料评论

当 Google Reviews 连接到您的 Toast 网站时，Toast 将自动显示您近期的 4 星和 5 星评分，以便客人查看其他人分享的关于您的企业的信息。每当您获得新的 4 星或 5 星评价时，网站都会自动更新以展示相关内容。 

1. 在 Toast Web 中，导航至“网站”>“编辑与品牌推广”。 
2. 选择“编辑网站”按钮。
3. 如果您是首次添加 Google 评价，请从左侧导航中选择“+ 添加”。
4. 将“评价”模块拖放到所需的部分。 注意：如果您尚未将 Google 商家资料关联到 Toast 网站，当您在网站编辑器中拖放“推荐”模块时，系统会提示您关联。 
   
    
   
   
5. 选择“我同意以下 Toast 条款”>“连接 Google”。
   
    
6. 连接后，前 6 条评价将显示在您的网站上。 
7. 保存并发布您的更改。 

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

返回顶部

添加外部嵌入式小工具

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

返回顶部

网站生成 AI 工具

如果您需要帮助为网站生成内容，可以使用网站编辑器中的生成人工智能 (AI) 工具。此工具将协助创建符合您所需体验的书面内容，帮助您让网站更贴近市场。为确保您使用 Toast 生成 AI 工具，请参阅《Toast 生成 AI 工具：为客户负责使用。

1. 登录 Toast Web 并导航至“网站”>“编辑页面”（按钮）。 
2. 查看 Toast AI 驱动的网站助手服务条款，然后选择“接受”或“关闭”。如果您选择“关闭”，您可以从“网站设置”页面重新访问并接受条款。
3. 接下来，选择网站草稿上的任意文本框模块，并使用 AI 助手按钮。 
   
   
   
   
4. 在 AI 模块中，您可以输入提示，告知 AI 模型您想说什么。 AI 助手将根据您输入的提示或预定义的 AI 建议生成内容。内容生成后，您可以选择以下选项，以通过“快速 AI 编辑”来修改生成的内容：
   1. 以不同方式重写 
   2. 为清晰度进行调整 
   3. 修改语法
   4. 调整长度 
      
      
      
      
5. 对更新满意后，发布更改。 

返回顶部

配置网站菜单

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

返回顶部

网站菜单单品组件

1. 在 Toast Web 中，导航至“网站”>“编辑网站”。 
2. 导航至“网站组件”>“菜单单品”。
3. 将“菜单单品”组件拖放到菜单所需的区域。请注意，您可以直接在模块中调整组件的大小。
4. 选择组件、您想要展示的菜单单品以及您想要显示的信息。
5. 完成后，发布更改。 

返回顶部

网站菜单组组件

1. 在 Toast Web 中，导航至“网站”>“编辑网站”。 
2. 导航至“菜单组件”>“菜单组”。
3. 在编辑器中拖放“菜单组”模块。
4. 选择模块并从下拉菜单中选择餐厅的可用菜单组。注意：添加后，模块可以调整大小或移动。
5. 完成后，选择“发布”。 

返回顶部

1. 登录 Toast Web 并导航至“菜单生成器”。
2. 选择任何菜单，然后选择“编辑”。
   
   
   
   
3. 向下滚动至“渠道可见性”，以切换方式查看“网站”。
4. 对于您希望出现在“仅视图菜单”上的任何菜单，选择开启此功能。
5. 保存并发布菜单更改。

注意：

• 如果您希望将“仅网站查看”菜单视为切换开关，但并未看到，请确认您的 Toast 账户已启用网站。
• 如果您在 Toast 网站的菜单上看不到更新，请在将“网站视图”切换为“开启”后，确认已保存并发布菜单配置更改。

自定义菜单

• 全尺寸欢迎部分和新图片适配选项（2:42）
• 重命名导航和标题的新选项 (1:22)
• 部分填充和地图控制（1:14）
• 文本编辑中的字体和超链接 (1:24)
• 活动模块演示（2:04）
• 添加图片链接 (1:16)

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

• Toast 网站入门指南
• Toast 网站和线上点餐专业版域名
• Toast 网站和线上点餐专业版的门店和品牌
• Toast 网站和线上点餐专业版的营销与分析
• 获取 Toast 网站帮助