Toast 线上点餐 Pro:菜单自定义

上次更新时间:2026年8月20日 11:05

在本文中,了解如何使用 Toast 线上点餐 Pro 自定义您的菜单字体、布局和颜色。

在开始之前,请按照以下步骤访问 Toast 线上点餐 Pro

 

  1. Toast Web<1> 中,导航至 外带与配送,然后在 品牌与自定义 子类别下选择 品牌与自定义配置
  2. 这将带您进入 Toast 线上点餐 Pro 主页,您可以在此配置您的品牌网站。顶部窗口提供了 Toast 线上点餐 Pro 的信息,以及您的品牌网站在电脑和手机上的预览效果:
 
注意:请按照 优化 Toast 网站 文章中的步骤来设置并发布您的线上点餐页面。
注意:如果您的账户使用 Toast 网站或 Digital Storefront Pro,选择 品牌与自定义配置 将会带您进入网站编辑器以进行下述更改,而不是进入一个单独的独立自定义页面。

 

品牌与自定义页面

 

本文内容:

 

线上点餐 Pro - 菜单自定义视频概览

 


 

回到顶部

菜单自定义

Toast 线上点餐 Pro 字体

Toast 线上点餐 Pro 的优势之一是您可以为您的网站配置不同的字体。这两个选项在设置时的默认值均为“Effra, sans-serif”。

有两个区域可以更改字体:

  • 标题文本 - 菜单名称、项目名称、菜单组标题和菜单项目名称。
  • 正文 - 更新项目价格、项目描述、热门项目名称(如果已添加)和/或菜单组按钮。


字体在整个页面上是全局的。即,包含麸质的食品项目不能使用一种字体,而无麸质项目使用另一种字体(无论是在标题还是正文中)。

 

Toast 线上点餐 Pro 菜单自定义屏幕


虽然有多种选项供您选择,但您也可以选择上传自己的自定义字体。字体可以直接从您的计算机上传。字体必须为 .otf、.ttf 和 .woff 格式才能上传。

创建和上传自定义字体是在 Toast 之外完成的(通常使用 Adobe Illustrator 或类似应用程序)。创建完成后,将字体下载到您的计算机,然后上传到 Toast 中。有关创建字体的部分步骤,请参阅此外部文章:如何制作您自己的字体

 

选择自定义字体上传弹出窗口
 

回到顶部

Toast 线上点餐 Pro 图片要求

Toast 线上点餐 Pro 具有菜单布局选项,可针对方形或矩形项目图片进行优化。所有图片都将填充所选菜单布局内的容器。Toast 线上点餐 Pro 菜单模板支持 1:1(正方形)、4:3(矩形)和 16:9(矩形)的宽高比。我们建议最小高度或宽度为 1000 像素,以确保高质量的图片效果。


回到顶部

线上点餐 Pro 菜单布局

此部分允许您更改网站上菜单项的布局和外观。

  • 6 种布局选项 - 3 种图片丰富的布局,或 3 种更简洁、以字体为重点的布局。
  • 卡片方向 - 侧边图片布局中菜单卡片上的图片位置
  • 菜单圆角样式 - 圆角或直角
  • 菜单组方向

线上点餐 Pro 菜单布局选项
 

侧边图片 - 此选项允许您为菜单项选择 正方形矩形 的图片比例。 

侧边 - 牛油果吐司图片示例

 

大图 - 此选项不显示项目描述,但选中项目后即可查看描述。

大图示例


顶部图片

 

顶部图片示例
 

紧凑

紧凑菜单示例
 

堆叠

堆叠菜单示例
 

圆角与直角

 

直角与圆角
 

无图片的菜单组

 

Screenshot 2023-04-17 at 8.18.02 AM.png
 

回到顶部

Toast 线上点餐 Pro 颜色自定义

Toast 线上点餐 Pro 的另一个好处是,它允许您选择特定颜色来自定义您的品牌页面。

在 Toast 线上点餐 Pro 中更新四个不同区域的颜色:

  • 背景颜色 - 页面整个背景的颜色。
  • 菜单文本颜色 - 菜单项名称的颜色。
  • 菜单次要文本颜色 - 菜单项描述的颜色。
  • 菜单背景颜色 - 菜单项方框的颜色。


可以通过在窗口内缩放/拖放,或选择右侧的吸管工具来更改颜色。用户还可以通过在预览旁边的空间中输入 HEX 代码,或选择吸管工具并更改底部的 HEX 代码来更改颜色:

 

Screenshot 2023-04-17 at 8.23.25 AM.png

注意:这些颜色在整个页面上是全局的,即 Toast 无法指定菜单 A 中的字体应为蓝色,而菜单 B 中的字体应为红色。

回到顶部

其他资源