[也適用於v8]{class="badge positive" title="亦適用於Campaign v8"}
設定登陸頁面 creating-a-landing-page
關於建立登入頁面 about-landing-pages-creation
此使用案例顯示如何使用數位編輯器從Adobe Campaign主控台建立登入頁面。
開始在Adobe Campaign中設定登入頁面之前，請確定您有 一個或多個範本 代表HTML頁面。
此使用案例的主要目的，是使用DCE中的函式，將登入頁面表單欄位對應至Adobe Campaign中的內部欄位。
建立登入頁面 creating-the-landing-page
若要建立新的登入頁面型別Web應用程式，請使用下列步驟：
-
前往 Campaigns 標籤，按一下 Web application 連結，然後按一下 Create 按鈕。
-
選取 New landing page 範本並輸入標籤，然後按一下 Save。
-
按一下「Edit」標籤。
-
刪除 結束 活動。
-
在 Storage 活動後新增 Page 活動。
-
編輯 頁面2 活動，然後在 Properties 索引標籤中取消勾選 Activate outbound transitions 選項。
-
儲存變更。
接著，您會取得下列順序：
步驟1 — 選取和載入範本 step-1---selecting-and-loading-templates
在本節中，我們將瞭解如何為網頁應用程式的每個頁面 匯入HTML內容。
範本必須包含：
- HTML 檔案（必要）
- 一或多個 CSS 檔案（選擇性）
- 一或多個 影像 （選擇性）
若要在第一頁載入範本，請套用下列步驟：
-
開啟網頁應用程式的前 Page 個活動。
-
選取 From a file 以擷取您的內容範本。
-
選取要使用的HTML檔案。
-
按一下 開啟 開始匯入。
在載入期間，會顯示共用檔案的清單。 匯入系統會檢查連結至所選HTML的所有檔案（CSS、影像等）是否都存在。
匯入完成後，按一下 Close 按鈕。
note caution CAUTION 您必須等到收到下列訊息後再關閉： The external resources have been successfully published 。 -
按一下「Properties」標籤。
-
為每個頁面輸入 標籤 （例如：頁面1=收集，頁面2=感謝您）。
請針對Web應用程式中插入的每個頁面套用這些步驟。
步驟2 — 設定內容 step-2---configuring-the-content
在本節中，我們將調整匯入的內容，並將資料庫的欄位連結至網頁的形式。 先前建立的Web應用程式為：
修改內容 modifying-content
讓我們從變更頁面的顏色開始。 操作步驟：
-
開啟 Collection 頁面。
-
按一下背景。
-
按一下右側的 背景顏色。
-
選取新的背景顏色。
-
按一下 確定 以確認變更。
-
套用這些相同的程式以變更按鈕的顏色
連結表單欄位 linking-form-fields
我們將連結頁面中的欄位與資料庫中的欄位，以儲存提供的資訊。
-
選取表單欄位。
-
編輯編輯器右側的 Field 區段。
-
選取您要連結至所選欄位的資料庫欄位。
-
對頁面上的每個欄位重複此程式。
您可以將欄位設為必要欄位：例如，按一下 Email 欄位，然後啟用 必要欄位 選項。
建立下一頁的連結 creating-a-link-to-the-next-page
此步驟為必要步驟，因為它可讓Web應用程式決定後續步驟的順序：將收集的資料儲存在資料庫中，然後顯示下一頁（感謝您 頁）。
-
選取 Collection 頁面的 Send it! 按鈕。
-
按一下 Action 下拉式功能表。
-
選取 Next page 動作。
插入個人化欄位 inserting-a-personalization-field
此步驟可讓您個人化「感謝您」頁面。 操作步驟：
-
開啟 Thank you 頁面。
-
將游標放在您要插入收件者名字的文字區域中。
-
在工具列的 Insert 功能表中選取 Personalization field。
-
選取名字。
編輯器中的個人化欄位有黃色背景。
步驟3 — 發佈內容 step-3---publishing-content
內容會從網頁應用程式儀表板發佈。 按一下 Publish 按鈕以執行。
發佈期間會顯示記錄。 發佈系統會分析在網頁應用程式中找到的所有內容
此表單現已可用：其URL可在應用程式控制面板中存取，並可傳送給收件者。