如何使用 Mailrelay 將訂閱表格添加到您的登錄頁面

如果您從事營銷工作，您可能會閱讀有關創建登錄頁面作為有效銷售策略的一部分的重要性的信息。 如果您需要捕獲訂閱者、潛在客戶或客戶，則必須學習如何使用此功能。

正如你們中的許多人肯定知道的那樣，登陸頁面是一個頁面，用於接收在點擊廣告或橫幅（Facebook、谷歌或任何其他平台）後找到您的網站的訪問者。 它的使用越來越廣泛，在大多數情況下，其主要目的是捕獲潛在客戶或產生轉化。

著陸頁是為一個目的而創建的頁面：生成轉化。 一般來說，訪問此頁面的用戶對您提供的產品感興趣。 創建有效的著陸頁是一門藝術，因為您需要考慮各個方面，例如頁面設計和內容。 如果您已經知道著陸頁是什麼並且您想在您的營銷策略中使用此選項； 我們將解釋如何將 Mailrelay 訂閱表單添加到登錄頁面以捕獲潛在客戶和訂閱者。

重要說明：在這篇文章中，我們假設您已經在Mailrelay上創建了一個訂閱表單並複制了您將使用的 HTML 代碼。 因此，我們將專注於解釋如何將此代碼集成到登錄頁面中。 如果您還沒有創建表單或沒有復制 HTML 代碼，我們建議您查看其他帖子：Mailrelay V3 訂閱表單。

· 如何在 WordPress 中將訂閱表單添加到您的登錄頁面

選項 1：使用 Elementor

我們已經在其他文章中討論過 Elementor。 這是一個強大的插件，可在 WordPress 中使用，有免費和付費版本​​。 它是快速輕鬆地創建和編輯登錄頁面的理想選擇。

如果您的網站是使用 WordPress 創建的，強烈建議使用此插件來設置您的登錄頁面，因為該過程將簡單易行。 如果您尚未安裝該插件，您可以從 WordPress 存儲庫免費下載並使用它來創建您的登錄頁面。 開始吧？

進入 WP 管理面板後，您應該單擊“頁面”並添加一個新頁面。

您必須使用這個新頁面來插入將向訪問者顯示的內容。 在這種情況下，在開始編輯佈局之前，建議先進行一些調整。 例如，您應該命名該部分，選擇模板等。

我們經常看到沒有頂部欄菜單的登錄頁面。 當我們希望訪問者只關注內容，而不是通過單擊任何其他鏈接來“逃避”時，通常會使用這種方法。 這在為在線活動創建的登錄頁面上特別有用。

如果要實施此措施並刪除登錄頁面上的導航菜單，則應在右欄中查找屬性。 找到此選項後，在模板部分，選擇“Elementor Canva”並保存您的工作。

之後，打開 Elementor 構建器，單擊“使用 Elementor 編輯”並開始按照您要使用的結構構建登錄頁面。

創建頁面後，您必須實現訂閱表單。 在這種情況下，您可以獲取 HTML 代碼並將其插入到頁面中。

為此，您應該查找“代碼”模塊並將其包含在所需的列或部分中。 放置後，您必須在開始閱讀本文之前插入您複製的代碼。 在這種情況下，您必須粘貼 Mailrelay 生成的代碼以將其嵌入您的登錄頁面。

添加表單後，結果將如下所示。 請務必記住，結構和設計會因您安裝的模塊和元素而異。

在這一點上，我想指出的是，表單將顯示為您的模板或主題中標記的外觀和样式。 要進行樣式更改或修改，您需要編輯 HTML 或使用特定插件來自定義您的選擇加入表單。

選項 2：使用 Divi

Divi 是在 WordPress 中創建網站最常用的模板之一。 這個模板非常受歡迎，因為它提供了一個強大的視覺構建器，只需點擊幾下，您就可以創建吸引人的彩色頁面。

Divi 目前是一種高級（付費）工具，可用作模板和 WordPress 的可視化構建器。 如果您的網站是使用此模板創建的，或者您已經安裝了 Divi Builder 插件，請繼續閱讀，因為我們將逐步向您展示如何使用 Divi 在登錄頁面上添加訂閱表單。 開始吧？

這些步驟與我們在上一指南中看到的步驟非常相似，因此我們將遵循的過程與我們在 Elementor 中看到的非常相似。

首先，讓我們轉到“頁面”部分，然後單擊“添加新內容”。

訪問新頁面後，我們將開始編輯主要設置。 如果與前一種情況一樣，您想刪除登錄頁面的頂部欄，則應在右欄中查找“模板”選項，然後單擊“空白頁面”。

有了這個，我們將告訴 WordPress 我們不想在網站的這個特定部分顯示任何頂部欄。 很有趣，對吧？

為頁面命名並選擇模板設置後，不要忘記保存更改。

接下來，我們將開始使用 Divi 構建我們的登陸頁面。 為此，請單擊“Divi builder”，插件將顯示帶有登錄頁面構建器的屏幕。 默認情況下，Divi 為我們提供了多種選擇：我們可以使用默認模板並對其進行調整或從頭開始創建。 您可以選擇兩個選項之一。

一旦您設置了登陸頁面，就可以插入您的 Mailrelay 訂閱表格。 在這種情況下，我們將不得不在 Divi 的右側欄中查找“代碼”模塊並將其插入我們想要的列或部分。 完成後，插件將打開一個窗口，其中包含一個字段，我們可以在其中嵌入 Mailrelay 生成的 HTML 代碼。 如果您尚未創建 HTML 表單，請立即生成。

添加代碼後，您將能夠看到它如何在您的著陸頁上提供幫助。

與前一種情況一樣，表單將顯示為您的模板或主題中定義的樣式。 要進行更改，您必須手動編輯 HTML 或使用外部插件。

· 如何在不使用 WordPress 的情況下將訂閱表單添加到您的登錄頁面

儘管 WordPress 是用於創建網站的最常用的 CMS 之一，但您可能希望在不使用此平台的情況下創建登錄頁面。 但是，如果您不使用 WP，我們將推荐一些可用於快速創建自己的登錄頁面的工具。

在這一點上，重要的是要注意，這些工具中的大多數都不是免費的，但它們通常提供兩週或更長時間的測試，以便您可以開始使用該服務，看看這是否是您想要的。 測試該工具後，您可以決定是否有興趣為其付費。

在本文中，我們將重點解釋如何使用 Instapress 創建登錄頁面。 此工具是為不想手動設計頁面的用戶創建的，因此您可以編輯可用模板或創建自己的佈局。

您要做的第一件事是在平台上註冊以開始使用免費演示。 為此，請轉到 Instapage 頁面並創建一個帳戶。

訪問平台後，在桌面部分，單擊“創建新頁面”以開始創建您的登錄頁面。

在這裡，您將有多種選擇。 對於本教程，我們將選擇第一個： “標準頁面”。

選擇此選項後，您將進入另一個屏幕，您可以在其中從多個模板中進行選擇。 如果您想從頭開始創建您的頁面，您可以選擇“空白頁面”選項，或者您可以選擇預定義的模板之一。

在這種情況下，重要的是要明確無法使用模板中可用的訂閱框，因為我們將不得不使用 Mailrelay 生成的 HTML 代碼。

選擇要使用的選項後，向頁面添加名稱並開始編輯登錄頁面，為選擇加入表單留出空間。

編輯佈局後，您必須插入表單。 如果您在頂部檢查，您將看到幾個選項。 要添加表單，請單擊“HTML”。

該插件將顯示一個框，您可以將其放置在您想要的任何位置。 請注意，此框對應於表單，因此應將其放置在要顯示表單的位置。 要輸入 HTML 代碼，請單擊該框並選擇“編輯”按鈕。

該框將為空白，您可以輸入代碼。 粘貼 Mailrelay HTML 表單並單擊“完成”。 如果您正確地遵循了所有步驟，您將看到您的表單將如何顯示。

與前面的情況一樣，重要的是要注意表單不包括嵌入在 HTML 代碼中的樣式。 因此，如果要自定義它，則需要手動編輯代碼。 如果您不熟悉 HTML，我們建議您使用 Mailrelay 生成的默認表單。

最後，您必須單擊屏幕右上角的“保存”按鈕。

保存更改後，您必鬚髮布頁面。 為此，請單擊要發布的頁面，然後在下一個窗口中查找“發布”按鈕並單擊它。

要永久發布登錄頁面，您需要設置頁面 URL。 因此，單擊發布後，系統將顯示一個帶有配置選項的彈出窗口。 單擊“設置 URL”按鈕，然後在不同的可用選項中，為您的數字營銷策略選擇最佳選項。

如果您使用 WordPress，則可以選擇此選項並按照屏幕上的步驟發布頁面。 如果您不使用 WordPress，您應該單擊第一個選項“自定義域”並按照說明設置您的域。

在每個選項旁邊，您會找到一個“了解更多”鏈接。 如果需要查找有關您應該遵循的步驟的更多信息，請單擊此鏈接。 您將被定向到信息豐富的部分，其中包含進行必要更改和永久發布頁面所需的所有信息。

· 結論

如果您經營在線業務，您當然需要創建登錄頁面作為銷售策略的一部分。 正如我們在文章開頭所解釋的，這些頁面對於捕捉潛在客戶非常有用。

事實上，這是一個廣泛使用的工具，用於收集數據和創建郵件列表。 儘管大多數網站管理員更願意提供“禮物”或“誘餌”以換取數據，但獲取這些信息的策略可能會有很大差異。 我可以提供什麼樣的禮物？ 您可以創建教程、迷你課程、指南。 這將取決於您的銷售策略。

為了幫助您完成此任務，在本文中，我們希望展示用於創建登錄頁面的不同選項以及將 Mailrelay 訂閱表單與頁面集成時必須遵循的步驟。 在這種情況下，我們專注於 3 種不同的選擇。 但是，您可以使用任何其他提供嵌入外部 HTML 選項的工具來創建登錄頁面。

您是否曾經使用著陸頁來吸引客戶？ 你覺得有用嗎？