建立登錄頁面

關於建立著陸頁面

此使用案例說明如何使用Digital Editor從Adobe Campaign主控台建立著陸頁面。

開始在Adobe Campaign中設定「著陸頁面」之前,請確定您有​一或多個範本​來代表HTML頁面。

此使用案例的主要目的是使用DCE中的函式,讓「著陸頁面」表單欄位與Adobe Campaign中的內部欄位對應。

建立著陸頁面

若要建立新的著陸頁面類型Web應用程式,請使用下列步驟:

  1. 前往​Campaigns​標籤,然後按一下​Web application​連結,然後按一下​Create​按鈕。

  2. 選擇​New landing page​模板並輸入標籤,然後按一下​Save

  3. 按一下​Edit​頁籤。

  4. 刪除​End​活動。

  5. 在​Storage​活動後添加​Page​活動。

  6. 編輯​第2頁​活動,然後取消選中​Properties​頁籤中的​Activate outbound transitions​選項。

  7. 儲存變更。

接著,您將取得下列順序:

注意

有關建立Web應用程式的詳細資訊,請參閱本節

步驟1 —— 選擇並載入模板

在本節中,我們將介紹如何為Web應用程式的每個頁面導入​HTML內容

範本必須包含:

  • an HTML file(mandatory)
  • 一或多個​CSS​檔案(選用)
  • 一個或多個​images(可選)

若要在第一頁載入範本,請套用下列步驟:

  1. 開啟Web應用程式的前一個​Page​活動。

  2. 選擇​From a file​以擷取您的內容範本。

  3. 選取要使用的HTML檔案。

  4. 按一下​開啟​啟動導入。

    載入期間,會顯示共用檔案的清單。 匯入系統會檢查連結至所選HTML的所有檔案(CSS、影像等)是否在此。

    匯入完成後,按一下​Close​按鈕。

    注意

    您必須等到收到下列訊息後,才能關閉:The external resources have been successfully published

  5. 按一下​Properties​頁籤。

  6. 為每個頁輸入​label(例如:第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​欄位,然後啟用​Mandatory​選項。

此步驟是必要的,因為它將允許Web應用程式確定後續步驟的順序:將收集的資料儲存在資料庫中,然後顯示下一頁(感謝​頁)。

  1. 選擇​Collection​頁面的​Send it!​按鈕。

  2. 按一下​Action​下拉菜單。

  3. 選擇​Next page​操作。

插入個人化欄位

此步驟可讓您個人化「感謝」頁面。 操作步驟:

  1. 開啟​Thank you​頁面。

  2. 將游標置於要插入收件人名字的文本區域。

  3. 在工具欄的​Insert​菜單中選擇​Personalization field

  4. 選擇名字。

個人化欄位在編輯器中有黃色背景。

步驟3 —— 發佈內容

內容會從Web應用程式儀表板發佈。 按一下​Publish​按鈕以運行它。

在發佈期間,將顯示日誌。 出版系統會分析Web應用程式中找到的所有內容

注意

在發佈日誌中,警告和錯誤按活動排序。

現在可使用表格:其URL可在應用程式控制面板中存取,並可傳送給收件者。

本頁內容