內容區塊：產品、折扣、倒數計時、追蹤等
版本 1.17 在視覺化建構器中新增了十三個內容區塊和兩個佈局區塊。其中每個文字欄位皆支援 Liquid 語法，因此產品名稱或追蹤編號可透過 {{ variables.xxx }} 從工作流程中取得，而畫布上會顯示每個區塊根據您的測試變數所渲染的結果。
由零件組成的積木
產品卡片、折扣區塊、客戶評價、簽名、影片以及訂單追蹤區塊，都是由您已經熟悉的基本區塊所組成，其運作方式與「圖片 + 文字」區塊相同。開啟其中一個區塊，設定面板便會列出其組成部分：圖片、標題、文字、價格、按鈕。 點擊某個元件即可透過該區塊的完整設定進行編輯（包含圖片寬度與對齊方式、標題層級、富文本格式、按鈕樣式及圓角半徑）；若要隱藏不需要的元件，請使用眼睛圖示。元件下方則是區塊本身的設定，例如卡片佈局或邊框樣式。
產品
一張產品卡片。組成部分：圖片（上傳，或提供連結，例如 {{ variables.product_image }}）、標題、描述（預設為隱藏，需手動開啟才顯示）、價格（可選填以刪除線標示的對比價格），以及一個按鈕。 連結會將圖片和標題包覆起來；按鈕則有其專屬的連結。版面配置可將圖片置於文字上方或旁邊，並可設定圖片寬度及該行的垂直對齊方式。適用於訂單或客戶回流電子郵件中的精選商品。
價格
獨立的價格行：價格以粗體顯示，其前方可選填以刪除線標示的「比較價格」，並包含尺寸、顏色及對齊方式。這是產品卡片中的價格部分，可出現在任何位置。
產品網格
每行顯示變數清單中的兩至三張卡片，運作方式與「項目清單」表格相同。將**「清單」**指向該變數（例如 variables.products），然後為儲存各欄位的屬性命名：title、price、compare_at_price、image、url。 每個項目都會變成一張卡片，並帶有您選擇的樣式和圓角半徑的按鈕；若缺少圖片或連結，則該項目會被直接省略。您可以透過「執行程式碼」步驟，或使用訂單的明細項目，將清單填入 Shopify Flow 中。
折扣代碼
一個包含標題、說明和按鈕等元件的程式碼方塊，外框可為虛線、實線或無邊框。有兩種填充方式：
- 已存在的代碼：請輸入該代碼（或變數）。除非您為其設定獨立連結，否則此按鈕將連結至您的商店，並在結帳時自動套用該代碼。
- 為每封電子郵件建立一個專屬代碼：當電子郵件發送時，應用程式會在您的商店中生成一個僅限一次使用的折扣代碼，代碼名為
PREFIX-XXXXXX，其中包含您設定的折扣百分比或金額、有效天數、最低小計金額，以及「每位顧客限用一次」的規則。該代碼會連同發送記錄一併顯示在**「歷史紀錄」中，而電子郵件的「重新發送」**選項中也會顯示相同的代碼。 每封行銷電子郵件針對每位收件者僅會產生一個優惠碼。
建立優惠碼需要「折扣」權限，此區塊會直接要求此權限，您可於「權限」頁面（權限：應用程式可以從您的商店讀取哪些資料）撤銷該權限。此應用程式僅會建立優惠碼；絕不會讀取、修改或刪除其他折扣。測試電子郵件中會顯示佔位符，而非建立優惠碼。
倒數計時
針對特定日期與時間的即時倒數計時。在電子郵件中，這是一張由應用程式在開啟郵件時渲染的動畫圖片，因此會在收件匣中顯示倒數計時；若客戶端阻擋圖片顯示，則會顯示圖片旁的文字。Ends at 參數接受包含時區的日期（2026-12-24T23:59:00+01:00）或變數。 提供四種樣式：方塊、翻頁卡、極簡與文字；三種尺寸；可自訂標籤與顏色；以及在倒數結束後取代倒數計時內容的文字。
訂單追蹤
承運商與追蹤編號、一個進度條，以及兩個部分：一個**「追蹤」**按鈕（除非您提供其他連結，否則它會開啟預設的追蹤連結）和一則備註（例如預計送達時間），該備註在您需要之前會保持隱藏。 **「運送狀態」**功能會從 Shopify Flow 擷取 Shopify 的狀態（例如 IN_TRANSIT、OUT_FOR_DELIVERY、DELIVERED 及其他狀態），或根據步驟編號，並將該步驟之前的步驟標籤點亮。步驟標籤由您自訂，數量為 2 至 6 個。
星級評分
從一個數值（{{ variables.rating }}）中提取的星級評分，四捨五入為整數顆星，其餘星級以灰色顯示；每顆星旁附有文字說明，並可選配連結（例如連結至您的評論頁面）。請將此功能與評論邀請電子郵件搭配使用。
客戶見證
以「引言」和「作者資訊」作為文字內容，並可選擇加入照片，製作成卡片，可搭配彩色裝飾條，或採用素面設計。
社群連結
一排網路圖示（Instagram、Facebook、X、LinkedIn、YouTube、TikTok、Pinterest 等），包含尺寸與間距設定。這些圖示與頁尾所使用的相同。
影片
由於電子郵件無法播放影片，因此此區塊會顯示帶有播放按鈕的縮圖（連結至影片頁面），並在下方可選填副標題。播放按鈕可選擇深色、淺色或品牌色，並可自訂縮圖的高度與寬度。Windows 版的 Outlook 不會顯示播放按鈕後方的縮圖；但連結仍可正常運作。
簽名
一張照片、一個名稱（標題）以及詳細資訊（文字內容：職稱、公司、電話、電子郵件、網站），照片可為圓形或方形，並置於左側或上方。預設值使用 {{ shop.name }} 和 {{ shop.email }}。
表格
用於儲存訂單詳情或規格的小型資料表。每個儲存格皆可對應一個變數，第一行可作為標題行，且各行可交錯排列。
在瀏覽器中檢視
常見的「在瀏覽器中檢視此電子郵件」這行文字。點擊該連結後，將開啟該封電子郵件的網頁版本，該版本根據寄件時的版面配置與資料呈現，有效期為 30 天。測試電子郵件則會連結至包含測試變數的版面配置。
專欄
兩、三或四欄，每欄寬度相等，且各含獨立區塊：三張產品卡並排，或圖示下方各配有一行文字。
若為真，則顯示
這是一個僅在變數的條件為真時才會顯示的區段。請依照 Liquid 的語法輸入條件：variables.total > 100、language == "de"、variables.tags contains "vip"。Canvas 會使用您的測試變數來評估該條件，並在該區段應被省略時將其變暗。請將區塊置於其中，方式與在欄位中放置時相同。
相關
- 建立電子郵件版面配置 - 建構器以及其他所有區塊。
- 從 Shopify Flow 傳遞資料 - 提供數值。
- 權限：應用程式可以從您的商店讀取哪些資料 - 「折扣」權限。