設計登陸頁面 designing-a-landing-page
關於登入頁面內容設計內容設計 about-content-design
會將登錄頁面建立為任何行銷活動的形式。
設計登錄頁面時,您需要定義頁面本身、確認頁面及錯誤頁面的內容。使用動作列下方的切換器,以顯示和設定其中的每個頁面。
登入頁面的內容是透過Campaign內容編輯器設計。
此頁面說明登錄頁面內容編輯器的特異性。如需一或多個行銷活動常見動作的詳細資訊,請參閱 設計電子郵件內容 指南中的下列區段:
登入頁面內容編輯器介面 landing-page-content-editor-interface
登錄頁面內容編輯器可讓您輕鬆定義、修改及個人化 Adobe Campaign 中的內容。若要存取,請按一下登錄頁面控制面板中的 Content 區塊。
內容編輯器會分為三個不同的區段。這些區段可讓您檢視和編輯內容。
- 螢幕左側的 浮動視窗 可讓您修改連結至所選取區塊的一般選項。可修改的選項是:背景顏色、邊框、文字對齊、可見度條件等。請參閱插入個人化欄位。
- 動作列 包含頁面的一般選項。您可以選取範本並變更顯示模式。
- 主要的 編輯區 可讓您使用內容工具列,直接與內容互動:將連結插入影像中、變更字型、刪除欄位等。
動作列包含 不同的按鈕,可讓您與正在建立的內容互動。
工具列 是編輯器介面的內容元素,該介面會根據選取的區域提供各種功能。其包含可讓您變更文字樣式的動作按鈕和按鈕。所進行的修改始終適用於選取的區域。舉例來說,選取區塊之後,您可以刪除或複製該區塊。選取區塊內部的文字之後,您可以將之轉換為連結或設為粗體。
管理登入頁面結構和樣式 managing-landing-page-structure-and-style
在內容編輯器中管理區塊 managing-blocks-in-the-content-editor
不同的 HTML 內容元素會在登錄頁面中顯示為區塊,且會與 <div> </div> 標記相對應。選取要與其互動的區塊。然後就會由藍色方塊包圍。
如果選取區塊,則相對應 HTML 元素的上層物件會顯示在編輯區域底部的階層連結中。
讓滑鼠停留在其中一個階層連結元素上方時,會反白顯示相關元素。因此,您可以輕鬆地在不同區塊之間導覽,並準確地選取您要修改的 HTML 元素。
使用浮動視窗和內容工具列中的選項來修改、刪除或複製區塊。
對於包含文字的區塊,請在區塊中再次按一下以啟用文字編輯模式。區塊周圍的外框會變成綠色。之後,您可以選取或輸入文字。使用浮動視窗和內容工具列中的選項來新增連結或修改文字格式。
可隨時從浮動視窗修改專為區塊中的元素(連結、個人化欄位、內容區塊等)定義的參數。
在內容編輯器中新增邊框和背景 adding-a-border-and-a-background-in-the-content-editor
您也可以從圖表選取一個顏色,以定義 背景顏色。此顏色會套用至所選取的區塊。
您可以將 邊框 新增至所選取的區塊。
在內容編輯器中變更文字樣式 changing-the-text-style-in-the-content-editor
若要變更文字的樣式,必須在文字區塊內部按一下。
若要變更文字對齊方式,請在左側的浮動視窗中選取下列三個圖示之一:
- 靠左對齊:將文字對齊所選取區塊的左側(新增 style="text-align: left;")。
- 置中:將所選取區塊中的文字置中對齊(新增 style="text-align: center;")。
- 靠右對齊:將文字對齊所選取區塊的右側(新增 style="text-align: right;")。
您也可以使用工具列來變更字型屬性:調整字型大小、使文字變為粗體或斜體、畫底線或變更文字的顏色。請參閱本區段。
在登入頁面中插入影像 inserting-images-in-a-landing-page
-
在登錄頁面內容中,選取包含影像的區塊。
-
選取 Insert 按鈕。
-
從內容工具列選取 Local image。
-
選取檔案。
-
視需要調整影像屬性。
在登入頁面中定義動態內容 defining-dynamic-content-in-a-landing-page
若要定義登錄頁面中的動態內容,請使用階層連結或直接按一下元素來選取區塊。
無法直接選取特定區塊(例如影像)。在此情況下,請使用階層連結來選取上層區塊。之後,您可以修改此上層元素中包含的所有元素,包括影像。此條件將套用至上層區塊內的所有下層元素。
階層連結會顯示在管理區塊區段中。
在登錄頁面中定義動態內容的後續步驟類似於電子郵件的後續步驟。請參閱本區段。
您可以在區塊的不同動態內容之間導覽。操作步驟:
-
選取區塊。
箭頭會出現在影像的右側和左側。
-
按一下右箭頭,瀏覽可用的動態內容。
每側的箭頭會根據您到達最後一個或第一個可用的動態內容而變暗。
-
若要刪除套用至區塊的所有條件,請選取該區塊並按一下 Disable dynamic content 圖示。
-
選取您要保留的動態內容。
在浮動視窗中:
- 已輸入運算式的內容將不會再有紅色外框,而會以灰色顯示。
- 目前選取的內容會以藍色顯示。