跳转到内容
免费试用 7 天
简体中文
在 Claude 中打开 就此页面提问在 ChatGPT 中打开 就此页面提问

更改按钮文字和颜色

更改报价按钮的文字、形状、大小和颜色,使其与您的模板协调搭配。

报价按钮的文字和外观都在 Button & widget 标签页上,相隔几个部分。本页将两者一并介绍。

  1. 在应用中,前往 Quote settings 并点击 Customize,然后打开 Button & widget 标签页。

  2. Button text 是 Quote Button Settings 部分的第一个字段。默认值为 Add to Quote,帮助文字为:“This text appears on product pages and collection pages. Recommended default: Request a Quote.”

  3. 保存更改,然后刷新产品页面查看新文字。

    Storefront product page with the Add to Quote button below the Add to cart button

    正式上线的产品页面上,来自 Button text 的文字。

在同一标签页向下滚动到 Style。

设置更改的内容
Button typeFilled、Outline 或 Text link。Filled 最引人注目;Text link 最低调。
SizeMedium、Large 或 Full width。Full width 通常直接放在购买按钮下方效果最好。
Text color按钮上文字的颜色。
Background color按钮的填充颜色。
Font size文字大小,单位为 px。

常见的搭配是将 Outline 与模板自身的强调色(作为 Text color)结合使用:这样报价按钮明显次于您实心的 Add to Cart 按钮,同时又与整体设计保持一致。

如果报价按钮与购买按钮并排显示,请让它的 Size 与购买按钮一致,避免这一行看起来参差不齐。

Button text 设置的是默认语言的文字。如需将其与客户看到的其他内容一起翻译,请使用 Advanced settings 中的 Translations AI:“Translate everything your customers see — quote form, storefront text and both quote emails.”

请参阅 翻译店面文字。

这对您有帮助吗?