配合佈景主題樣式
讓詢價表單自動套用您佈景主題的樣式,或自行設定字型與顏色。
外觀格格不入的詢價表單,會在最關鍵的時刻削弱顧客的信任。App 可以改為套用您佈景主題的樣式。
App 可配合的佈景主題
Section titled “App 可配合的佈景主題”佈景主題配合功能是針對一組指定的佈景主題開發的。Samita 公布的清單包括 Dawn、Refresh、Trade、Origin、Ride、Studio、Colorblock、Taste、Publisher、Crave、Spotlight、Craft、Sense 和 Debut。
如果您的商店使用其中一個佈景主題,請勾選該核取方塊,通常可獲得相當接近的效果。在投入時間之前,有兩點需要留意:
- 清單持續增加。 Samita 將清單標示為「updating」,因此這裡沒有列出的佈景主題可能已經支援,請先試試這項設定,再判斷是否可用。
- 列在清單中不代表一定相符。 佈景主題常被自訂,大幅修改過的 Dawn 就不再是原版 Dawn。無論您的佈景主題叫什麼,最終都要以下方的商店前台檢查為準。
如果不確定自己使用的是哪個佈景主題,請在 Shopify 後台前往 線上商店 > 佈景主題:目前使用中的佈景主題名稱會顯示在頂端。
開啟佈景主題配合
Section titled “開啟佈景主題配合”-
開啟 Quote form 分頁
Section titled “開啟 Quote form 分頁”前往 Quote settings,點擊 Customize,然後開啟 Quote form 分頁。
-
選擇樣式預設組合
Section titled “選擇樣式預設組合”捲動至 Style。這裡會顯示表單目前使用的預設組合(例如 Classic),若想更換,請點擊 Change 按鈕。
-
勾選 Match theme styling if possible
Section titled “勾選 Match theme styling if possible”勾選 Match theme styling if possible。

讓表單配合您的佈景主題,看起來不會格格不入。
-
在商店前台檢查,而不是在編輯器中
Section titled “在商店前台檢查,而不是在編輯器中”App 明確說明:「Theme styling applies on your storefront and is not shown in this preview.」
請儲存變更,在商店前台開啟表單,並與一般頁面比較。

佈景主題配合只會顯示在商店前台,不會出現在編輯器預覽中。
自行設定樣式
Section titled “自行設定樣式”佈景主題配合是全有或全無:只有一個核取方塊,無法針對個別元素控制。如果它已幫您完成大部分,但標題或按鈕仍不對勁,請手動設定該部分。Style 下方有兩個區段可讓您直接控制。
| 區段 | 可設定的項目 |
|---|---|
| Customize text | Font style |
| Customize form color | Title bar color, Title bar background, Color, Background color, Border color, Quote popup primary color |

當佈景主題配合有遺漏,或您想讓表單刻意突顯而非融入時,請使用這些設定。
- 字型:標題和內文應與商店其他部分一致
- 按鈕:送出按鈕應與您其他按鈕的外觀一致
- 間距:手機上表單過於擁擠是最常見的問題
- 對比:確保標籤清晰易讀,尤其是在深色佈景主題上