3.5.2建立您的行銷活動

移至https://experience.adobe.com/。 按一下​ Journey Optimizer

翻譯

您將被重新導向到Journey Optimizer中的​ 首頁 ​檢視。 首先,確定您使用正確的沙箱。 要使用的沙箱稱為--aepSandboxName--

ACOP

NOTE
如果您已在練習練習3.1.2.1練習3.1.2.2中建立頁首和頁尾片段,請跳到練習3.5.2.3 「建立Fiber促銷活動」。 不要再建立您的頁首與頁尾片段。

3.5.2.1建立您的標頭片段

在左側功能表中,按一下​ 片段。 片段是Journey Optimizer中的可重複使用元件,可避免重複並方便未來應影響所有訊息的變更,例如電子郵件訊息中頁首或頁尾的變更。

按一下​ 建立片段

ACOP

輸入名稱--aepUserLdap-- - CitiSignal - Header並選取​ 型別:視覺片段。 按一下​ 建立

ACOP

您將會看到此訊息。 在左側選單中,您會找到可用來定義電子郵件結構(列和欄)的結構元件。

將​ 1:1欄 ​從功能表拖放到畫布中。 這將是標誌影像的預留位置。

Journey Optimizer

接下來,您可以使用內容元件來新增這些區塊中的內容。 將​ Image ​元件拖放到第一列的第一個儲存格。 按一下​ 瀏覽

Journey Optimizer

然後您會看到快顯視窗開啟,顯示您的AEM Assets Media Library。 前往資料夾​ citi-signal-images,按一下以選取影像​ CitiSignal-Logo-White.png,然後按一下​ 選取

NOTE
如果您在AEM Assets資料庫中看不到Citi Signal影像,您可以在這裡找到它們。 將它們下載到您的案頭,建立資料夾​ citi-signal-images,然後上傳該資料夾中的所有影像。

Journey Optimizer

您將會看到此訊息。 您的影像是白色的,尚未顯示。 您現在應該定義背景顏色,讓影像正確顯示。 按一下​ 樣式,然後按一下​ 背景顏色 ​方塊。

Journey Optimizer

在快顯視窗中,將​ 十六進位 ​色彩代碼變更為​ #8821F4,然後按一下​ 100% ​欄位來變更焦點。 然後您會看到新顏色套用到影像。

Journey Optimizer

影像目前也有些變大。 讓我們將​ 寬度 ​切換器滑動至​ 40%,以變更寬度。

Journey Optimizer

您的標頭片段現已準備就緒。 按一下​ 儲存,然後按一下箭頭,返回上一個畫面。

Journey Optimizer

您的片段必須先發佈,才能使用。 按一下​ 發佈

Journey Optimizer

幾分鐘後,您會看到片段的狀態已變更為​ 即時
接下來,您應該為電子郵件訊息的頁尾建立新的片段。 按一下​ 建立片段

Journey Optimizer

3.5.2.2建立您的頁尾片段

按一下​ 建立片段

Journey Optimizer

輸入名稱--aepUserLdap-- - CitiSignal - Footer並選取​ 型別:視覺片段。 按一下​ 建立

Journey Optimizer

您將會看到此訊息。 在左側選單中,您會找到可用來定義電子郵件結構(列和欄)的結構元件。

將​ 1:1欄 ​從功能表拖放到畫布中。 這會是頁尾內容的預留位置。

Journey Optimizer

接下來,您可以使用內容元件來新增這些區塊中的內容。 將​ HTML ​元件拖放至第一列的第一個儲存格。 按一下元件以選取它,然後按一下​ </> ​圖示以編輯HTML原始程式碼。

Journey Optimizer

您將會看到此訊息。

Journey Optimizer

複製下列HTML程式碼片段,並將其貼到Journey Optimizer的​ 編輯HTML ​視窗中。

<!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]-->
<table style="width: auto; display: inline-block;">
  <tbody>
    <tr class="component-social-container">
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.facebook.com" data-component-social-icon-id="facebook">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://x.com" data-component-social-icon-id="twitter">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.instagram.com" data-component-social-icon-id="instagram">

        </a>
      </td>
    </tr>
  </tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->

您就會擁有此專案。 在第7、12和17行,您現在需要使用AEM Assets資料庫中的資產插入影像檔案。

Journey Optimizer

請確定游標位於第7行,然後按一下左側功能表中的​ Assets。 按一下​ 開啟資產選擇器 ​以選取您的影像。

Journey Optimizer

開啟資料夾​ citi-signal-images,然後按一下以選取影像​ Icon_Facebook.png。 按一下​ 選取

Journey Optimizer

請確定您的游標位於第12行,然後按一下[開啟資產選取器] 以選取您的影像。

Journey Optimizer

開啟資料夾​ citi-signal-images,然後按一下以選取影像​ Icon_X.png。 按一下​ 選取

Journey Optimizer

請確定您的游標位於第17行,然後按一下[開啟資產選取器] 以選取您的影像。

Journey Optimizer

開啟資料夾​ citi-signal-images,然後按一下以選取影像​ Icon_Instagram.png。 按一下​ 選取

Journey Optimizer

您將會看到此訊息。 按一下​ 儲存

Journey Optimizer

然後您會回到編輯器中。 您的圖示尚未顯示,因為背景和影像檔案都是白色的。 若要變更背景顏色,請移至​ 樣式 ​並按一下​ 背景顏色 ​核取方塊。

Journey Optimizer

將​ 十六進位 ​色彩代碼變更為​ #000000

Journey Optimizer

將對齊方式變更為置中。

Journey Optimizer

讓我們將其他部分新增到頁尾。 將​ Image ​元件拖放至您剛建立的HTML元件上方。 按一下​ 瀏覽

Journey Optimizer

按一下以選取影像檔​ CitiSignal_Footer_Logo.png,然後按一下​ 選取

Journey Optimizer

移至​ 樣式 ​並按一下​ 背景顏色 ​核取方塊,讓我們再次將其變更為黑色。 將​ 十六進位 ​色彩代碼變更為​ #000000

Journey Optimizer

將寬度變更為​ 20%,並確認對齊方式已設定為置中。

Journey Optimizer

接著,將​ Text ​元件拖放到您建立的HTML元件下。 按一下​ 瀏覽

Journey Optimizer

取代預留位置文字,複製並貼上以下文字。

1234 N. South Street, Anywhere, US 12345

Unsubscribe

©2024 CitiSignal, Inc and its affiliates. All rights reserved.

將​ 文字對齊方式 ​設定為置中。

Journey Optimizer

將​ 字型顏色 ​變更為白色,#FFFFFF

Journey Optimizer

將​ 背景顏色 ​變更為黑色,#000000

Journey Optimizer

在頁尾中選取文字​ 取消訂閱,然後按一下功能表列中的​ 連結 ​圖示。 將​ Type ​設定為​ 外部選擇退出/取消訂閱,並將URL設定為​ https://aepdemo.net/unsubscribe.html (取消訂閱連結不允許有空白URL)。

Journey Optimizer

您就會擁有此專案。 您的頁尾現已準備就緒。 按一下​ 儲存,然後按一下箭頭返回上一頁。

Journey Optimizer

按一下​ 發佈 ​以發佈您的頁尾,以便在電子郵件中使用。

Journey Optimizer

幾分鐘後,您會看到頁尾的狀態已變更為​ 即時

Journey Optimizer

3.5.2.3建立Fiber促銷活動

您現在將建立行銷活動。 上一個練習的事件型歷程仰賴傳入體驗事件或對象進入或退出,以觸發1個特定客戶的歷程,而行銷活動則以唯一內容(例如電子報、一次性促銷活動或一般資訊)鎖定整個對象,或定期傳送類似內容(例如例項生日行銷活動和提醒)。

在功能表中,前往​ 行銷活動 ​並按一下​ 建立行銷活動

Journey Optimizer

選取​ 排程 — 行銷 ​並按一下​ 建立

Journey Optimizer

在行銷活動建立畫面上,設定下列專案:

  • 名稱--aepUserLdap-- - CitiSignal Fiber
  • 描述: Fiber行銷活動
  • 身分型別:變更為電子郵件

Journey Optimizer

向下捲動至​ 動作。 針對​ 動作,選取​ 電子郵件

Journey Optimizer

然後,選取現有的​ 電子郵件組態。 您將在幾分鐘後編輯內容。

Journey Optimizer

向上捲動至​ 對象。 按一下​ 選取對象

Journey Optimizer

針對​ 對象,選取您在1.3.3中建立的對象,建立名為--aepUserLdap-- - CitiSignal Eligible for Fiber的同盟組合。 按一下​ 儲存

Journey Optimizer

向下捲動至​ 排程。 針對​ 排程,請選擇​ 在特定日期和時間,並設定選擇的時間。

Journey Optimizer

您現在可以開始建立電子郵件訊息本身。 向上捲動,然後按一下​ 編輯內容

Journey Optimizer

您將會看到此訊息。 對於​ 主旨列,請使用以下專案:

{{profile.person.name.firstName}}, here's your Fiber offer!

接著,按一下​ 編輯電子郵件內文

Journey Optimizer

選擇​ 從頭開始設計

Journey Optimizer

您將會看到此訊息。 在左側選單中,您會找到可用來定義電子郵件結構(列和欄)的結構元件。

將​ 1:1資料行 ​拖放四次,畫布應該會提供下列結構:

Journey Optimizer

在左側功能表中,移至​ 片段。 將您先前建立的標頭拖曳至畫布中的第一個元件。 將您先前建立的頁尾拖曳至畫布中的最後一個元件。

Journey Optimizer

按一下左側功能表中的​ + ​圖示。 移至​ 內容,開始將內容新增至畫布。

Journey Optimizer

將​ Text ​元件拖放到第二列。

Journey Optimizer

選取該元件中的預設文字​ 請在此輸入您的文字。 ​並以下面的文字取代。 將對齊方式變更為​ 置中對齊

Hi {{profile.person.name.firstName}}

As a CitiSignal customer, you're in pole position to discover our new Fiber offering. Have a look at the below offer and update your contract!

Stay connected.

Journey Optimizer

將​ Image ​元件拖放至第三列。 按一下​ 瀏覽

Journey Optimizer

選取您先前在模組中建立的AEM Assets存放庫。 該存放庫應命名為--aepUserLdap-- - Citi Signal dev。 按一下以開啟資料夾--aepUserLdap-- - Workfront Assets

Journey Optimizer

按一下以選取影像​ 2048x2048_buynow.png,然後按一下​ 選取

Journey Optimizer

您的基本電子報電子郵件現已準備就緒。 按一下​ 儲存

Journey Optimizer

按一下左上角主旨列文字旁的​ 箭頭,返回行銷活動控制面板。

Journey Optimizer

按一下​ 檢閱以啟動

Journey Optimizer

您可能會收到此錯誤。 如果是這種情況,您可能需要等候最多24小時,直到評估對象為止,然後嘗試再次啟用您的行銷活動。 您也可能需要更新行銷活動的排程,以便稍後執行。

Journey Optimizer

按一下​ 啟動

Journey Optimizer

啟動後,您的行銷活動將排程執行。

Journey Optimizer

您已完成此練習。

後續步驟

移至3.5.3新增語言至您的電子郵件

返回Adobe Journey Optimizer:翻譯服務

返回所有模組

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d