如何在WordPress中創建AMP表單(一步一步)

[ad_1]
如何在WordPress中創建放大器窗體

您想在WordPress網站上創建一個AMP友好(加速移動頁面)聯繫表格嗎?

這就是WPForms插件派上用場的地方。 WPForms是最易於使用的表單生成器插件之一,它允許您通過幾個簡單快捷的步驟為您的網站創建漂亮的AMP友好聯繫表單。

在本文中,我們將向您展示如何使用WPForms插件在WordPress網站上創建一個出色的APM友好聯繫表單。但在此之前,讓我們快速了解AMP的重要性。

為什麼要創建AMP頁面和AMP表單

根據一項研究,谷歌近60%的搜索查詢來自移動設備。通過使您的網站對AMP友好,您可以確保您的網站在移動設備上載入更快。

Google Accelerated Mobile Project是Google的一項開源計劃,旨在通過開放網路在很大程度上加快移動瀏覽體驗。 AMP使移動瀏覽體驗向前邁進了一步。基本思想是通過使用針對速度優化的額外輕量級模板來顯著提高網站的頁面速度。

更快的載入網頁可提供更好的用戶體驗,並鼓勵訪問者在您的網站上停留更長時間。這樣,您可以降低跳出率並增加提高排名的可能性。

但是,由於AMP使用單獨的輕量級模板來載入頁面,因此可能會影響聯繫表單,javascript函數和其他元素。

要在AMP頁面上顯示聯繫表單,您可以使用 WPFormsWordPress的最佳表單插件

我們現在來看看如何使用 WPForms創建聯繫表單 在您的AMP頁面上。

第1步:安裝Google AMP插件

在我們深入了解並創建表單之前,讓我們先看看如何在您的網站上創建AMP頁面。該 AMP 插件是WordPress上的官方Google AMP插件。

要查找此插件,請通過導航到插件»添加新來搜索搜索框中的AMP。

現在單擊「立即安裝」按鈕,然後單擊「激活」按鈕,讓它開始工作。

AMP插件,Google AMP

第2步:在WordPress上安裝WPForms

接下來,讓我們在您的網站上安裝WPForms插件。為此,只需登錄您的WordPress儀錶板,然後轉到插件»添加新。現在,在屏幕右上角的搜索欄中鍵入WPForms。

找到插件後,單擊立即安裝按鈕,然後激活插件以開始工作。

WPForms Lite,AMP友好的聯繫表單插件

第3步:使用WPForms創建第一個表單

使用創建第一個表單 WPForms,轉到您的WordPress儀錶板並導航到WPForms»添加新的

您現在將在屏幕上顯示以下窗口。

wordpress中的放大器聯繫表單

您將在此處看到4種不同的選項。根據您的要求,您可以選擇最適合您需求的模板。

為了本教程的目的,讓我們選擇Simple Contact Form選項。現在,您將被重定向到拖放表單構建器,您可以在其中添加或刪除剛剛選擇的預構建模板的欄位。

放大器聯繫頁面構建器

所有可用欄位都顯示在左側。只有將插件升級到高級版本時,才能使用花哨的欄位。但是,標準欄位也很好。

要在表單中添加欄位,只需將其從左側拖動並將其放在右側的表單部分即可。

如果要從表單中刪除欄位,只需將游標懸停在該特定欄位上即可。您將在該欄位的右上角看到一個刪除圖標。

從wpforms中刪除一個欄位

只需點擊該選項,您的欄位就會被刪除。使用此方法,您可以從表單中刪除您認為不需要的任何欄位。

您還可以選擇更改欄位選項。您可以更改欄位的格式,字體的大小,隱藏或顯示標籤和子標籤等。

完成後,單擊表單右上角的「保存」按鈕,這樣您就不會丟失更改。

現在,如果您查看面板的左側,您將看到一個名為「設置」的選項。單擊它時,您將看到幾個選項。對於lite版本,您只能使用前三個選項。

在「常規」選項下,您可以更改表單名稱,添加說明,更改提交按鈕文本,更改提交按鈕處理文本等。它還允許您啟用反垃圾郵件蜜罐和Ajax表單提交選項。

放大器聯繫表格一般設置

現在去通知。此選項有幾個選項供您填寫。此部分的主要欄位是「來自電子郵件」欄位。您可以在此處添加您的網站或品牌電子郵件地址。您還應確保已將您的網站配置為授權服務提供商以發送電子郵件。

第4步:顯示您的第一個表單

要顯示您的第一個表單,請轉到您希望表單顯示的頁面。如果要創建新頁面,請單擊頁面»添加新頁面。為您的頁面添加標題。

單擊+圖標將塊添加到Gutenberg編輯器。然後鍵入WPForms,一旦出現,單擊它。

嵌入放大器聯繫表格

接下來,您將被要求選擇正確的聯繫表格,因此請選擇表格。

放大器聯繫頁面

您現在可以單擊WordPress儀錶板右側的「發布」按鈕發布您的帖子。您的WordPress AMP表格現已上線。

您還可以使用在此過程開始時可用的新聞稿Letter SignUp表單和建議表單模板。根據您的要求,選擇您想要的網站模板。空白表單選項允許您從頭創建表單。如果您想要一個全新的表單,請嘗試該選項

這就是它。您的網站現在應該具有您想要創建的AMP友好聯繫表單。

我們希望這篇文章對您有所幫助。如果您喜歡這篇文章,您可能還想閱讀我們的分步指南 如何在WordPress上創建多頁表單

相關文章