登陸頁面設計

若要開始您的內容設計，請從​ 結構 ​拖曳一個專案，然後將其放到畫布上。

視需要從​ 結構 ​新增任意數目的專案，並編輯右側窗格中每個專案的設定。

{width="800" modal="regular"}

每個欄大小不能小於結構元件總寬度的10%。 只能移除空白欄。

展開​ 內容 ​區段，並視需要新增內容元件至一或多個結構元件。

{width="800" modal="regular"}

如有需要，您可以在​ 設定 ​或​ 樣式 ​標籤中為每個元件進行其他自訂。

例如，您可以變更每個元件的文字樣式、邊框間距或邊界。

若要新增條件式內容並根據條件式規則將內容調整至目標設定檔，請選取內容元件，然後按一下元件工具列中的「啟用條件式內容」圖示。

如需詳細資訊，請參閱​條件式內容。

在右側顯示的​ 樣式 ​索引標籤中，按一下​新增自訂CSS。

新增自訂CSS​彈出式編輯器會顯示預留位置代碼註解。

在編輯器中輸入CSS程式碼。

請確定自訂CSS有效並遵循正確語法。 如果輸入的CSS無效，會顯示錯誤訊息且無法儲存CSS。 若要深入瞭解，請參閱CSS有效性。

按一下[儲存]儲存自訂CSS。​

自訂樣式表會套用至現有內容。 您可以檢查自訂CSS是否已根據您的需求套用。 如需如何進行變更及調整樣式表應用程式的詳細資訊，請參閱疑難排解。

在​ 內容 ​區段下，拖曳​ 表單 ​專案並將其放到頁面設計空間的結構元件中。

{width="600"}

按一下元件工具列中的​ 表單 ​圖示，或使用右側的​ 內嵌表單 ​屬性來選取已發佈的表單。

{width="600"}

如果您要覆寫表單的預設​後續追蹤型別，請根據您的頁面或範本需求變更設定。

這也稱為表單的​感謝頁面，此設定會決定訪客提交表單時會發生什麼情況：

• 停留在頁面 — 選擇此選項可在提交表單時讓訪客停留在相同頁面。

• 登陸頁面 — 選擇此選項可選取任何Journey Optimizer B2B edition或Marketo Engage登陸頁面作為後續追蹤。

• 外部URL — 選擇此選項可指定任何URL作為後續頁面。 訪客提交表單後，瀏覽器會載入指定的URL。

  note tip
  TIP
  如果您希望使用表單下載檔案，您可以指定託管檔案的URL。 透過此設定，提交按鈕可作為下載按鈕運作。

{width="280"}

如果您要依裝置型別限制表單顯示，請變更​ 顯示選項 ​設定：

• 僅在案頭裝置上顯示
• 僅在行動裝置上顯示
• 在所有裝置上顯示 （預設）

如有需要，請選取右側面板中的​ 樣式 ​索引標籤，以設定頁面中的表單邊界。

直接在畫布中選取結構元件中的欄，或使用左側顯示的​導覽樹狀結構。

在欄工具列中，按一下​ 選取欄 ​工具，然後選擇您要編輯的工具。

您也可以從結構樹中選取它。 該欄的可編輯引數會顯示在右側的​ 設定 ​和​ 樣式 ​索引標籤中。

在視覺化設計工具中顯示的 {width="800" modal="regular"}

若要編輯欄屬性，請按一下右側的​ 樣式 ​索引標籤，並根據您的需求加以變更：

• 針對​背景，視需要變更背景顏色。

  清除透明背景的核取方塊。 啟用​ 背景影像 ​設定，以使用影像做為背景，而非純色。

• 針對​對齊，請選取​上、中​或​ 下 ​圖示。

• 針對​內距，定義所有邊的內距。

  若要微調內距，請選取​每一邊不同的內距。 按一下​ 鎖定 ​圖示以中斷同步處理。

• 擴充​ 進階 ​區段以定義資料行的內嵌樣式。

{width="700" modal="regular"}

如有需要，請重複這些步驟來調整元件中其他欄的對齊與邊框間距。

儲存您的變更。

選取文字元件，然後按一下工具列中的​ 新增個人化 ​圖示。

{width="600"}

此動作會開啟​ 編輯Personalization ​對話方塊。

按一下​ + ​或​…，將權杖新增至空白空間。

{width="700" modal="regular"}

按一下​儲存。

按一下左側的​ 連結 ​圖示（ ）以顯示您要追蹤內容中的所有連結URL。

如有需要，請按一下​編輯 （ ）圖示，並修改​ 追蹤型別 ​或​標籤。

您也可以為連結新增​標籤。