优化 Toast 网站

Toast 网站是数字店面专业套件中的一款产品。现在导航到 Toast 商店以订阅！

第一次创建您的网站吗？查看这篇 Toast Central 文章，开始使用 Toast 网站，以获取初始设置和基本内容编辑的概述。您还可以通过导航到网站查看 Toast Web 中最新功能的即将更新。 

本文内容：

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

更新网站设计

导航到 网站 > 编辑网站 在 Toast Web 中对您的网站徽标、颜色或文本进行全站更改。在您初始的 Toast Websites 设置后，网站模板 选项将变为灰色，但您可以随时通过使用编辑器中的功能更改布局。请参阅本文的 部分以获取更多详细信息。
 

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

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

开启 叠加 将使导航栏作为一层 在 页面内容上方移动。当此选项关闭时，导航栏是一个单独的元素，页面内容直接在其下方开始。  开启 粘性 设置意味着导航栏将始终在页面顶部可见，即使有人向下滚动。当此选项关闭时，如果有人向下滚动页面，导航栏将不可见。 主要 CTA 是可以添加到您的导航栏中的一个显眼按钮。打开它，然后选择按钮本身以更新它链接到的内容（例如您的在线订购菜单）。 您可以更新您的页眉布局以更改徽标和链接的排列方式。   注意： 您还可以选择是否希望在每个页面上显示购物车，通过切换 显示购物车 到 开启。确保 发布 您的更改。

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

选择您的页脚将允许您自定义在所有网站页面底部显示的信息。 

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

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

想要进一步自定义您的页脚区域吗？  请参阅本文中的 以获取更多信息。 

注意： 

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

为网站添加和管理页面

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

在您的菜单和在线订购页面，您会看到在编辑器顶部的选项 更改模板。这将允许您决定是否要显示图像，以及您希望这些页面上的图像和菜单项如何显示。请注意，您只会调整菜单的 样式。如果您需要更改名称、价格或菜单组，您应该使用常规的 Toast 菜单编辑工具来完成。

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

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

为网站添加 Untappd 啤酒列表

将您的 Untapped 啤酒列表集成到您的 Toast 网站，以便客人知道您餐厅提供的饮品。 
 

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

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

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

 

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

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

将鼠标悬停在图像上将给您快速替换的选项，或者您可以单击图像以打开屏幕右侧的更新图像菜单以获取完整的编辑选项。

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

 

要添加新模块，请选择屏幕左侧网站导航栏附近的箭头图标，并选择您想要添加的内容类型：欢迎，文本，单图像 + 文本，多图像 + 文本，媒体，推荐，活动，预订，或 。 

 

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

要管理推荐项目和追加销售建议，请参阅 启用推荐菜单项和追加销售建议 部分的 文章在 Toast 网站。

Toast 网站的媒体

Media Gallery

从您的网站仪表板查看您上传的所有照片和社交媒体（Instagram 和 Facebook）照片。 

1. 在 Toast 网站中，导航到 网站 > 媒体库。
2. 导航到 上传 标签，您可以选择 从计算机上传 或拖放文件以添加到您的媒体库。您可以通过从媒体库或计算机中选择多个文件并确认选择来上传或删除多个文件。注意：图像文件的最大大小为 5MB，视频的最大大小为 50MB。您可以将照片和 GIF 添加到此库。GIF 可以在您的 Toast 网站上用于任何可以使用照片的地方。

如果您尚未将 Toast 网站与您的 Instagram 帐户集成，您可以在 Instagram 标签的媒体库中进行集成。如果您想要更多信息，可以查看本文中的 。一旦集成，您 Instagram 帐户中的图像将出现在您的媒体库中。 

Toast 网站的视频字幕

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

1. 登录到 ，导航到 网站 并选择 编辑网站.
2. 在编辑器中，通过将视频文件拖放到您的网站上或选择从计算机上传或选择您页面上的现有视频来上传您的视频。注意：视频上传的最大大小为50MB。
3. 一旦视频上传完成，导航到视频标题上传。
4. 通过将视频文件拖放到您的网站上或选择从计算机上传来上传您的视频。在这里，您可以上传您的SRT或VTT视频字幕文件。注意：视频字幕上传的最大大小为50MB。
5. 发布您的更改。

将Toast网站与Instagram集成

如果您有现有的Instagram商业账户，您可以使用您的Instagram凭据将Instagram账户连接到您的Toast网站。连接后，您可以直接从Instagram账户将Instagram照片导入到您的Toast网站的媒体库中，然后可以将其添加到您的网站。请参阅并按照Instagram基本显示API下的步骤开始。

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

1. 登录到并导航到网站 > 您的网站。
2. 点击编辑网站按钮。
3. 在页面的顶部中间部分，打开主页下拉菜单并选择+添加新页面。
4. 添加新页面弹出窗口将出现。从左侧面板中，选择餐饮。
5. 从可用选项中选择餐饮表单，然后点击提交。
6. 将出现一个页面名称弹出窗口。输入您想要的页面名称和URL路径，然后点击提交以完成该过程。

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

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

1. 登录到并导航到网站 > 您的网站。
2. 点击编辑网站按钮。
3. 在页面的顶部中间部分，打开主页下拉菜单并选择+添加新页面。
4. 添加新页面弹出窗口将出现。从左侧面板中选择 礼品卡。
5. 从可用选项中选择礼品卡购买页面，然后单击 提交。
6. 将出现一个页面名称弹出窗口。输入您想要的页面名称和URL路径，然后点击提交以完成该过程。

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

网站的横幅和弹出窗口

您可以在页面上添加两种类型的横幅：

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

弹出窗口是向您的客人突出显示特别公告的另一种方式。从 促销 或 表单 弹出选项中选择，然后选择 箭头 在 管理弹出窗口 窗口中显示弹出窗口的预览。 
 

 

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

 

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

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

 

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

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

将事件添加到您的网站

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

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

网站预订

使用预订小部件时，客人可以根据您的Toast Tables设置在您的网站上提交预订。  这还包括要求预订支付押金的能力。  有关更多信息，请参见。 

想要获取更多关于Toast Tables的信息吗？请在Toast Central中查看。

添加外部嵌入小部件

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

网站的生成性AI工具

如果您需要帮助生成网站内容，可以在网站编辑器中使用生成性人工智能（AI）工具。此工具将帮助创建个性化的书面内容，以满足您希望传达的体验，帮助您更接近网站的发布。要确保您正在使用Toast生成性AI工具，请参见。

1. 登录到并导航到网站 > 编辑页面（按钮）。 
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. 使用切换按钮来适应照片空间并显示整个图像。查看完整图像。