內容區塊：產品、折扣、倒數計時、追蹤等
視覺化建構器為 Shopify Flow 電子郵件提供的商務與內容區塊包括：產品卡片與網格、價格、專屬折扣碼、即時倒數計時、訂單追蹤、星級評分、客戶推薦、社群連結、影片、簽名、表格、欄位及條件式區段。這些複雜的區塊由圖片、標題、文字、價格和按鈕等元件組成，您可像編輯其他區塊一樣進行編輯。
版本 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 傳遞資料 - 提供數值。
- 權限：應用程式可以從您的商店讀取哪些資料 - 「折扣」權限。