編輯網頁內容 edit-web-content
一旦您 已新增網頁動作 對於您的行銷活動，您可以使用網頁設計工具編輯網站內容。
在 Journey Optimizer，網頁製作由以下提供技術支援： Adobe Experience Cloud Visual Helper chrome瀏覽器擴充功能。 了解更多
存取下列章節以深入瞭解每個主題：
使用網頁設計工具 work-with-web-designer
若要開始撰寫網頁行銷活動，請遵循下列步驟。
-
從 動作 的標籤 行銷活動，選取 編輯內容.
-
如果您已建立符合規則的頁面，則必須輸入符合此規則的任何URL：變更將套用至符合規則的所有頁面。 頁面內容隨即顯示。
note note NOTE 如果您輸入單一URL作為網頁表面，則會填入要個人化的URL。 
note caution CAUTION 網頁必須包含 Adobe Experience Platform Web SDK. 了解更多 -
按一下 編輯網頁 以開始編寫。 網頁設計工具隨即顯示。
note note NOTE 如果您嘗試載入無法載入的網站，則會顯示一則訊息，建議您安裝 Visual Editing Helper瀏覽器擴充功能. 請參閱中疑難排解的一些提示 本節. -
從畫布中選取任何元素，例如影像、按鈕、段落、文字、容器、標題、連結等。 了解更多
-
使用：
-
上下文選單可編輯其內容、配置、插入連結或個人化等。
-
右側面板頂端的圖示可編輯、複製、刪除或隱藏每個元素。
-
根據所選元素動態變更的右側面板。 例如，您可以編輯元素的背景、印刷樣式、框線、大小、位置、間距、效果或內嵌樣式。
-
使用元件 content-components
新增個人化和優惠方案
若要新增個人化，請選取容器，然後從顯示的內容功能表列中選取個人化圖示。 使用運算式編輯器新增變更。 了解更多
使用 優惠決定 要插入的元件 優惠方案 放到您的網頁中。 程式與以下情況相同： 將優惠方案新增至電子郵件. 它會運用決策管理，挑選要提供給客戶的最佳優惠方案。
瀏覽網頁設計工具 navigate-web-designer
本節詳細說明您可以瀏覽Web設計工具的各種方式。 若要檢視及管理新增至您網站體驗的修改，請參閱 本節.
使用階層連結 breadcrumbs
-
從畫布中選取任何元素。
-
按一下 展開/摺疊階層連結 按鈕來快速顯示有關所選元素的資訊。
-
當您將游標停留在階層連結上時，編輯器中會反白顯示對應的元素。
-
您可以使用它輕鬆導覽至視覺編輯器中的任何父項、同層級專案或子項元素。
切換到瀏覽模式 browse-mode
您可以從預設值交換 設計 模式切換為 瀏覽 模式使用「專用」按鈕。
從 瀏覽 模式，您可以導覽至您要個人化之所選表面的確切頁面。
在處理經過驗證或無法從特定URL開始使用的頁面時，此外掛程式特別有用。 例如，您將能夠驗證、導覽至您的帳戶頁面或購物車頁面，然後切換回 設計 模式，以在您所需的頁面上執行變更。
使用 瀏覽 模式也可讓您在製作單頁應用程式時瀏覽網站的所有檢視。 了解更多
變更裝置大小 change-device-size
您可以將網頁設計工具顯示的裝置大小變更為預先定義的大小，例如 平板電腦 或 行動裝置橫向，或輸入所需畫素數來定義自訂大小。
您也可以將縮放焦點從25%變更為400%。
變更裝置大小的功能是專為可適當呈現在各種裝置、視窗和熒幕大小的回應式網站所設計。 回應式網站會自動調整並適應任何螢幕大小，包括桌上型電腦、筆記型電腦、平板電腦或行動電話。
操作說明影片 video
以下影片說明如何在中使用網頁設計工具製作網頁體驗 Journey Optimizer 行銷活動。