建立登錄頁面

關於建立著陸頁面

此使用案例說明如何使用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. 儲存變更。

接著，您將取得下列順序：

步驟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應用程式中的每個頁面套用這些步驟。

步驟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可在應用程式控制面板中存取，並可傳送給收件者。