自定义您的 Toast 线上点餐页面

上次更新时间:2026年9月30日 16:51

借助新一代 Toast 线上点餐,您可以使用专为彰显品牌形象并助力提升销售额而设计的免佣金线上点餐解决方案。

主要功能:

  • 重新设计的用户体验
  • 为多门店所有者更新了门店选择页面
  • 能够根据您的特定品牌自定义线上点餐页面
  • 快速启用或禁用您的热门商品

还不是 Toast 线上点餐客户?  您必须订阅才能使用新一代线上点餐功能。前往 Toast Shop 了解更多信息。

 

本文内容:

 

访问您的品牌和配置

登录 Toast Web 并导航至 外带与配送 > 品牌与自定义 > 品牌与自定义配置。

 

回到顶部

 

线上点餐页面自定义

一旦您能够访问您的页面,一系列自定义选项将对您开放。

 

Toast Web 中的“品牌与自定义配置”页面,显示了着陆页的外观

 

回到顶部

 

您的品牌

在此部分,用户可以通过选择品牌颜色并上传徽标、网站图标和横幅图像,来更改其线上点餐网站的某些方面以匹配其品牌。

“您的品牌”配置部分,显示了如何输入您的徽标、网站图标和横幅。
 

网站图标是显示在浏览器地址栏或浏览器标签页中的小图标。默认情况下,Toast 会将您的徽标用作网站图标,但您可能希望为这个小的方形空间使用经过优化的图像。

显示维基百科页面的网页浏览器标签页。W 网站图标周围有一个方框,用于突出显示什么是网站图标。

注意:徽标、网站图标和横幅图像应采用 jpg、jpeg、png、webp 或 svg 文件格式,且最大为 5MB。

回到顶部

 

菜单自定义

新一代 Toast 线上点餐允许您更改菜单、菜单组和项目的字体,以及线上点餐页面上菜单和菜单组名称的字体颜色。这些更改适用于整个页面。

菜单自定义屏幕,显示了您可以在何处自定义正文文本、文本颜色或上传自定义字体。


虽然有多种选项可用,但您也可以选择上传自定义字体。您将直接从您的计算机上传这些字体。

 

若要采用更高级的方法,您可以使用 Adobe Illustrator 或 Google 等类似应用程序在 Toast 之外创建并上传自定义字体。创建完成后,用户将字体下载到计算机,然后将其上传到 Toast 中。

回到顶部

 

菜单页面配置

此部分允许用户快速切换在线订购页面上显示的选项:

 

菜单页面配置,显示如何开启或关闭热门商品和位置地图。

 

回到顶部

 

自定义页脚

此部分允许用户在在线订购页面的页脚中显示或隐藏特定信息。只需点击“自定义页脚”名称即可访问此弹出窗口,并根据需要切换显示或隐藏信息:

显示自定义页脚的所有选项。切换显示或隐藏:营业时间、位置、菜单链接、在线订购链接和社交链接

回到顶部

 

社交媒体链接

此部分允许用户将其社交媒体链接添加到其在线订购页面的页脚中。用户可以在其在线订购页面上托管多个链接。要添加链接,请选择名称 社交媒体链接,随后会弹出一个窗口。选择 + 添加链接 以输入您的网址:


 社交媒体链接弹出窗口,显示如何输入您的社交媒体链接,然后点击完成。
 

更改发布后,这些链接将显示在在线订购页面的页脚中:

 

显示所有选项均已开启的页脚示例。
 

回到顶部

 

其他设置

其余链接允许用户配置以下设置:

  • 更新门店营业时间 - 选择此链接将带您进入“餐厅营业时间和服务”页面,您可以在该页面更新营业时间。您可以导航至其线上点餐时间表页面,以更新其线上点餐的可用时间。
  • 更新门店名称 - 选择此链接将带您进入“餐厅信息”页面,您可以在该页面更新门店名称。
  • 热门菜品 - 您可以在此开启或关闭在 Toast 线上点餐页面上显示热门菜品的功能。
  • 门店地图 - 此功能允许您在 Toast 线上点餐页面的右上角显示或隐藏地图,向顾客展示您的餐厅位置。
  • 点餐门店确认:启用后,未先通过门店选择器选择门店而直接进入 Toast 线上点餐页面的顾客,将看到一个弹窗,要求他们确认点餐门店。此设置默认处于关闭状态,位于品牌与自定义 > 菜单页面配置。下。
 

回到顶部

 

设置

此部分允许您访问 Toast 提供的预配置 URL,并选择您希望与特定品牌关联的门店。

 

显示自定义 URL 并允许您选择哪些门店将与该 URL 关联的附加设置页面


要复制您的 Toast 线上点餐 URL,请选择该链接。弹出窗口将提示您已成功复制该链接:

 

显示复制 URL 后效果的弹出窗口


要添加或移除品牌下的门店,请点击下拉菜单查看您的门店。使用门店名称旁边的复选框,即可从您的品牌中添加或移除门店。

您可以点击铅笔图标,更新品牌在 Toast 线上点餐页面上显示的名称:

 

铅笔图标圈出了您可以编辑与 URL 关联的门店的位置


回到顶部

更多资源