預覽/設計/編輯您的文件

「行銷活動設計工具」提供便利的方式，可以對您的行銷活動訊息、表單及動態內容建立、編輯及/或預覽 HTML 與純文字內容。

存取行銷活動設計工具

若要存取大多數內容，請在側邊導覽列上按一下 「資料夾」圖示 資料夾，然後選取資料來源，按一下 ，再選取下列其中一項：

  • 若為現有 HTML 或文字格式內容，選取編輯。「行銷活動設計工具」開啟時僅具有「預覽與編輯」功能。
  • 若為行銷活動與表單，請選取預覽-設計-編輯。
  • 若為動態內容，請反白顯示相關行銷活動，然後選取行銷活動儀表板。按一下「訊息」區段中的動態內容連結。在「管理動態內容」頁面上，按一下開啟設計工具。

    注意：若要使用「行銷活動設計工具」，您的動態內容模組必須先與行銷活動或表單產生關聯。

行銷活動設計工具導覽

導覽預覽模式

  • 在收件人預覽之間移動 – 使用 、、、，根據相關聯的「清單」與其他資料來源，在不同收件人的檢視之間移動。

    注意：您也可以直接輸入記錄編號，然後按一下「執行」。

  • 搜尋電子郵件地址 - 使用「尋找」以搜尋相關電子郵件地址中包含的字串 (例如， @example.com)。
  • HTML/文字內容選取器 (左上角) – 如果您的行銷活動包含 HTML 與純文字內容，可以切換檢視以使用其中一種格式。
  • 以指定的規則修訂預覽 – 測試動態內容時，使用「修訂預覽」選項以顯示訊息內容，就像對符合指定規則條件的收件人所顯示的訊息內容一樣。

導覽編輯模式

按一下此處以取得使用純文字內容標準編輯器的相關資訊。

使用左上角的清單方塊選擇您要編輯的訊息文件 (HTML 或文字)。

警告：請務必先按一下儲存，再關閉「行銷活動設計工具」。否則，任何未儲存的變更將會遺失。若要在不關閉此頁面的情況下捨棄任何未儲存的變更，請按一下「回復」。

若要插入動態日期標記，在您想要的位置放置插入點，然後按一下編輯區域上方工具列的 按鈕。對話方塊即會顯示，並提供數個一般選項。

若要插入動態內容，在您想要的位置放置插入點，然後按一下編輯區域上方工具列左端的 按鈕。對話方塊隨即顯示，且提供下列三個選項： 

文字標記：使用此選項以插入簡易動態內容區域。使用此選項會在您的文件中插入 CONTENT_REGION。在「設計」頁標上，這會顯示為 需要內容規則，您可以按一下以讓區域與動態內容模組產生關聯。 

在「編輯」頁標上，與動態內容模組產生關聯的區域外觀類似 CONTENT_REGION_|moduleName|，其中模組名稱是以垂直長條分隔，前有前置底線。 

如果您按一下原始碼按鈕 (或切換回標準編輯器)，您也可以讓區域與動態內容模組產生關聯，方法是輸入如上所示的模組名稱，但是您仍然要使用「設計」頁標來選取現有動態內容模組或範本，或者藉由指派名稱並且設定內容與規則來建立新的模組。

SPAN 標記標示：使用此選項來新增關於動態內容區域性質的提示。

使用此選項會在您的文件中插入<span style="" ridcm="">選擇性提示文字</span>。當然，您必須檢視 HTML 原始碼才能看見標記；在 WYSIWYG 模式中，格式化文字編輯器只會顯示選擇性提示文字。

在您於「設計」頁標上將區域與動態內容模組產生關聯之後，模組名稱與提示文字會同時顯示在「設計」頁標上；在「編輯」頁標上，您會看見新增至 SPAN 標記的 title="moduleName"。

DIV 標記標示：使用此選項，在您於「設計」頁標上檢視動態內容區域時，強制動態內容區域佔據指定大小的空間。這個選項在設計複雜文件的版面配置時相當有用。

此選項會在您的文件中插入 <div style="height: YYYpx; width: XXXpx" ridcm="">選擇性描述文字 (任何有效的 HTML 程式碼)</div>。當然，您必須檢視 HTML 原始碼才能看見標記；在 WYSIWYG 模式中，格式化文字編輯器只會顯示選擇性描述文字。

在您於「設計」頁標上將區域與動態內容模組產生關聯之後，模組名稱與描述性文字會同時顯示在「設計」頁標上；在「編輯」頁標上，您會看見新增至 DIV 標記的 title="moduleName"。

重要事項：SPAN 與 DIV 標記組或任何內含的項目，都會被傳遞訊息中適當的動態內容取代。如果您也希望將 DIV 標記定義的區域放置到所傳遞訊息中的指定大小空間，請確定將它包含在額外 DIV 標記內：

<div style="width:XXXpx;height:YYYpx">
	<div style="height: YYYpx; width: XXXpx" ridcm="">optional descriptive text (any valid HTML code)</div>
</div>

重要事項：如果您在「設計」頁標上看見非預期的結果，請務必檢查 HTML 原始碼，方法是在格式化文字編輯器中按一下原始碼按鈕，或者使用標準編輯器。當您以為是將動態內容區域並排放置，而且格式化文字編輯器在 WYSIWYG 模式中也顯示並排時，動態內容區域很容易意外地變成「巢狀」。