[也適用於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應用程式,請使用下列步驟:

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

  2. 選取​ New landing page ​範本並輸入標籤,然後按一下​ Save

  3. 按一下「Edit」標籤。

  4. 刪除​ 結束 ​活動。

  5. 在​ Storage ​活動後新增​ Page ​活動。

  6. 編輯​ 頁面2 ​活動,然後在​ Properties ​索引標籤中取消勾選​ Activate outbound transitions ​選項。

  7. 儲存變更。

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

NOTE
如需建立Web應用程式的詳細資訊,請參閱本節

步驟1 — 選取和載入範本 step-1---selecting-and-loading-templates

在本節中,我們將瞭解如何為網頁應用程式的每個頁面​ 匯入HTML內容

範本必須包含:

  • HTML ​檔案(必要)
  • 一或多個​ CSS ​檔案(選擇性)
  • 一或多個​ 影像 (選擇性)

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

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

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

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

  4. 按一下​ 開啟 ​開始匯入。

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

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

    note caution
    CAUTION
    您必須等到收到下列訊息後再關閉: The external resources have been successfully published
  5. 按一下「Properties」標籤。

  6. 為每個頁面輸入​ 標籤 (例如:頁面1=收集,頁面2=感謝您)。

請針對Web應用程式中插入的每個頁面套用這些步驟。

CAUTION
DCE會針對載入的HTML頁面執行JavaScript程式碼。HTML範本中有 ​個JavaScript錯誤,這些錯誤可能會顯示在Adobe Campaign介面中。 這些錯誤與編輯器無關。 若要檢查匯入的檔案中是否沒有錯誤,建議您在將檔案匯入DCE之前,先在網頁瀏覽器中測試它們。

步驟2 — 設定內容 step-2---configuring-the-content

在本節中,我們將調整匯入的內容,並將資料庫的欄位連結至網頁的形式。 先前建立的Web應用程式為:

修改內容 modifying-content

讓我們從變更頁面的顏色開始。 操作步驟:

  1. 開啟​ Collection ​頁面。

  2. 按一下背景。

  3. 按一下右側的​ 背景顏色

  4. 選取新的背景顏色。

  5. 按一下​ 確定 ​以確認變更。

  6. 套用這些相同的程式以變更按鈕的顏色

連結表單欄位 linking-form-fields

我們將連結頁面中的欄位與資料庫中的欄位,以儲存提供的資訊。

  1. 選取表單欄位。

  2. 編輯編輯器右側的​ Field ​區段。

  3. 選取您要連結至所選欄位的資料庫欄位。

  4. 對頁面上的每個欄位重複此程式。

您可以將欄位設為必要欄位:例如,按一下​ Email ​欄位,然後啟用​ 必要欄位 ​選項。

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

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

  2. 按一下​ Action ​下拉式功能表。

  3. 選取​ Next page ​動作。

插入個人化欄位 inserting-a-personalization-field

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

  1. 開啟​ Thank you ​頁面。

  2. 將游標放在您要插入收件者名字的文字區域中。

  3. 在工具列的​ Insert ​功能表中選取​ Personalization field

  4. 選取名字。

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

步驟3 — 發佈內容 step-3---publishing-content

內容會從網頁應用程式儀表板發佈。 按一下​ Publish ​按鈕以執行。

發佈期間會顯示記錄。 發佈系統會分析在網頁應用程式中找到的所有內容

NOTE
在發佈記錄檔中,警告和錯誤會依活動排序。

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

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1