[也適用於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 標籤。
-
刪除 結束 活動。
-
新增 Page 活動之後 Storage 活動。
-
編輯 第2頁 活動,然後取消勾選 Activate outbound transitions 中的選項 Properties 標籤。
-
儲存變更。
接著,您會取得下列順序:
步驟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應用程式決定後續步驟的順序:將收集的資料儲存在資料庫中,然後顯示下一頁(感謝您 頁面)。
-
選取 Send it! 的按鈕 Collection 頁面。
-
按一下 Action 下拉式功能表。
-
選取 Next page 動作。
插入個人化欄位 inserting-a-personalization-field
此步驟可讓您個人化「感謝您」頁面。 操作步驟:
-
開啟 Thank you 頁面。
-
將游標放在您要插入收件者名字的文字區域中。
-
選取 Personalization field 在 Insert 工具列功能表。
-
選取名字。
編輯器中的個人化欄位有黃色背景。
步驟3 — 發佈內容 step-3---publishing-content
內容會從網頁應用程式儀表板發佈。 按一下 Publish 按鈕來執行它。
發佈期間會顯示記錄。 發佈系統會分析在網頁應用程式中找到的所有內容
此表單現已可用:其URL可在應用程式控制面板中存取,並可傳送給收件者。