著陸頁可以通過鼓勵訪問者采取所需的行動來提高您的wordpress網(wǎng)站的轉(zhuǎn)化率，例如訂閱新聞通訊、購買產(chǎn)品或注冊網(wǎng)站。

雖然著陸頁的平均轉(zhuǎn)化率為9.7%，但添加圖片或社交等元素可能會進一步提高轉(zhuǎn)化率。因此，創(chuàng)建一個好的目標網(wǎng)頁對于促進您的業(yè)務(wù)至關(guān)重要。

在本文中，我們將向您展示如何在WordPress中創(chuàng)建著陸頁并討論何時使用的三種簡單有效的方法。

• 使用插件創(chuàng)建WordPress著陸頁
  • 1. 安裝插件
  • 2. 添加一個新的著陸頁
  • 3. 選擇和自定義著陸頁模板
  • 4. 與第三方工具集成
  • 5. 發(fā)布您的WordPress著陸頁
• 使用wordpress主題創(chuàng)建著陸頁
  • 1. 添加新頁面
  • 2. 將著陸頁設(shè)置為靜態(tài)主頁
  • 3. 使用WordPress編輯器自定義著陸頁
  • 4. 點擊發(fā)布
• 手動創(chuàng)建著陸頁
  • 1. 創(chuàng)建一個子主題
  • 2. 修改style.css文件
  • 3. 創(chuàng)建functions.php文件
  • 4. 激活子主題
  • 5. 建立一個新的自定義頁面
  • 6. 使用CSS自定義著陸頁
• 何時使用著陸頁

使用插件創(chuàng)建WordPress著陸頁

著陸頁是指為營銷目的而設(shè)計的網(wǎng)頁，例如介紹新產(chǎn)品。它可以是鏈接到網(wǎng)站或其一部分的獨立頁面。

幸運的是，WordPress網(wǎng)站提供了廣泛的功能，可以輕松地為您的企業(yè)構(gòu)建網(wǎng)站和著陸頁。

創(chuàng)建著陸頁的最佳方法之一是使用插件。使用這種方法，即使是初學者也可以創(chuàng)建一個專業(yè)且引人注目的著陸頁，因為許多WordPress插件都提供了拖放構(gòu)建器和預制模板。

1. 安裝插件

根據(jù)我們的專家的選擇，以下是可用的最佳WordPress著陸頁插件列表：

• Elementor?– 一個強大的構(gòu)建器插件，具有令人驚嘆的動畫效果。
• Divi?–最好的WordPress頁面構(gòu)建器之一，具有直觀的可視化編輯器。
• Beaver Builder – 一個直觀的著陸頁構(gòu)建器插件，適用于大多數(shù)WordPress主題。
• SeedProd?–最好的WordPress插件之一，具有許多設(shè)計模板選項、用戶友好的界面和拖放頁面構(gòu)建器。

在本教程中，我們將使用SeedProd插件為您的WordPress網(wǎng)站創(chuàng)建一個高轉(zhuǎn)化率的著陸頁。

首先，您需要登錄您的WordPress儀表盤，轉(zhuǎn)到插件->?安裝插件，然后使用搜索框找到SeedProd插件。然后，在您的WordPress網(wǎng)站上安裝并激活該插件。

SeedProd是一個免費增值插件——您可以從每年39.50美元起購買它的高級版本。要進行設(shè)置，您需要輸入SeedProd帳戶中的許可證密鑰。

2.添加一個新的著陸頁

激活插件后，您將被重定向到SeedProd著陸頁儀表盤。在頁面頂部，將有四個著陸頁選項。

要添加新的著陸頁，請單擊底部的Create New Landing Page。

3.選擇和自定義著陸頁模板

添加新的著陸頁后，您需要為其選擇一個設(shè)計模板。SeedProd提供了許多適用于不同類型活動的著陸頁模板。

或者，通過單擊空白模板從頭開始創(chuàng)建著陸頁。

選擇模板后，輸入頁面名稱和URL。

提示：在頁面URL中使用焦點關(guān)鍵字來提高您在搜索引擎上的可見性并為您的WordPress網(wǎng)站獲得更多流量。

完成詳細信息編輯后，選擇保存并開始編輯頁面以自定義您的第一個著陸頁。

使用左側(cè)的區(qū)塊菜單，您可以添加或編輯文本、圖像和視頻等各種元素。為此，只需單擊所需的元素。

更改背景顏色、圖像和對齊方式，使您的目標網(wǎng)頁與您的品牌相匹配?；蛘撸x擇左下角的全局設(shè)置。

聯(lián)系表單區(qū)塊可以與WPForms插件集成，使您能夠使用其附加功能將新創(chuàng)建的WordPress表單更改為自定義表單著陸頁。

如果要復制區(qū)塊，請單擊鼠標懸停時出現(xiàn)的文件圖標。還有其他用于刪除、移動和保存區(qū)塊的圖標來簡化您的設(shè)計過程。

由于SeedProd還與WooCommerce集成，您可以為電子商務(wù)商店創(chuàng)建著陸頁。合并其塊，例如添加到購物車按鈕、產(chǎn)品網(wǎng)格和銷售產(chǎn)品，將幫助您制作一個引人入勝的頁面。

例如，您可以通過為您的在線商店添加“立即購買”按鈕和特價產(chǎn)品來創(chuàng)建交互式產(chǎn)品著陸頁。

此外，SeedProd的“Sections”菜單為著陸頁設(shè)計提供了許多類別選項，包括標題、Hero、號召性用語和常見問題解答。

完成著陸頁設(shè)計后，點擊右上角的保存按鈕。

4.與第三方工具集成

許多企業(yè)使用各種工具來幫助他們獲得更多客戶并增加收入。

使用SeedProd，您的著陸頁可以與流行的營銷工具連接，以提高您的活動績效。以下是我們對SeedProd第三方工具的主要建議：

• MailChimp?– 最受歡迎的電子郵件營銷服務(wù)之一。它提供了自動回復功能。
• Constant Contact?– 一種電子郵件營銷工具，提供數(shù)百個電子郵件模板和拖放構(gòu)建器。
• Monsterinsights – 最受歡迎的Google Analytics（分析）工具，可提供對您網(wǎng)站性能的洞察。
• Zapier – 一種自動化工具，與500多項服務(wù)集成，用于從注冊表單中收集電子郵件。

要將您的WordPress網(wǎng)站的著陸頁與第三方工具連接，請單擊“Connect”選項卡并選擇您想要的服務(wù)。

例如，將您的著陸頁與電子郵件營銷服務(wù)連接起來，會自動將他們在您的著陸頁上輸入的網(wǎng)站訪問者的聯(lián)系方式添加到您的電子郵件列表中。

5. 在WordPress中發(fā)布您的著陸頁

編輯頁面模板并設(shè)置第三方工具后，是時候發(fā)布您的WordPress著陸頁了。

為此，請返回“Design”選項卡，單擊“Save”按鈕旁邊的下拉箭頭，然后按“Publish” 。

現(xiàn)在，選擇See Live Page按鈕以查看結(jié)果。

如需進一步自定義，您可以通過“Page Settings”選項卡配置您的常規(guī)頁面、SEO和分析設(shè)置。

例如，您可以將任意數(shù)量的著陸頁鏈接到您的自定義域名，而不是使用多個WordPress站點。為此，請單擊Custom Domain菜單，然后輸入您的域名。請注意，此功能僅適用于SeedProd高級版本。

使用WordPress主題創(chuàng)建著陸頁

除了使用插件之外，創(chuàng)建著陸頁的另一種方法是安裝WordPress主題。這樣做可以讓您自定義WordPress著陸頁的布局和設(shè)計，而無需更改其主題。

但是，并非所有WordPress主題都提供著陸頁模板。

• Astra – 提供150多個預制模板，這些模板與WooCommerce和Elementor等流行工具完全集成。
• Neve – 提供與Gutenberg編輯器和WooCommerce兼容的多用途主題。
• Portum Material – 帶有全角滑塊、CTA用語按鈕和動畫功能，可讓您的著陸頁更具吸引力。

現(xiàn)在，讓我們逐步了解如何在WordPress中創(chuàng)建帶有主題的著陸頁。

1.添加新頁面

按照以下步驟添加新的WordPress頁面：

1. 從您的WordPress儀表盤添加新主題。
2. 單擊外觀->主題->安裝主題。
3. 選擇并激活您的WordPress主題。在本教程中，我們將使用Neve。

4. 設(shè)置主題后，轉(zhuǎn)到頁面?->?新建頁面以創(chuàng)建著陸頁?；蛘?，從頁面頂部的+ 按鈕?->頁面添加新頁面。

5. 現(xiàn)在，您應(yīng)該看到一個空白頁。為您的自定義著陸頁命名。
6. 從側(cè)邊欄的模板菜單中選擇Page Builder Full Width (Neve) 。

2.將著陸頁設(shè)置為靜態(tài)主頁

之后，您需要將新頁面設(shè)置為靜態(tài)主頁。請記住，這與您的常規(guī)主頁不同——靜態(tài)頁面將確保訪問者在點擊您的網(wǎng)站時登陸它。

轉(zhuǎn)到設(shè)置->閱讀，然后從主頁下拉菜單中選擇您為著陸頁創(chuàng)建的頁面名稱。然后，單擊保存更改。

保存后，通過轉(zhuǎn)到外觀->自定義開始自定義著陸頁主題。您將找到用于編輯頁面元素的選項，例如布局、標題、按鈕、顏色和背景。

3. 使用WordPress編輯器自定義著陸頁

除了修改主題外，您還可以使用WordPress Gutenberg編輯器自定義著陸頁。

請注意，此區(qū)塊編輯器帶有WordPress 5.0及更高版本。如果您使用舊版本的WordPress，則必須安裝Gutenberg插件。

要自定義您的頁面，請單擊+ 框以查看所有可用區(qū)塊。

在搜索框中找到要使用的區(qū)塊，然后單擊它以添加它。

添加區(qū)塊后，您可以通過側(cè)邊欄的“區(qū)塊”選項卡或單擊其上方的三個垂直點對其進行編輯。

例如，要將您的產(chǎn)品及其描述添加到您的著陸頁，請使用具有兩列布局的媒體和文本塊。

為此，只需單擊添加區(qū)塊->媒體和文本->上傳。從您的計算機或WordPress媒體庫中選擇一個圖像。

此外，您可以使用社交圖標區(qū)塊添加指向社交媒體頁面的鏈接。這樣做有助于提高您的品牌知名度。

4.點擊發(fā)布

一旦您對結(jié)果感到滿意，請使用“Preview”按鈕查看您的著陸頁，以確保一切正常。

最后，點擊右上角的Publish按鈕。

手動創(chuàng)建著陸頁

如何在WordPress中創(chuàng)建著陸頁的最后一種方法是使用頁面模板。請注意，您需要一些編碼技能才能從頭開始構(gòu)建自定義著陸頁。

當您需要更多的設(shè)計靈活性和自定義選項時，我們建議您使用手動方法。例如，為專用域創(chuàng)建著陸頁是完美的。

在本分步指南中，我們將向您展示如何使用現(xiàn)有的WordPress主題構(gòu)建自定義著陸頁模板。

1.創(chuàng)建一個子主題

創(chuàng)建子主題對于創(chuàng)建自定義WordPress頁面模板至關(guān)重要，因為它允許您在不破壞其核心功能的情況下對其進行自定義。

對于這種方法，我們將創(chuàng)建一個子主題。請記住，該過程需要一些HTML、CSS和PHP知識。

首先，轉(zhuǎn)到寶塔面板 ->文件。

然后，導航到網(wǎng)站根目錄?->?wp-content?->themes，單擊右上角的新建文件夾，然后為您的子主題輸入名稱。

或者，通過像FileZilla這樣的FTP客戶端連接到您的站點，并在您的wp-content/themes目錄中創(chuàng)建一個新文件夾。

2.修改style.css文件

接下來，您需要創(chuàng)建一個新的style.css文件，該文件將成為子主題文件夾中的新樣式表。向其中添加以下代碼：

*/
Theme Name: Twenty Twenty-One Child
Theme URI: http://yourdomain.com
Description: Twenty Twenty-One Child
Theme Author: Your Name
Author URI: http://yourdomain.com
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images
*/

此代碼包含有關(guān)子主題的基本信息，包括其名稱和父主題。根據(jù)您選擇的父主題修改style.css文件后，單擊Save和Close。

3.創(chuàng)建functions.php文件

下一步是將父主題和子主題的樣式表排入隊列。為此，請在子主題的文件夾中創(chuàng)建一個名為functions.php的新文件。

從打開的PHP標記開始，然后添加函數(shù)以將父主題的樣式表排入隊列。例如，您可以插入以下代碼：

您現(xiàn)在有一個新的正常運行的子主題，它將在您的父主題之后加載。

4.激活子主題

您的子主題現(xiàn)在可以使用了，所以轉(zhuǎn)到您的 WordPress 管理區(qū)域并單擊外觀->主題->啟用。

5. 建立一個新的自定義頁面

激活新主題后，您可以為您的著陸頁構(gòu)建一個具有獨特布局的自定義WordPress頁面模板。

首先在您的子主題文件夾中創(chuàng)建一個名為landing-page.php的新文件，并向其中添加以下代碼：

根據(jù)需要更改模板名稱。然后，單擊保存并關(guān)閉。

如果您在WordPress網(wǎng)站上編輯或添加頁面，您將看到新的自定義模板可供從側(cè)邊欄的菜單中選擇。但是，它仍然是空白的，因為我們還沒有添加任何內(nèi)容。

6. 使用CSS自定義著陸頁

創(chuàng)建著陸頁模板后，是時候?qū)ζ溥M行自定義了。

首先，復制以get_header()開頭的現(xiàn)有代碼；父主題的page.php文件中的一行——它將位于public_html?->?wp-content?->?Themes?->?yourtheme。將其粘貼到您的landing-page.php文件并保存更改。這是您的代碼應(yīng)如下所示：

您可以編輯頁面模板并向其添加代碼，方法是轉(zhuǎn)到外觀->?主題文件編輯器。

由于大多數(shù)著陸頁通常沒有側(cè)邊欄和頁腳以最大程度地減少干擾，因此請通過刪除以下兩行來刪除它們：

get_sidebar();
get_footer();

要向著陸頁添加更多內(nèi)容，請使用WordPress編輯器。此外，您可以通過帶有Gutenberg Forms插件的區(qū)塊編輯器免費構(gòu)建自定義表單著陸頁。

為了幫助您的目標網(wǎng)頁在競爭中脫穎而出，請通過您的style.css文件或?qū)Ш街?strong>外觀->自定義添加更多功能。

使用額外的CSS，您可以修改樣式表。這包括更改其背景和側(cè)邊欄顏色以及修改其字體類型。

要更改背景顏色，請?zhí)砑右韵麓a：

.site-content-contain {
   background-color: #DEF0F5;
   position: relative;
}

這將根據(jù)十六進制代碼添加淺綠色背景色，如下圖所示：

同時，要更改著陸頁的字體類型、大小和顏色，請插入以下代碼：

p {
color: teal;
}
p {
font-family: Georgia;
font-size: 22px
}

請注意，此代碼僅更改您的正文，如下圖所示：

或者，如果您想更改標題，請?zhí)砑右韵麓a片段：

h1?{
??color:?white;
??text-align:?center;
}

何時使用著陸頁

為了讓您更好地了解著陸頁如何幫助您的業(yè)務(wù)，請查看它們的四個用例：

• 通訊注冊。電子郵件通訊將幫助您與客戶建立聯(lián)系。您可以使用專用的表單著陸頁來強制訪問者加入您的郵件列表。用簡短的文案寫一個清晰醒目的標題，以吸引更多訪問者。
• 活動注冊。專用表單著陸頁是宣傳即將舉行的活動（例如網(wǎng)絡(luò)研討會、社區(qū)聚會或會議）的好方法。使您的著陸頁表格清晰易懂，以推動門票銷售和注冊。您還可以添加倒數(shù)計時器來營造緊迫感。
• 即將推出的頁面。如果您有新的網(wǎng)站、產(chǎn)品或服務(wù)，創(chuàng)建即將推出的著陸頁將有助于建立品牌興奮度并吸引潛在客戶。使用明確的號召性用語并提供社交媒體鏈接將優(yōu)化您即將推出的頁面。
• 反饋。添加一個在線表單，為您的網(wǎng)站訪問者提供價值，以換取他們的建議和反饋。促銷代碼是訪客輸入的常見獎勵。

例如，查看Food for Others的訂閱通訊著陸頁，該頁面具有簡單干凈的布局和清晰的標題。憑借其無干擾的著陸頁，網(wǎng)站訪問者可以輕松專注于內(nèi)容。

提示：發(fā)布著陸頁后，使用WordPress A/B測試對其進行分析并優(yōu)化您的轉(zhuǎn)化率。它將幫助您找出最適合您的廣告系列的文案和設(shè)計。

結(jié)論

著陸頁是WordPress網(wǎng)站的基本元素，可提高其轉(zhuǎn)化率和客戶參與度。在WordPress中創(chuàng)建著陸頁有三種主要方法。

如果您是初學者，請使用插件或主題來創(chuàng)建WordPress著陸頁。借助插件和主題提供的許多功能，您將能夠像專家一樣自定義和優(yōu)化您的著陸頁。

如果您已經(jīng)熟悉HTML、PHP和CSS，那么從頭開始構(gòu)建著陸頁是一個更好的解決方案，因為它提供了更大的靈活性。

無論您選擇什么選項，請使用引人注目的標題、簡單的設(shè)計和明確的號召性用語來創(chuàng)建高轉(zhuǎn)化率的目標網(wǎng)頁。