第 5 步：賦予我們的登陸頁以生命力
Posted: Thu Dec 26, 2024 8:13 am
您是否已經透過 Marketing Cloud 建立了登陸頁面？現在是時候賦予它生命、動感、特殊的觸感或任何你想稱之為的東西了。這就是為什麼我們為您提供了社交分享按鈕、連結和圖示上的懸停效果的快速、簡單的範例。
因此，一旦創建了我們的目標網頁並應用了我們的樣式，就應該使其更具吸引力並鼓勵轉換。為此，我們將使用一系列非常簡單的懸停效果，我將在下面向您展示：
懸停在表單按鈕上：透過這種效果，我們將使其當我們將滑鼠懸停在按鈕上時，它會稍微向上移動，在按鈕底部創建一個輕微的陰影。
我們該怎麼做呢？
我們必須前往我們在本指南的第一步中建立並連結的 CSS 文件，並新增以下程式碼：
form button{
transition: all 300ms;
}
表單按鈕：懸停{
變換：translateY(-8px);
框陰影：0px 5px 10px #888；
}
社交共享區塊圖示的旋轉：透過這種效果，我們將實現當您將滑鼠移到社 克羅埃西亞 whatsapp 號碼資料 塊圖示上時，它們會旋轉 360°。
為此，我們必須轉到我們在本指南第一步中創建和連結的 CSS 文件，並添加以下程式碼：
.socialshare-innertable img{
transition: all 400ms;
}
.socialshare-innertable img:hover{
變換：translateZ(360deg)
}
正如您所看到的，Marketing Cloud 為我們提供了一種非常簡單的方法來建立有效的登陸頁面，以便我們可以將訪客轉換為註冊，並最終將他們轉換為客戶。由於其「拖放」系統，您實際上不需要了解任何有關程式碼的知識，因為要建立模組並為其提供基本的個人化設計，您所要做的就是將不同的區塊拖曳到模板中。
現在，為了充分利用該平台，了解某些類型的模組非常重要，例如智慧擷取（建立表單並將其直接與資料擴充整合）或參考內容（建立區塊範本我們稍後可以將其包含在我們的頁面中並進行全局修改）。
憑藉透過閱讀本文所獲得的知識，您現在將有足夠的資格開始創建自己的 LP，並透過這種方式開始捕捉我們迄今為止一直未能找到的所有線索。
新的號召性用語
安多尼·埃爾南德斯
安多尼·埃爾南德斯
InboundCycle 的前端主管，負責公司網站的佈局和控制營運。畢業於巴斯克大學 (UPV) 體育活動和運動科學專業。
安多尼埃爾南德斯94
訂閱部落格
Escribe tu email
He leído y acepto la Política de privacidad y cookies.*
分享文章
臉書圖示
推特圖標
領英圖示
Pinterest 圖標
WhatsApp 圖標
電子郵件圖示
您可能感興趣的其他文章...
因此，一旦創建了我們的目標網頁並應用了我們的樣式，就應該使其更具吸引力並鼓勵轉換。為此，我們將使用一系列非常簡單的懸停效果，我將在下面向您展示：
懸停在表單按鈕上：透過這種效果，我們將使其當我們將滑鼠懸停在按鈕上時，它會稍微向上移動，在按鈕底部創建一個輕微的陰影。
我們該怎麼做呢？
我們必須前往我們在本指南的第一步中建立並連結的 CSS 文件，並新增以下程式碼：
form button{
transition: all 300ms;
}
表單按鈕：懸停{
變換：translateY(-8px);
框陰影：0px 5px 10px #888；
}
社交共享區塊圖示的旋轉：透過這種效果，我們將實現當您將滑鼠移到社 克羅埃西亞 whatsapp 號碼資料 塊圖示上時，它們會旋轉 360°。
為此，我們必須轉到我們在本指南第一步中創建和連結的 CSS 文件，並添加以下程式碼：
.socialshare-innertable img{
transition: all 400ms;
}
.socialshare-innertable img:hover{
變換：translateZ(360deg)
}
正如您所看到的，Marketing Cloud 為我們提供了一種非常簡單的方法來建立有效的登陸頁面，以便我們可以將訪客轉換為註冊，並最終將他們轉換為客戶。由於其「拖放」系統，您實際上不需要了解任何有關程式碼的知識，因為要建立模組並為其提供基本的個人化設計，您所要做的就是將不同的區塊拖曳到模板中。
現在，為了充分利用該平台，了解某些類型的模組非常重要，例如智慧擷取（建立表單並將其直接與資料擴充整合）或參考內容（建立區塊範本我們稍後可以將其包含在我們的頁面中並進行全局修改）。
憑藉透過閱讀本文所獲得的知識，您現在將有足夠的資格開始創建自己的 LP，並透過這種方式開始捕捉我們迄今為止一直未能找到的所有線索。
新的號召性用語
安多尼·埃爾南德斯
安多尼·埃爾南德斯
InboundCycle 的前端主管，負責公司網站的佈局和控制營運。畢業於巴斯克大學 (UPV) 體育活動和運動科學專業。
安多尼埃爾南德斯94
訂閱部落格
Escribe tu email
He leído y acepto la Política de privacidad y cookies.*
分享文章
臉書圖示
推特圖標
領英圖示
Pinterest 圖標
WhatsApp 圖標
電子郵件圖示
您可能感興趣的其他文章...