Show Menu
主題×

建立登錄頁面

關於建立著陸頁面

此使用案例說明如何使用Digital Editor從Adobe Campaign主控台建立著陸頁面。
開始在Adobe Campaign中設定「著陸頁面」之前,請確 定您有一或多個範本 ,以代表HTML頁面。
此使用案例的主要目的是使用DCE中的函式,讓「著陸頁面」表單欄位與Adobe Campaign中的內部欄位對應。

Creating the landing page

若要建立新的著陸頁面類型Web應用程式,請使用下列步驟:
  1. 前往標籤 Campaigns 並按一下連 Web application 結,然後按一下 Create 按鈕。
  2. 選擇模 New landing page 板並輸入標籤,然後按一下 Save
  3. 按一下標 Edit 簽。
  4. 刪除「 結束 」活動。
  5. 在活動 Page 後新增活 Storage 動。
  6. 編輯「頁 面2 」活動,然後取消 Activate outbound transitions 勾選標籤中的 Properties 選項。
  7. 儲存變更。
接著,您將取得下列順序:
有關建立Web應用程式的詳細資訊,請參 閱本節

步驟1 —— 選擇和載入範本

在本節中,我們將討論如何匯 入Web應用程式每個頁面的HTML 內容。
範本必須包含:
  • HTML 檔案 (必填)
  • 一或多個 CSS 檔案(選用)
  • 一或多張影 (選用)
若要在第一頁載入範本,請套用下列步驟:
  1. 開啟Web應 Page 用程式的第一個活動。
  2. 選擇 From a file 以擷取您的內容範本。
  3. 選取要使用的HTML檔案。
  4. 按一 「開啟」以開始匯入。
    載入期間,會顯示共用檔案的清單。 匯入系統會檢查連結至所選HTML的所有檔案(CSS、影像等)是否在此。
    匯入完 Close 成後,按一下按鈕。
    您必須等到收到下列訊息後,才能關閉: The external resources have been successfully published .
  5. 按一下標 Properties 簽。
  6. 為每個 頁輸入 標籤(例如:第1頁=收集,第2頁=謝謝)。
對插入Web應用程式中的每個頁面套用這些步驟。
DCE會為載入的HTML頁面執行JavaScript程式碼。 HTML範本中可能出現在Adobe Campaign介面中的JavaScript錯誤。 這些錯誤與編輯器無關。 要檢查導入的檔案中是否沒有錯誤,建議在將檔案導入DCE之前,先在瀏覽器(Internet Explorer / Firefox / Chrome)中測試這些錯誤。

步驟2 —— 設定內容

在本節中,我們將調整導入的內容,並將資料庫的欄位連結到網頁的形式。 先前建立的Web應用程式為:

修改內容

首先,我們來更改頁面的顏色。 操作步驟:
  1. 開啟頁 Collection 面。
  2. 按一下背景。
  3. 按一 下右側的 「背景顏色」。
  4. 選擇新的背景顏色。
  5. 按一下 確定 ,確認更改。
  6. 套用這些相同的程式以變更按鈕的顏色

連結表單欄位

為了保存提供的資訊,我們將將頁面中的欄位連結到資料庫中的欄位。
  1. 選擇表單欄位。
  2. 編輯 Field 器右側的章節。
  3. 選擇要連結到選定欄位的資料庫欄位。
  4. 對頁面上的每個欄位重複此程式。
您可以將欄位設為必填:例如,按一下欄 Email 位,然後啟用「必 」選項。

插入個人化欄位

此步驟可讓您個人化「感謝」頁面。 操作步驟:
  1. 開啟頁 Thank you 面。
  2. 將游標置於要插入收件人名字的文本區域。
  3. 在工 Personalization field 具列 Insert 的選單中選取。
  4. 選擇名字。
個人化欄位在編輯器中有黃色背景。

步驟3 —— 發佈內容

內容會從Web應用程式儀表板發佈。 按一下 Publish 按鈕以執行它。
在發佈期間,將顯示日誌。 出版系統會分析Web應用程式中找到的所有內容
在發佈日誌中,警告和錯誤按活動排序。
現在可使用表格:其URL可在應用程式控制面板中存取,並可傳送給收件者。