「新增電子郵件」會開啟「新增電子郵件」頁面(佔滿整個螢幕;「所有電子郵件」可返回)。「匯入設計」會開啟同一頁面的「匯入設計」分頁。「品牌與語調」會開啟品牌套件。「您的產品」會開啟助理所知道的產品(見下方「您的產品」)。「電子郵件設定」會開啟您的標誌、色彩、地址、頁面及 Klaviyo 連結設定。若尚無任何電子郵件,Email Studio 會直接開啟「新增電子郵件」頁面。
卡片依目的分組,顯示實際的電子郵件、狀態、目的、名稱、主旨以及最後變更時間。若某個目的下沒有任何郵件,會顯示「Start a … email」卡片。卡片上的 ⋯ 按鈕提供 Open、Duplicate、Send test to me 和 Archive(附 Undo)。副本是全新草稿,不會綁定原郵件的 Klaviyo 範本。
Templates 會列出你儲存的範本,依客戶分組,並提供 Use this template 和 Delete(刪除前會先詢問;由範本製作的郵件不會受影響)。
3
開始新的電子郵件
用文字描述(第一個分頁):一個大方框會詢問 What email do you want to send?。直接輸入,或按麥克風說出來即可。Attach a picture or HTML 可加入電子郵件的圖片(AI 會沿用其版面與訊息),或你自己的 HTML 檔案(會完全依照原設計開啟,你的文字會作為修改套用其中)。目的標籤(Welcome、Promo、Newsletter、Review ask、Abandoned cart、Win-back)會設定目的,並只顯示符合的範本。Create my email(或 Ctrl/Cmd+Enter)會開啟編輯器,並一次撰寫整封郵件,搭配你的產品與全新版面。在描述中輸入你的網站(例如 yourshop.com),Email Studio 會先讀取它:你的公司名稱、標誌、品牌色彩,以及符合你描述的真實產品,包括照片、價格與頁面。空白的 Brand kit 會自動填入(之後隨時可更改),因此全新帳號也能獲得符合品牌、含真實產品的郵件,無需設定。若沒有網站、產品,也還沒有 Brand kit,它會要求你提供網站,而不會製作充滿假資料的郵件。製作完成後,請用你自己的話提出任何修改:「dark charcoal with orange accents」會為這封郵件設定專屬色彩(你的 Brand kit 維持不變),「make the header shorter」會讓標誌列變得精簡,「show 2 products instead of 3」會移除一項產品並保留其餘排列。
或從設計好的範本開始:在方框下方,所有內建範本都會以套用你品牌色彩、含真實照片的完成郵件呈現。Photos for 會選擇產業(24 個,從 Restaurants & cafes 到 Hotels, travel & tours;會記住於此電腦上的設定),範本也會切換為該產業的照片。你儲存的範本會優先顯示。點選一個即可選取(再點一次取消選取);按鈕會變成 Use this template,若方框內有文字則變成 Use this template with my words。範本會在編輯器中開啟,保留版面與照片;若有你的文字,會逐段寫入。接著點選任一照片,即可從你的 Graphics Library 換成其他照片,直接改寫任何文字,或請 AI 做任何修改。範例照片為 aiKit 自有(Pexels 免費授權),可安心傳送,但使用你自己的照片效果最佳。
腦力激盪:選擇目的、描述受眾,並可選擇產品、季節與語氣。Give me ideas 會回傳五個概念,各附一個主旨;Use this idea 會將其開啟為草稿。Plan a series:提供目的、郵件數量(2 至 5 封)以及發送頻率。你會取得每封郵件的時程、主旨與用途大綱,按下 Create all as drafts 即可一次全部建立為草稿。
Import a design 支援兩種檔案。HTML 檔案(.html 或 .htm,最大 400 KB,可從 Klaviyo、Mailchimp、設計師或任何電子郵件工具匯出)會完全依照原設計開啟,不使用 AI,也不消耗點數:請見下方的 Your own HTML design。郵件圖片(螢幕截圖,或由 Photoshop 或 Figma 匯出的 PNG、JPG 或 WebP,最大 6 MB)會由 AI 以相同版面重建為可編輯的郵件:每個文字都會變成真正的文字,並依原樣複製;每張照片、產品圖、標誌與圖示都會從你的圖片中裁切出來,放在原本的位置。位於某區塊背景色上的產品、標誌與圖示會被去除背景,因此之後變更該顏色(例如改為深色背景)時,效果會顯示出來。處理期間,進度面板會列出每個步驟及所耗時間;完整長度的郵件約需一到兩分鐘。文字是從你的圖片讀取的,因此發送前請檢查電話號碼與價格等數字。若是 PDF,請先將頁面匯出為圖片。
內建版面絕不捏造事實:價格保留給你填寫,統計與引言區塊會顯示 Add a real stat,直到你填入為止;優惠代碼則為範例。套用版面後會出現提示,提醒你檢查每個文字、價格與代碼。
4
編輯器
頂部欄包括 All emails(返回清單)、郵件名稱(點選即可重新命名)、狀態、儲存狀態(All changes saved、Saving… 或警告)、Undo 與 Redo(也可用 Ctrl/Cmd+Z 與 Shift+Ctrl/Cmd+Z)、Save、Send test to me、Approve、Push to Klaviyo,以及 ⋯。簡短通知(Saved、Undone)會出現在畫面底部,並於數秒後淡出;若出現問題(例如當日帳戶的權杖已用完,或推送未成功),則會保留在畫面上並附 Dismiss 按鈕,直到你關閉為止。
⋯ 選單包括 Start from a design、Save as template、Export or copy HTML、Check links、Fix links、Spam & accessibility checks、Email settings、Notes(供團隊使用,永不出現在郵件中)、Klaviyo template id、Duplicate 與 Archive。
「電腦版」、「手機版」和「深色模式」可切換預覽。手機版寬度為 390 像素,方便你查看欄位如何堆疊。電腦版和手機版預覽一律以大多數收件匣的方式顯示郵件,即使你的電腦設為深色模式也不受影響;深色模式則顯示 Apple Mail 和 Outlook 為使用深色模式的人呈現郵件的樣子。匯出的郵件與電腦版和手機版預覽完全一致,逐像素相同。
用點擊來修改。點擊預覽中的任何文字即可直接輸入覆寫(按 Enter 完成)。點擊圖片、按鈕、連結或任何部分,左側面板會顯示您可以在該處變更的內容:文字、連結(提供您的頁面和產品選項)、更換照片及其說明、按鈕或背景顏色、文字顏色和大小。複製、上移、下移和移除可作用於該部分;選取外層部分和選取整個段落則可跳到較大的範圍。用 AI 修改此項會針對該部分開始一個請求。