跨國企業的行銷營運（Marketing Operations）團隊在利用 Salesforce Marketing Cloud（SFMC）建構顧客旅程與電子郵件行銷活動時，經常遭遇嚴重的工具切換斷層。傳統的生成式 AI 製作流程往往需要在獨立的第三方 AI 工具、設計軟體與 SFMC Content Builder 之間反覆切換——在外部工具生成文案與視覺、下載到本地端、再手動上傳至 SFMC 素材庫進行排版。這種破碎的流程不僅大幅拉長上線週期，還容易衍生版本混亂、資產分散以及品牌調性不合規的風險。
將企業級生成式 AI 平台 Typeface 原生整合至 SFMC 中，能夠從根本解決這項瓶頸。透過在 SFMC 安裝包含 Custom Content Block（自訂內容區塊）與 Server-to-Server API 整合的 Installed Package（已安裝套件），行銷團隊即可在 Content Builder 編輯器內直接調用品牌資產，原生生成高水準且符合法規規範的圖文行銷素材，並將產出即時寫入 SFMC 素材庫中。
架構解析：Typeface 如何深度整合至 SFMC
Typeface 與 Salesforce Marketing Cloud 的整合採用 SFMC 標準擴充架構，由 Installed Package 內的兩大核心元件協同運作：
- Custom Content Block 元件（前端互動）： 採用 SFMC 的 Content Builder Block SDK 開發，透過安全 iFrame 嵌入於郵件與頁面編輯畫布側邊欄。該元件指向 Typeface 專屬正式環境端點（
https://sfdc-cb-prod.typeface.ai），為行銷人員提供無縫嵌入的 AI 創作介面。 - Server-to-Server API 整合（後端資料同步）： 透過 OAuth 2.0 Client Credentials 憑證授權，賦予 Typeface 對 SFMC Assets 素材庫的讀取與寫入（Read/Write）權限。當行銷人員在嵌入畫布中確認產出素材時，Typeface 會透過 REST API 自動將高解析度圖片與結構化 HTML 寫回 SFMC 資產庫，徹底免除手動下載與上傳程序。
+-----------------------------------------------------------------------+
| Salesforce Marketing Cloud (Engagement) |
| |
| +-------------------+ Block SDK +---------------------+ |
| | Content Builder | <===================> | Typeface 控制項 | |
| | 郵件編輯畫布 | (iFrame 雙向通訊) | (自訂 UI 內容區塊) | |
| +-------------------+ +----------+----------+ |
| ^ | |
| | 資產自動寫入 | 生成請求 |
| v v |
| +-------------------+ REST API (OAuth) +---------------------+ |
| | Content Builder | <-------------------- | Typeface 企業平台 | |
| | 素材資料庫 | Assets 讀寫權限 | & Brand Graph 引擎 | |
| +-------------------+ +---------------------+ |
+-----------------------------------------------------------------------+
實施前置條件與權限清單
在展開系統設定之前，請確認具備以下企業環境權限與前置資源：
| 資源類別 | 具體設定要求 | 營運與安全機制 |
|---|---|---|
| SFMC 管理員權限 | Installed Packages | Administer 權限 | 用於建立套件、註冊端點及配置 API 範圍 |
| 業務單位（BU）規劃 | 釐清單一 BU 試行或多 BU 全域授權架構 | 避免跨品牌資產外溢，依照品牌與市場分區控管 |
| Typeface 企業授權 | Typeface 工作區 Admin 角色 | 用於在連接器管理中心（Connectors）綁定 SFMC 憑證 |
| 品牌規範與資產準備 | 預先在 Typeface 建立 Brand Graph | 包含品牌語調、色系標準、產品圖庫及法律聲明規範 |
詳細設定步驟指南
步驟一：在 SFMC 中建立 Installed Package
- 使用管理員帳號登入 Salesforce Marketing Cloud。
- 點擊右上角的使用者頭像，進入 Setup（設定）。
- 在左側導覽選單展開 Apps，選擇 Installed Packages。
- 點擊頁面右上角的 New 按鈕。
- 輸入套件名稱，建議設為：
Typeface Custom Content Block。 - 在描述欄填寫運作說明：
Typeface 企業級生成式 AI 原生內容生成擴充套件。 - 點擊 Save（儲存）。
步驟二：新增並設定 Custom Content Block 元件
- 在新建套件的詳細資訊頁面中，找到 Components（元件）區塊，點擊 Add Component。
- 在元件類型清單中選擇 Custom Content Block，點擊 Next。
- 在 Name（名稱）欄位填入：
Typeface。 - 在 Endpoint URL（端點網址）欄位填入官方正式端點：
https://sfdc-cb-prod.typeface.ai - 點擊 Save。
完成此步驟後，SFMC Content Builder 的自訂區塊庫即成功註冊 Typeface 擴充模組。
步驟三：新增並設定 API Integration 元件
為讓 Typeface 能夠將產出的視覺圖片與 HTML 程式碼回存至 Content Builder，必須建立安全的後端 API 連線：
- 在相同的套件頁面中，再次點擊 Add Component。
- 選擇 API Integration，點擊 Next。
- 整合類型選擇 Server-to-Server，點擊 Next。
- 在權限範圍（Server-to-Server Properties）設定中，展開 ASSETS 區段，勾選下列權限：
- Documents and Images：勾選 Read 與 Write
- Saved Content：勾選 Read 與 Write
- 遵循企業最小權限原則，其餘無關權限保持未勾選狀態。
- 點擊 Save。
- 請妥善記錄並加密保存系統產生的四項核心 API 憑證：
- Client Id（用戶端 ID）
- Client Secret（用戶端密鑰）
- Authentication Base URI（驗證基準 URI / Auth URL）
- REST Base URI（REST 服務基準 URI）
步驟四：配置業務單位授權與使用者存取權限
針對管理多個品牌或跨區域業務的大型企業：
- 切換至該 Installed Package 的 Access（存取權）標籤頁。
- 選擇授權模式：
- 若要開放全公司使用，選擇 License Everyone。
- 若僅供特定品牌事業部或行銷試行團隊使用，勾選指定的 Business Units（業務單位）及使用者角色。
- 點擊儲存以套用變更。
步驟五：在 Typeface 平台中完成連線綁定
- 開啟新瀏覽器分頁，以管理員身分登入 Typeface 企業管理後台。
- 點選側邊導覽的 Settings（設定）> Connectors（連接器）。
- 找到 Salesforce Marketing Cloud 連接器卡片，點擊 Connect。
- 將步驟三取得的 SFMC 憑證資訊填入對應欄位：
- Client ID
- Client Secret
- Authentication Base URI（例如：
https://mcxxxxxxxx.auth.marketingcloudapis.com/） - REST Base URI（例如：
https://mcxxxxxxxx.rest.marketingcloudapis.com/）
- 點擊 Verify & Connect，確認連線狀態顯示為綠色連線成功。
行銷營運人員的 Content Builder 日常操作流程
完成上述技術配置後，行銷團隊在設計 EDM 或宣傳範本時即可原生運用 Typeface：
1. 拖曳啟用 Typeface 內容區塊
- 在 SFMC 中前往 Email Studio > Content Builder。
- 建立新郵件或開啟既有郵件範本。
- 在左側側邊欄的 Blocks（區塊）選單中，展開 Custom（自訂）分類。
- 將 Typeface 圖示直接拖曳至畫布目標版位。
2. 基於 Brand Graph 原生生成合規圖文
- 拖入畫布後，編輯面板將即時載入 Typeface 創作介面。
- 行銷人員選擇目標行銷受眾或活動主題。
- Typeface 自動套用預設的 Brand Graph（品牌圖譜），確保生成文字符合品牌語調、法務限制與產品關鍵字。
- 透過自然語言提示詞生成針對不同客群的吸睛主標題、內文與 CTA 按鈕。
3. 利用內建 Image Studio 進行專業視覺微調
- 行銷人員可直接在 Content Builder 內部透過 Image Studio 編輯視覺素材：
- 一鍵切換背景情境（例如將單純的商品棚拍圖置換為符合四季、生活情境或特定節慶的場景）。
- 在圖片上加入符合企業標準字型的文字與排版裝飾。
- 自然融入高解析度商品去背圖，自動模擬真實光線與陰影效果。
- 完全不需仰賴外部修圖工具或等待設計團隊工時排程，數分鐘即可完成物料製作。
4. 自動儲存素材與排版渲染
- 點選 Save to Content Builder 或確認完成。
- 系統將自動透過背景 REST API 將圖片與 RWD 自適應 HTML 寫入 SFMC 素材庫。
- 郵件編輯器即刻呈現渲染完成的版面，消除跨平台排版錯位的問題。
進階協同：結合 Dynamic Content Block 與顧客旅程實現個人化規模擴展
為了最大化行銷轉化率，行銷營運團隊可將 Typeface 生成的素材與 SFMC 動態內容區塊及 Salesforce Data Cloud 深度結合：
+-----------------------------------------------------------+
| Marketing Cloud 郵件版型架構 |
| |
| +-----------------------------------------------------+ |
| | Dynamic Content Block (動態內容區塊) | |
| | | |
| | 規則 1: 地區 = '亞太地區' | |
| | -> 投放 Typeface 素材 A (亞太情境與本地化文案) | |
| | | |
| | 規則 2: 地區 = '歐美地區' | |
| | -> 投放 Typeface 素材 B (歐美風格生活場景與文案) | |
| | | |
| | 預設規則: 其他未分群訂閱者 | |
| | -> 投放 Typeface 基準標準品牌素材 | |
| +-----------------------------------------------------+ |
+-----------------------------------------------------------+
- 批量生成多變體： 在 Typeface 中針對 Data Cloud 分群，一次批量產出多組視覺與文案組合。
- 動態邏輯綁定： 在 Content Builder 插入 Dynamic Content Block，將各素材變體依序關聯至會員屬性（如會員等級、消費頻率、歷史偏好）。
- Journey Builder 自動化觸發： 將含有動態變體的郵件部署於 Journey Builder 顧客旅程（如購物車未結帳提醒、新會員迎新流程），實現即時且精準的個人化互動。
企業級治理與維運最佳實踐
- 持續健全 Brand Graph： 品牌管理負責人應定期在 Typeface 中更新企業設計規範、禁用辭彙與最新產品規格，確保生成內容始終符合最新品牌標準。
- 落實 Content Builder 審批機制： 儘管生產效率顯著提升，在正式發送前仍建議搭配 SFMC 內建的 Approval 審批工作流程，落實人機協作（Human-in-the-loop）的把關機制。
- 依據業務單位嚴格隔離資產： 集團型企業旗下若有多個獨立子品牌，務必按 BU 分離 Installed Package 權限，防止跨品牌的素材誤用與資料外洩。
- 郵件用戶端字型安全回退機制： Typeface 生成的圖像雖然可完整呈現客製品牌字型，但郵件 HTML 內文字型受限於 Outlook 等用戶端的渲染能力，仍需預留 Web-Safe 安全替代字型（例如 Arial、Helvetica）。
參考資料
- Salesforce Marketing Cloud Now Includes Typeface | Typeface Integrations
- Salesforce Marketing Cloud New Integration - Typeface Experience for Personalized Marketing
- Salesforce Marketing Cloud - Now Build Campaigns with Typeface's AI-First Integrations
- Salesforce + Typeface: The full-loop marketing engine for Agentforce
- Agentic Marketing: Salesforce + Typeface AI Partnership
- Typeface at Dreamforce: Deep Integration with Slack, Agentforce, and DAM systems power autonomous marketing workflows
- Content Builder Block SDK | Salesforce Trailhead
- Salesforce Help