此使用案例說明如何使用Digital Editor從Adobe Campaign主控台建立著陸頁面。
開始在Adobe Campaign中設定「著陸頁面」之前,請確定您有一或多個範本來代表HTML頁面。
此使用案例的主要目的是使用DCE中的函式,讓「著陸頁面」表單欄位與Adobe Campaign中的內部欄位對應。
若要建立新的著陸頁面類型Web應用程式,請使用下列步驟:
前往Campaigns標籤,然後按一下Web application連結,然後按一下Create按鈕。
選擇New landing page模板並輸入標籤,然後按一下Save。
按一下Edit頁籤。
刪除End活動。
在Storage活動後添加Page活動。
編輯第2頁活動,然後取消選中Properties頁籤中的Activate outbound transitions選項。
儲存變更。
接著,您將取得下列順序:
有關建立Web應用程式的詳細資訊,請參閱本節。
在本節中,我們將介紹如何為Web應用程式的每個頁面導入HTML內容。
範本必須包含:
若要在第一頁載入範本,請套用下列步驟:
開啟Web應用程式的前一個Page活動。
選擇From a file以擷取您的內容範本。
選取要使用的HTML檔案。
按一下開啟啟動導入。
載入期間,會顯示共用檔案的清單。 匯入系統會檢查連結至所選HTML的所有檔案(CSS、影像等)是否在此。
匯入完成後,按一下Close按鈕。
您必須等到收到下列訊息後,才能關閉:The external resources have been successfully published。
按一下Properties頁籤。
為每個頁輸入label(例如:第1頁=收集,第2頁=謝謝)。
對插入Web應用程式中的每個頁面套用這些步驟。
DCE會為載入的HTML頁面執行JavaScript程式碼。 HTML範本中可能出現在Adobe Campaign介面中的JavaScript錯誤。這些錯誤與編輯器無關。 要檢查導入的檔案中是否沒有錯誤,建議在將檔案導入DCE之前,先在瀏覽器(Internet Explorer / Firefox / Chrome)中測試這些錯誤。
在本節中,我們將調整導入的內容,並將資料庫的欄位連結到網頁的形式。 先前建立的Web應用程式為:
首先,我們來更改頁面的顏色。 操作步驟:
開啟Collection頁面。
按一下背景。
按一下右側的背景顏色。
選擇新的背景顏色。
按一下確定確認更改。
套用這些相同的程式以變更按鈕的顏色
為了保存提供的資訊,我們將將頁面中的欄位連結到資料庫中的欄位。
選擇表單欄位。
編輯編輯器右側的Field部分。
選擇要連結到選定欄位的資料庫欄位。
對頁面上的每個欄位重複此程式。
您可以將欄位設為必填:例如,按一下Email欄位,然後啟用Mandatory選項。
此步驟是必要的,因為它將允許Web應用程式確定後續步驟的順序:將收集的資料儲存在資料庫中,然後顯示下一頁(感謝頁)。
選擇Collection頁面的Send it!按鈕。
按一下Action下拉菜單。
選擇Next page操作。
此步驟可讓您個人化「感謝」頁面。 操作步驟:
開啟Thank you頁面。
將游標置於要插入收件人名字的文本區域。
在工具欄的Insert菜單中選擇Personalization field。
選擇名字。
個人化欄位在編輯器中有黃色背景。
內容會從Web應用程式儀表板發佈。 按一下Publish按鈕以運行它。
在發佈期間,將顯示日誌。 出版系統會分析Web應用程式中找到的所有內容
在發佈日誌中,警告和錯誤按活動排序。
現在可使用表格:其URL可在應用程式控制面板中存取,並可傳送給收件者。