自訂範本

您可以透過插入內容預留位置或產生AI用來插入內容的欄位，自訂要在GenStudio for Performance Marketing中使用的範本。

以下幾節將說明如何使用​ Handlebars ​範本化語言來調整您的HTML範本以適用於GenStudio for Performance Marketing。 Handlebars語法使用具有雙大括弧的規則文字做為內容預留位置。 請參閱_ Handlebars語言指南​_中的什麼是 Handlebars，瞭解如何準備您的範本。

您的範本準備就緒後，您可以將其上傳到GenStudio for Performance Marketing，並開始根據您的自訂範本產生個人化電子郵件。

內容預留位置

GenStudio for Performance Marketing可辨識範本中特定型別的內容或元素，但前提是您必須使用可辨識的欄位名稱來辨識它們。

在HTML範本的head或body中，您可以使用Handlebars語法來插入內容預留位置，以要求GenStudio for Performance Marketing將實際內容填入範本。 GenStudio for Performance Marketing會根據可辨識的​ 欄位 ​名稱來辨識及解譯這些預留位置。 每個欄位名稱都與特定的規則和行為相關聯，這些規則和行為可決定如何產生內容並將其插入範本中。

例如，您可以使用{{headline}}搭配Handlebars語法來指示電子郵件標題的放置位置。 GenStudio可辨識此欄位，根據您的指引和提示條件產生相關標題，並將標題插入此位置：

<div>{{headline}}</div>

可辨識的欄位名稱

下表列出GenStudio for Performance Marketing將預留位置新增至範本時識別的欄位名稱。 每個欄位都遵循特定的管道准則、LLM指示及角色型規則。 使用Handlebars語法新增這些欄位名稱至您的範本，其中您需要GenStudio for Performance Marketing產生特定型別的內容。

GenStudio for Performance Marketing會在下列範本中自動產生特定欄位：

上傳範本到GenStudio for Performance Marketing時有20個欄位的限制。 由於subject欄位會在電子郵件中自動產生，因此會計為一個欄位。 這表示電子郵件範本中允許19個欄位。

呼叫動作

call to action (CTA)包含片語和連結。 若要讓​ 重述 ​和​ 新增連結 ​功能在變體產生過程中正常運作，您必須在範本中包含連結和片語的預留位置。

使用下列指引設定CTA預留位置：

GenStudio for Performance Marketing也可以提供各種行動號召短語。 請參閱修訂Call to action。

影像上的連結

您可以自訂電子郵件範本，讓創意人員新增連結至影像。 與CTA連結類似，使用下列指引將link預留位置套用至影像標籤：

<a href="{{link}}"><img src="image-source.jpg" alt="{{imageDescription}}"></a>

在此範例中：

替代文字

使用使用者定義的欄位名稱做為預留位置，以產生影像的替代文字(HTML alt="text"屬性)說明。 下列{{imageDescription}}預留位置與相同<img>標籤內的{{image}}欄位搭配使用，確保影像與其描述之間的關係持續存在。

<img src="{{image}}" alt="{{imageDescription}}">

在此範例中：

協助工具標籤

aria-label屬性是用來為沒有可見標籤的元素定義可存取的名稱。 在必須提供互動式元素(例如CTA按鈕)的內容時，此屬性在範本中特別有用。

<a class="button" href="{{link}}" aria-label="{{CTAAriaLabel}}">{{cta}}</a>

在影像文字上

{{on_image_text}}預留位置是用來指定直接放置在體驗影像上且具影響力之短訊息的文字覆蓋。

<div class="image-text">{{on_image_text}}</div>

手動欄位名稱

所有其他欄位名稱由使用者定義，並視為手動填入的欄位。 例如，您可能想要為頁尾內容保留區段。

若要建立可編輯的區段，請在區段名稱兩側加上雙括弧：

<tbody>
    <tr>
        <td>
            <p><span class="footer-text">{{footerLegal}}</span></p>
        </td>
    </tr>
</tbody>

RTF編輯

透過RTF編輯在Create程式中增強您的創意內容。 畫布會根據內容預留位置的位置來判斷RTF文字功能。 RTF功能只有在您使用內容預留位置做為獨立元素或區塊層級HTML標籤（例如<p>、<div>或<span>）時，才能使用。

RTF編輯可用於段落中的獨立內容：

<p>{{body}}</p>

如果您在HTML屬性（例如alt、href或src）中使用內容預留位置，則該欄位不支援RTF編輯。

RTF編輯​ 不是 ​可用於alt內容：

<img src="image.jpg" alt="{{image_description}}">

如果欄位出現多次，RTF功能會根據它是否在任何執行個體中作為HTML屬性使用來決定。 例如，將headline當做標題，並當做影像的替代文字時，會以alt標籤優先。

RTF編輯​ 不適用於headline，因為它已用作alt內容：

<h1>{{headline}}</h1>
<img src="image.jpg" alt="{{headline}}">

RTF編輯可能適用於特定頻道中的特定欄位，例如社交頻道(Meta、LinkedIn)中的on_image_text。

區段或群組

如果您的電子郵件範本需要多個內容區域（例如多個優惠方案或內文），您可以使用區段或群組來組織這些區域。 區段 ​通知GenStudio for Performance Marketing此區段中的欄位需要高度一致性。 建立此關係可協助AI產生符合區段中創意元素的內容。

使用您選擇的群組名稱作為前置詞，表示欄位是區段或群組的一部分。 在底線(_)之後使用欄位名稱（例如headline、body、image或cta）。

語法： groupname_fieldname

每個區段只能使用每個欄位型別中的一個。 例如，下列欄位屬於pod1區段：

因為此規則，區段無法巢狀化。

每種範本型別（例如電子郵件或中繼廣告）在區段的使用上都有通道特定的限制。 請參閱​ 使用範本的最佳實務 ​主題中的頻道特定准則。

例如，電子郵件範本最多可包含三個區段；因此，您可以有三個標題和正文區段：

GenStudio for Performance Marketing瞭解pod1_headline與pod1_body的關聯性比pod2_body更密切。

範本預覽

當您上傳範本時，GenStudio for Performance Marketing會掃描HTML檔案以找出可辨識的欄位。 使用預覽檢閱您的範本元素，並確認您以可辨識的欄位名稱正確識別它們。

電子郵件範本的範例預覽：

{modal="regular"}

請參閱範本程式碼編輯器。

控制項預覽

您可以使用內建協助程式（可執行特定動作的Handlebars範本語言中的特殊運算式）來控制特殊內容的可見度。 例如，您可以新增條件陳述式，在匯出的範本中新增追蹤引數至連結，同時保持預覽連結整齊。

呈現範本時會設定_genStudio.browser值，匯出範本時會設定genStudio.export值。 例如，當範本用於匯出時，您可使用條件包裝函式，決定在電子郵件頂端包含特定內容：

{{#if _genStudio.export}}
<%@ include view='emailParent' %>
{{/if}}

另一個範例可能是為了防止在GenStudio for Performance Marketing中預覽範本時使用追蹤程式碼。 下列範例說明如何在匯出的範本中將追蹤引數新增至連結，同時保持預覽連結整齊：

<a class="button" {{#if _genStudio.browser }}
   href="{{link}}"{{/if}}{{#if _genStudio.export }}
   href="{{link}}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
   target="_blank">{{cta}}</a>

靜態內容

電子郵件和中繼範本通常會連結到託管在其他網域上的影像和CSS檔案。 GenStudio for Performance Marketing產生範本預覽或從中衍生的體驗的縮圖時，會驗證內容來源並嵌入復本以供預覽。

外部檔案暫時內嵌只是為了建立範本預覽，可確保預覽精確地反映建立時顯示的內容。 這些外部檔案​ 不是 ​永久儲存在GenStudio for Performance Marketing中。 建立範本預覽後，GenStudio for Performance Marketing會繼續參照範本中提供的原始來源連結。

重新整理內容

如果來源在建立初始預覽後變更，請使用重新整理函式，以外部來源的最新內容版本更新範本預覽。