WordPress 教学

如何自訂 WordPress 重置密碼頁面

為什麼要自訂 WordPress 重置密碼頁面?

您的 WordPress 網站具有強大的用戶管理系統,允許人們創建用戶帳號,登錄和重置密碼。默認情況下,這些頁面顯示 WordPress 的品牌和標誌。有時這不是大問題,尤其是當您或您的團隊是唯一登錄管理區域的人時。

然而,如果您運行的是電子商務商店或會員網站,那麼您的客戶也可能需要登錄。通過將這些頁面自訂為符合您的網站設計和品牌,您可以提供更好的用戶體驗。如果願意,您還可以添加額外的內容,例如您的標誌或最近的帖子列表。

您可能已經按照我們的其他指南添加了自訂用戶註冊表格和登錄頁面。現在,讓我們來看看如何自訂重置密碼頁面。只需使用以下快速連結直接跳轉到您想要使用的方法:

方法1: 使用 Formidable Forms 自訂重置密碼頁面(簡單)

最簡單的替換 WordPress 密碼重置頁面的方法是使用 Formidable Forms 插件。該插件允許您通過短代碼替換默認的密碼重置頁面。此方法不允許您編輯重置密碼表格,但您可以在周圍添加自己的內容。例如,您可以使用標準的 WordPress 發帖編輯器添加文本、圖片和其他內容。

首先,您需要安裝 Formidable Forms 插件。要了解更多,請查看我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,您還需要安裝 Formidable Forms Lite。這個免費插件提供了高級插件更多功能的核心基礎。

完成這些操作後,請前往儀表板中的 Formidable Forms » 全域設定頁面,選擇“點擊手動輸入許可證密鑰”。您可以在 Formidable Forms 網站上的帳戶中找到許可證密鑰。輸入此資訊後,點擊“儲存許可證”按鈕。

接下來,您必須通過前往 Formidable » 插件頁安裝用戶註冊附加功能。在此屏幕上,找到用戶註冊附加功能並點擊其“安裝”按鈕。

現在,您已準備好通過前往頁面 » 新增頁面來創建自訂的重置密碼頁面。首先,給頁面命名,然後點擊“+”按鈕。在彈出窗口中,開始輸入“短代碼”。

只需點擊正確的區塊即可將其添加到頁面中。現在,您可以添加如下短代碼: [frm-reset-password]。

此時,您可以添加其他任何想在重置密碼頁面上顯示的內容。當您對頁面的設置感到滿意時,點擊“發布”按鈕使其生效。

最後,您需要告訴 WordPress 使用此頁面而不是默認的重置密碼頁面。為此,請前往 Formidable » 全域設定,然後在選單中點擊“註冊”標籤。從這裡,您只需打開“重置密碼頁面”下拉選單,選擇您剛創建的頁面。不要忘記點擊螢幕頂部的“更新”按鈕以儲存您的設定。

現在,您可以訪問您的 WordPress 網站查看自訂的重置密碼頁面。

方法2: 使用 Theme My Login 自訂所有會員頁面(免費)

為了提供一致的用戶體驗,使用相同的樣式設計所有會員頁面是一個好主意。Theme My Login 是一個免費插件,允許您替換內建的 WordPress 儀表板、登錄、登出、註冊、忘記密碼和重置密碼頁面。它不是最可自訂的解決方案,但其所有頁面都會使用您的 WordPress 主題。

首先,您需要安裝並啟用 Theme My Login 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,Theme My Login 會自動為您的自訂登錄、登出、註冊、忘記密碼和重置密碼屏幕創建 URL。您可以通過前往 Theme My Login » 總覽頁面查看這些 URL。

要替換這些頁面中的任何一個,您只需創建一個具有此精確 URL 的新頁面。

方法3: 使用 WPForms 創建完全自訂的重置密碼頁面

如果您想使用完全自訂的表單替換默認的重置密碼頁面,我們建議使用 WPForms 插件。該插件擁有“用戶密碼重置表單”模板,您可以自訂文本、圖片和品牌。您還可以添加和刪除字段,以僅收集您想從會員那裡獲取的信息。

首先,您需要安裝並啟用 WPForms 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,前往 WPForms » 設定 並輸入您的許可證密鑰。您可以在 WPForms 網站上的帳戶中找到此信息。

輸入許可證密鑰後,您需要安裝用戶註冊附加功能,允許您為您的站點創建自訂的用戶註冊、重置密碼和登錄表單。在儀表板中,前往 WPForms » 插件並找到用戶註冊附加功能。只需點擊“安裝插件”以下載它,然後點擊“啟用”以使其生效。

現在,您已準備好創建自己的自訂重置密碼表單,請前往 WPForms » 新增頁面。在此,輸入新表單的標題。完成後,捲動到“用戶密碼重置表單”模板並點擊其“使用模板”按鈕。

WPForms 現在會加載用戶密碼重置表單模板。要使用您自己的文本、標籤或說明來自訂任何字段,只需點擊選擇它,然後使用左側選單中的設置。例如,模板有一個“提交”按鈕。要显示其他按鈕標籤,請點擊選擇該字段,然後在“提交按鈕文本”中輸入新消息。

您還可以通過前往設定 » 確認來更改當用戶提交其重置密碼請求時的操作。在此,打開“確認類型”下拉選單,選擇是將用戶重定向到其他頁面或 URL,還是只是顯示一則消息,要求他們檢查其收件箱以查收重置密碼電子郵件。

您還可以通過在小型文本編輯器中輸入來自訂消息。例如,您可能會提醒用戶檢查其垃圾郵件文件夾。

專業提示:如果您的電子郵件經常被發送到垃圾郵件,我們建議使用 SMTP 服務提供商來提高您的電子郵件投遞率。

當您對表單設置感到滿意時,點擊右上角的“儲存”按鈕。

要替換默認的 WordPress 重置密碼頁面,您需要創建一個具有“onepassword”網址段的頁面。然後,您可以將表單添加到該頁面中。最簡單的方法是在 WPForms 編輯器中點擊“嵌入”按鈕。接著,選擇“創建新頁面”。

現在,為新頁面輸入標題。您可以在稍後的步驟中更改網址段,因此可以使用任何您想要的標題。完成後,點擊“開始吧”。這會將您帶到 WordPress 頁面編輯器,並將表單已添加到新頁面。現在,您可以對此頁面進行任何更改,例如添加更多文本、自訂標誌或類別和標籤。當您對頁面的外觀感到滿意時,點擊“儲存草稿”按鈕。

之後,前往頁面 » 所有頁面並找到剛創建的重置密碼頁面。在此,點擊“快速編輯”按鈕。在“網址段”字段中,輸入“lostpassword”。然後,打開“狀態”下拉選單並選擇“已發布”。

現在,您需要重定向訪問者到自訂的重置密碼頁面,而不是內建的 WordPress 頁面。最簡單的方法是使用免費的 WPCode 插件。WPCode 是最好的代碼片段插件,被超過 200 萬個 WordPress 網站所使用。它使得在 WordPress 中添加自訂代碼變得容易,不用編輯 functions.php 文件。即使是初學者也可以使用 WPCode 編輯其網站代碼,而不會因錯誤和拼寫錯誤而導致許多常見的 WordPress 錯誤。

首先,您需要安裝並啟用免費的 WPCode 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,前往代碼片段 » 新增片段。在此您會找到可用的片段,它們允許您上傳額外的文件類型到 WordPress,禁用附件頁面,完全禁用評論等等。只需將鼠標懸停在“添加您的自訂代碼”上,然後點擊“使用這個片段”當它出現時。首先,為自訂的代碼片段輸入標題。這可以是幫助您識別 WordPress 儀表板中片段的任何名稱。然後,打開“代碼類型”下拉選單並選擇“PHP 片段”。在代碼編輯器中,添加如下代碼片段:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

接下來,捲動到“插入”部分。WPCode 可以將代碼添加到不同的位置,例如每個帖子之後,僅前端或僅管理後台。要在您的整個網站、博客或 WooCommerce 商店中使用自訂的 PHP 代碼,如果未選擇“自動插入”,請點擊它。然後,打開“位置”下拉選單並選擇“在所有地方運行”。之後,您準備好了,可以捲動到螢幕頂部並點擊“非活動”切換開關,使其變為“活動”。最後,點擊“儲存片段”使 PHP 片段生效。現在,嘗試訪問內建的 WordPress 登錄頁面。如果您點擊“忘記密碼?”連結,您將重定向到您剛創建的自訂重置密碼頁面。

專家指南:自訂 WordPress 頁面

現在您知道如何自訂 WordPress 重置密碼頁面,您可能還想查看一些如何自訂其他頁面的 WordPress 教程。

  • 如何創建自訂的 WordPress 登錄頁面(終極指南)
  • 如何自訂 WordPress 中的密碼保護頁面
  • 最佳 WordPress 內容保護插件(專家推薦)
  • 如何自訂 WordPress 中的搜索結果頁面
  • 如何在您的 WordPress 網站上添加自訂的作者資料頁面
  • 當您被 WordPress 管理員(wp-admin)鎖定時該怎麼辦
  • 如何創建自訂的 WordPress 主頁
  • 如何在 WordPress 中為博客帖子創建單獨的頁面
  • 保護您的 WordPress 管理區域的關鍵提示
  • 如何改善 WordPress 中的 404 頁面模板

希望這篇指南能幫助您了解如何自訂 WordPress 重置密碼頁面。您還可以查看我們的其他文章學習如何創建免費的公司電子郵件地址或查看我們推薦的必裝插件列表,以增長您的網站。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,獲取更多 WordPress 教程視頻。您還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 基础知识

免费录制:WordPress初学者工作坊

许多WordCamps和WordPress聚会小组提供初学者工作坊。然而,大多数这些课程没有录制。

在本文中,我们将分享免费的WordPress培训视频。这些视频覆盖了典型初学者工作坊讨论的所有主题。

您将找到帮助您开始使用WordPress的分步指南。从设置您的网站到自定义,我们都为您提供帮助。这些资源非常适合希望按照自己的节奏学习的初学者。让我们用这些有价值的学习工具开始您的WordPress之旅。

在WPressize Me,我们已经发布了超过15年的WordPress资源。多年来,我们已经帮助成千上万的WordPress初学者使用WordPress开始他们的博客和小型企业。

我们帮助组织了WordPress聚会和WordCamps,我们的编辑团队成员曾参加并在这些活动中发言。这使我们拥有独特的见解和专业知识,帮助初学者探索WordPress及其潜力。

在我们的经验中,一个实用的WordPress初学者工作坊旨在帮助新用户入门。讨论的主题有:

什么是WordPress?

为什么WordPress是免费的?

为什么您应该使用WordPress?

WordPress.com和WordPress.org有什么区别?

如何选择最佳的WordPress托管服务?

如何安装WordPress?

他们还讨论了使用WordPress(创建文章、添加页面、嵌入图片和视频、更改模板、添加小工具、自定义菜单、安装插件和许多其他技巧和窍门)。

我们在免费的WordPress培训视频中涵盖了所有这些主题,包括分步视频教程和完整的课程。

您还应该考虑订阅我们的YouTube频道,那里有超过900个免费的WordPress视频教程,总观看量超过5316万次。

附加资源:

一些在初学者工作坊中经常提到的其他有用资源包括:

WordPress字典

为初学者解释的WordPress术语列表。

WordPress主题目录

寻找免费WordPress主题的最可靠的地方。请参阅我们的专家选择的最佳免费WordPress主题。

WordPress插件目录

寻找免费WordPress插件的最可靠的地方。由于有超过60,000个免费插件可供选择,您可能需要查看我们的专家选择的所有网站必须拥有的WordPress插件。

WPressize Me Engage Facebook群组

这是面向非技术用户的最大免费WordPress帮助小组。这个群组有超过97,000名成员,其中包括许多WordPress专家,他们定期提供免费的WordPress支持和网站增长建议。

WordPress优惠和折扣

为WPressize Me用户提供的WordPress产品和服务的独家折扣。

WPressize Me解决方案中心

最好的WordPress工具的精选列表,附有详尽的评论和详细的比较。

WPressize Me的内容是100%免费的,我们一直在寻找更多的方法来提供帮助。

让我们来看看我们的一些最有帮助的WordPress教程:

如何开始一个WordPress博客

如何开设一个网上商店

如何使用WordPress开始一个播客

如何修复最常见的WordPress错误

如何改进WordPress安全性

如何参加现场WordPress初学者工作坊

找到您附近的WordCamp或WordPress聚会小组是亲自参加现场WordPress初学者工作坊的最佳方法。

WordCamp是一个专注于所有WordPress内容的非营利性会议。它几乎每周在全球各地举行。完整的时间表显示是否有一个在您附近。

或者,您可以在您的地区找到当地的WordPress聚会小组。目前,107个国家有769个本地WordPress聚会小组。

与WordCamps不同,WordPress聚会小组规模较小,允许初学者与他们所在地区的WordPress专家互动和交流。

重要的是要注意,并不是每个WordCamp或WordPress聚会小组都举行初学者工作坊。您应该查看时间表,确保有提供。

如果没有,您可以随时联系组织者,看看他们是否可以提供一个现场初学者工作坊。大多数情况下,聚会和WordCamp组织者对建议持开放态度。

我们希望您发现我们的WordPress培训视频是WordPress初学者工作坊的有用替代品。您还应该查看我们的初学者指南,了解如何免费学习WordPress,以及我们专家选择的最佳免费WordPress商务主题。

如果您喜欢这篇文章,请订阅我们的YouTube频道,获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中添加比特币捐赠按钮(一步一步)

比特币和其他加密货币正在成为一种越来越流行的在线支付方式。因此,许多人更愿意用比特币支付和捐款。通过在WordPress中添加一个比特币付款按钮,只需几次点击就能收到加密货币的付款。一旦资金到达你的钱包,你可以将其转出到银行账户或长期储存。对于许多博客领域,如技术博客或游戏网站,提供比特币捐赠功能简直再合理不过了。

首先,你需要一个接受加密货币的支付处理器。我们推荐使用NOWPayments,它是顶级的加密货币支付处理器之一。他们提供了所有你需要的工具,轻松接收比特币,添加捐赠按钮等。

创建或连接现有的加密货币钱包

如果你还没有加密货币钱包,那么现在需要创建一个。钱包是一种软件,可以让你安全地发送、接收和存储加密货币。你可以使用任何类型的钱包,但在本教程中,我们将展示如何使用Coinbase Google Chrome钱包。

将NOWPayments与加密货币钱包连接

钱包设置完毕后,你需要登录到你的NOWPayments账户。在账户仪表盘中,从下拉列表中选择‘BTC’,然后粘贴之前复制的钱包地址,点击‘保存’按钮。

创建比特币捐赠按钮

在添加捐赠按钮到你的网站之前,你需要先创建它。进入你的NOWPayments账户仪表盘,点击‘Donations’标签,选择按钮样式,复制HTML代码。

将比特币捐赠按钮添加到你的网站

现在,你可以将比特币捐赠按钮添加到你的网站。你可以将其添加到页面、侧边栏或任何其他小部件区域。

在页面中添加按钮

创建或编辑你想放置按钮的页面,点击‘+’号添加HTML代码块,粘贴之前复制的代码,然后点击‘发布’或‘更新’按钮保存页面。

在侧边栏中添加按钮

在WordPress管理仪表盘中导航到外观 » 小工具,点击‘+’号添加HTML代码块,粘贴HTML代码,点击‘更新’按钮保存更改。

希望这篇文章能帮助你学会如何在WordPress中添加比特币捐赠按钮。

Read More
WordPress 教学

如何在WordPress中显示分类描述

如何在WordPress中显示分类描述

分类允许你轻松地对网站内容进行分类。它们还可以帮助用户轻松找到内容,并且对SEO有好处。如果你已经创建了一个WordPress网站,那么你可能已经在使用分类和标签,但你可能没有充分利用它们。

为什么要在WordPress中显示分类描述?

分类和标签可以帮助你轻松地将内容分类到不同的主题中。当正确使用时,分类和标签也可以帮助改善你的WordPress SEO。
WordPress允许你为分类添加描述。如果你在撰写文章时创建分类,你可能没有注意到这一点,因为这种方法不允许你添加描述。下面让我们看看如何在WordPress中轻松添加分类描述。

在WordPress中添加分类描述

首先,你需要前往“文章 » 分类”页面。如果你正在创建一个新分类,只需在此输入分类名称和描述,然后点击“添加新分类”按钮。
如果你想为现有分类添加描述,则需要点击该分类下方的“编辑”链接。这将带你到分类编辑页面,在那里你可以为你的分类添加描述。别忘了点击“更新”按钮以保存更改。只需重复此过程即可为所有分类添加描述。你也可以使用相同的方法为标签添加描述。

在分类存档页面上显示分类描述

大多数WordPress主题会自动在分类存档页面上显示分类描述。然而,如果你的主题不显示分类描述,则需要修改你的主题。最安全的方法是创建一个子主题。更多信息,请参阅我们的初学者指南,了解如何创建子主题。
接下来,你需要从父主题复制一个文件到子主题。你可以使用FTP客户端或WordPress托管公司提供的cPanel文件管理器。你需要去你的网站的 /wp-content/themes/parent-theme/ 文件夹,找到category.php 文件。如果你的文件夹内没有这个文件,则需要找到 archive.php 文件。之后,你需要将该文件复制到子主题的文件夹中。
接下来,你需要编辑该文件,然后在你希望显示分类描述的位置添加以下代码片段:

<?php
the_archive_description( '<div class="taxonomy-description">', '</div>' );
?>

通常,这将位于 the_archive_title 部分之后。粘贴代码后不要忘记保存文件。你的分类存档页面现在将显示分类描述。

这里是我们演示网站的一个示例。Twenty Nineteen主题默认不显示分类描述,但是一旦我们将代码片段添加到子主题中,你可以看到现在显示了分类描述。

在WordPress主题中显示分类描述

如果你对在WordPress网站中使用代码感到舒适,则可以使用这些代码片段在站点上的其他位置显示分类描述。

在你的网站上显示单个分类描述

如果你想在网站的其他地方显示分类描述,则需要使用category_description模板标签:

<?php echo category_description(3); ?>

你需要将3替换为你想使用的分类ID。

在每篇文章中显示分类描述

如果你想在单篇文章中显示分类描述,可以在single.php或footer.php模板中添加代码片段。如果你正在使用子主题,则需要先从父主题将模板复制到子主题文件夹中。
之后,你需要添加以下代码:

$catID = get_the_category();
echo category_description( $catID[0] );

这个代码只是获取当前文章的所有分类,然后输出第一个分类的描述。

列出所有分类和描述

如果你想以列表格式列出所有WordPress分类及其描述,可以将以下代码添加到主题的functions.php文件中,或使用WPCode插件插入代码片段(推荐)。详情请参阅我们的指南,了解如何在WordPress中添加自定义代码。

function wpb_catlist_desc() {
$string = '<ul>';
$catlist = get_terms( 'category' );
if ( !empty( $catlist ) ) {
foreach ( $catlist as $key => $item ) {
$string .= '<li>'. $item->name . '<br />';
$string .= '<em>'. $item->description . '</em> </li>';
}
}
$string .= '</ul>';
return $string;
}
add_shortcode('wpb_categories', 'wpb_catlist_desc');

此代码创建了一个短代码,显示所有分类及其描述的纯文本列表。你现在可以在帖子和页面中使用[wpb_categories]。要在文本小部件中使用此短代码,你需要为小部件启用短代码。

额外奖励:添加分类元描述以提高SEO

默认情况下,WordPress不会在meta标签中添加你的分类描述。这就是为什么使用像All in One SEO for WordPress这样的WordPress SEO插件将分类元描述添加到meta标签中以提高SEO非常重要的原因。

关于WordPress分类的专家指南

现在你已经知道如何显示分类描述,你可能想看看与WordPress分类相关的其他指南:

  • 分类与标签 – 分类内容的SEO最佳实践
  • 如何在WordPress中添加分类和子分类
  • 如何为单独的分类进行不同的样式设计
  • 如何正确更改、移动和删除WordPress分类
  • 初学者指南:如何正确重命名类别
  • 如何重命名WordPress中的未分类分类
  • 如何合并和批量编辑分类和标签
  • 如何在WordPress中按类别搜索(最佳方法)
  • 如何在WordPress中显示/隐藏分类(终极指南)

我们希望这篇教程能帮助你了解如何在WordPress中显示分类描述。你还可以查看我们关于如何将WordPress从HTTP迁移到HTTPS的指南或我们推荐的必备插件以帮助你的网站增长。如果你喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 主题

如何在 WordPress 中為頁面使用多個佈景主題

您是否想在 WordPress 中為不同頁面使用多個佈景主題?

您可以自訂您網站頁面的外觀和布局,並為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?

本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

為什麼要在 WordPress 中為頁面使用多個佈景主題?

當您建立 WordPress 網站時,您會仔細選擇一個吸引人的佈景主題來展示您的內容。預設情況下,該佈景主題會使網站上的每個頁面具有相同的外觀和布局。

但是如果您希望網站的一個部分看起來完全不同呢?或者您希望網站上的某些頁面從其他頁面中脫穎而出,例如,您可能希望您的隱私政策頁面沒有側邊欄,或者使用不同的布局為您的 404 頁面。

以下是如何在 WordPress 中為頁面使用多個佈景主題的方法。我們將介紹兩種方法,您可以使用以下快速鏈接跳轉到您想要使用的方法:

方法一:通過插件使用多個 WordPress 佈景主題

方法二:使用自訂頁面建構器建立多個模板

注意:在開始之前,我們建議您對 WordPress 網站進行完整備份,以便在發生問題時能夠恢復。還建議您關閉任何緩存插件,例如 W3 Total Cache 或 WP Super Cache,因為這些插件有時會顯示頁面的舊版本,您可能看不到最新的更改。

方法一:通過插件使用多個 WordPress 佈景主題

在此方法中,我們將使用 Multiple Themes 插件在 WordPress 站點上同時使用多個佈景主題。如果您有特定的佈景主題希望在網站不同部分使用,這是最佳方法。

首先,您需要安裝並啟用 Multiple Themes 插件。有關詳細信息,請參閱我們關於如何安裝 WordPress 插件的分步指南。確保您想要使用的佈景主題已安裝在 WordPress 中。您一次只能啟用一個佈景主題,但可以安裝任意多的佈景主題。要了解更多,請參閱我們關於如何安裝 WordPress 佈景主題的指南。

此插件提供豐富的選項,我們將介紹三種最常見的用例。然而,您可以為幾乎任何頁面或區域使用不同的佈景主題。

1. 為首頁使用不同佈景主題

啟用後,請前往外觀 » Multiple Themes 插件來配置插件。確保您處於「設置」標籤下。

您需要向下滾動到「站點主頁」部分,然後從下拉菜單中選擇一個主題。然後,點擊「保存所有變更」按鈕來存儲您的設置。這樣簡單!您的首頁現在使用了不同的佈景主題。

2. 為博客使用不同佈景主題

也許您對佈景主題在博客文章上的外觀感到滿意,但不喜歡其他重要頁面的外觀。您可以為文章使用一個佈景主題,而為頁面使用另一個佈景主題。這種方法無論您的博客是位於首頁還是為博客文章創建了單獨的頁面都適用。首先,確保您希望為博客使用的佈景主題是啟動的。

接下來,會像之前一樣使用相同的插件。在 WordPress 儀表板中,前往設置 » Multiple Themes 插件。一旦到那裡,應點擊「高級設置」標籤。

向下滾動到「選擇所有頁面的佈景主題」部分。在這裡,您可以選擇一個新佈景主題,該佈景主題將在查看網站上的頁面時使用。完成後,確保點擊「保存所有變更」按鈕。

3. 為 WooCommerce 商店使用不同佈景主題

您的 WooCommerce 商店在選擇適合 WooCommerce 的佈景主題時效果最佳。預設的 Storefront 主題或其他主要的 WooCommerce 佈景主題將同時用於您的商店和網站。但是,如果您希望網站或博客使用與您的商店不同的佈景主題呢?這是另一個需要使用多個佈景主題的情況。

為此,我們將保持目前的 Storefront 主題啟動,然後為您的首頁、頁面和文章使用不同的佈景主題。像之前的方法一樣,前往設置 » Multiple Themes 插件。首先,您需要像上面所述更改網站首頁的佈景主題。在「設置」標籤下,向下滾動並更改網站主頁的佈景主題。

接下來,需要點擊「高級設置」標籤並向下滾動到「選擇所有頁面的佈景主題」部分。在這裡,需要從下拉菜單中更改頁面和文章的佈景主題。

還差一步就完成了,如果為博客文章創建了單獨的頁面,則需要完成這一步。返回「設置」標籤並向下滾動到「為單個頁面設置」部分。接下來,從下拉菜單中選擇相同的佈景主題,然後在「頁面、文章、前綴或其他的 URL」字段中鍵入您的博客頁面的 URL。您可以通過導航到網站上的博客頁面來發現正確的 URL。它可能看起來像這樣:https://example.com/blog/。一旦點擊「保存所有變更」按鈕,即完成。您的網站和 WooCommerce 商店將使用不同的佈景主題。

如何自訂第二佈景主題的外觀

根據上面的步驟,您選擇了一個用於網站某些部分的第二佈景主題。但是,如果您想自訂第二佈景主題的外觀怎麼辦?

應用第二佈景主題並未改變活動佈景主題。這意味著,如果您想配置替代佈景主題,則需要臨時啟動它。例如,假設您為網站使用了 Astra 主題,但為博客選擇了 Twenty Twenty 主題。要配置 Twenty Twenty 的主題選項,只需前往外觀 » 主題並啟動 Twenty Twenty 主題。現在,您可以自由使用外觀 » 自訂來更改主題。

您可以參閱我們的最終指南來學習如何使用 WordPress 主題自訂器。如果您使用的是塊狀 WordPress 佈景主題,則需要使用完整網站編輯器來自訂佈景主題。可以通過儀表板的外觀 » 編輯器訪問此功能。

您可以在我們的初學者指南中了解更多關於 WordPress 完整網站編輯的功能。一旦對主題設置感到滿意,請保存您的更改,然後返回 WordPress 管理面板的外觀 » 主題並重新啟動 Twenty Twenty-One 主題。對於更高階的主題選項,請查看插件的設置頁面的「主題選項」標籤。

此方法的缺點是,您在自訂選項時會臨時更改所有網頁的活動主題。為避免這種情況,您可以使用下面的方法二。

Multiple Themes 插件能夠進行更複雜的操作。例如,您可以為匹配通配符或查詢的頁面使用不同的主題。有關更多信息,請參閱插件在 WordPress.org 上的支持頁面。

方法二:使用頁面建構器建立多個模板

另一種建立完全不同外觀的頁面方法是使用拖放頁面建構器插件。這些插件允許您自訂網站上每個頁面的外觀和布局,無需使用任何代碼如 PHP、CSS 或 HTML。

這可能是一個更具成本效益的選擇,因為與其支付多個高級主題的費用,您可以通過一次購買一個插件來建立多個自訂主題。

SeedProd 是市場上速度和易用性最佳的 WordPress 頁面建構器。它提供了超過 300 個美麗的預製模板和站點套件,可以單獨應用到不同頁面上。雖然有免費版本的 SeedProd,但本教程將使用高級插件,因為它具有更多功能並允許您建立多個自訂主題。

首先,您需要安裝並啟用 SeedProd 插件。更多詳細信息,請參閱我們的分步指南來學習如何安裝 WordPress 插件。啟用後,系統會要求您輸入許可證密鑰。您可以在 SeedProd 網站上的帳戶中找到這些信息。

1. 為特定頁面建立自訂布局

SeedProd 可以用作頁面建構器插件,因此您可以建立具有完全自訂布局的頁面。為此,請前往 SeedProd » 登陸頁面,然後點擊「建立新登陸頁面」按鈕。

現在,您可以為此特定頁面選擇主題。SeedProd 附帶數百個美麗的頁面模板,您可以為每個頁面選擇不同的模板作為起點。如果您想從空白頁開始,則只需選擇「空白模板」。

系統會要求您提供頁面的標題和 URL。之後,請點擊標有「保存並開始編輯頁面」的按鈕繼續。

這將加載 SeedProd 頁面建構器界面。這個簡單的拖放建構器會在右側顯示頁面的即時預覽,左側是一個工具欄。如果您選擇了空白模板,則首先需要為頁面選擇一個布局。可以選擇沒有側邊欄的布局,也可以選擇左側或右側有側邊欄的布局,或使用多欄布局。在不同頁面上,您可以選擇完全不同的布局。

如果您選擇了另一個模板作為起點,您的頁面將已有一些內容。您可以通過點擊每個塊來編輯和自訂該內容。您還可以通過拖放向頁面添加新塊。

您可以在我們的指南中了解更多關於如何自訂頁面和添加新塊的信息,該指南介紹了如何使用 WordPress 建立登陸頁面。一旦完成頁面的建立,請點擊「保存」旁邊的下拉菜單,然後點擊「發布」來存儲頁面並在您的網站上公開。

2. 使用不同的布局建立您網站的自訂主題

SeedProd 也可以作為完全自訂的主題建構器使用。使用 SeedProd,您可以為網站的各個部分建立自訂設計。這意味著您可以為您的博客和網站的其餘部分選擇完全不同的布局,或者為您的電子商務商店和首頁選擇不同的布局。

要開始,請前往 SeedProd » 主題建構器,然後點擊「主題」按鈕。

從這裡,您可以選擇一個主題布局作為起點。它們完全可自訂,因此您可以僅作為起點使用它們。選擇一個主題後,SeedProd 將生成網站不同區域所需的所有模板。每個模板都是完全可自訂的。實質上,您可以使每個部分看起來像完全不同的主題。您還可以添加自己的模板,這些模板可以條件地在網站的不同區域使用。例如,您可以建立一個僅在您的博客文章中使用的側邊欄。或者,您可以僅為產品頁面建立一個自訂頁面布局。

更多使用 SeedProd 的詳情,請查看以下指南:

  • 如何輕鬆建立自訂 WordPress 主題(無需任何代碼)
  • 如何使用 SeedProd 在 WordPress 中建立美麗的即將推出頁面
  • 如何在 WordPress 中建立銷售頁面(轉換率高)
  • 如何在 WordPress 中建立自訂頁面

我們希望這個教程能幫助您了解如何在 WordPress 中為頁面使用多個佈景主題。您可能還想了解如何建立電子郵件通訊,或查看我們的增長網站必備插件列表。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 主题

如何在 WordPress 中使用 jQuery 增加平滑回頂效果

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。

本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

什麼是平滑回頂效果?什麼時候應該使用?

除非網站具有固定的標頭菜單,否則用戶在滾動到頁面的底部時需要手動返回頂部,這可能會讓人感到厭煩,甚至可能因此離開網站。因此,您需要一個按鈕,快速將用戶送回到頁面的頂部。

您可以簡單地添加一個文本鏈接實現此功能,無需 jQuery,如下所示:

<a href="#" title="返回頂部">^頂部</a>

它會在幾毫秒內將用戶返回頁面頂部,但效果可能會顯得生硬,就像突然遇到颠簸一般。相反,平滑回頂效果可以讓用戶以視覺上愉悅的方式返回頂部,顯著改善網站的用戶體驗。

接下來,讓我們看看如何使用 WordPress 插件和 jQuery 添加平滑回頂效果。

使用 WordPress 插件添加平滑回頂效果

這種方法適合初學者,無需編寫任何代碼即可在 WordPress 網站上添加平滑回頂效果。首先,您需要安裝並激活 WPFront Scroll Top 插件。如果需要幫助,請參閱我們的 WordPress 插件安裝指南。

啟用插件後,您可以從 WordPress 後台導航到 設定 » Scroll Top 在這裡進行插件配置並自定義平滑回頂效果。首先,您需要勾選「啟用」選項,以激活網站上的回頂按鈕。接下來,您可以修改滾動偏移、按鈕大小、不透明度、淡出持續時間、滾動持續時間等。

下拉並找到更多選項,例如自動隱藏時間、在小設備上隱藏按鈕以及在 wp-admin 屏幕上隱藏按鈕。您還可以編輯按鈕的操作,默認情況下,它會滾動到頁面頂部,但您可以將其更改為滾動到文章中的特定元素,甚至鏈接到一個頁面。

插件還提供了多種預建按鈕設計可供選擇,您能夠輕鬆找到適合網站的設計。如果找不到合適的預建圖片按鈕,您也可以從 WordPress 媒體庫上傳自定義圖片。

完成設置後,點擊「保存更改」按鈕即可。您現在可以訪問網站,查看回頂按鈕的效果。

使用 jQuery 在 WordPress 中添加平滑回頂效果

這種方法不適合初學者,適合那些對編輯主題感到舒適的人,因為它需要在網站上添加代碼。我們將使用 jQuery、一些 CSS 和一行 HTML 代碼在您的 WordPress 主題中添加平滑回頂效果。

首先,打開文本編輯器(如 Notepad),創建一個文件,並將其保存為 smoothscroll.js。接下來,將以下代碼複製並粘貼到文件中:

jQuery(document).ready(function($){
	$(window).scroll(function(){
    if ($(this).scrollTop() < 200) {
		$('#smoothup').fadeOut();
    } else {
		$('#smoothup').fadeIn();
    }
});
$('#smoothup').on('click', function(){
	$('html, body').animate({scrollTop:0}, 'fast');
	return false;
	});
});

保存文件並將其上傳到您的 WordPress 主題目錄中的 /js/ 文件夾中。如果您的主題沒有 /js/ 目錄,可以創建一個並將 smoothscroll.js 上傳其中。更多詳細步驟,請參閱我們的 FTP 上傳文件指南。

接下來需要在主題中加載 smoothscroll.js 文件。為此,我們將在 WordPress 中掛載腳本。將以下代碼複製並粘貼到主題的 functions.php 文件中。我們不建議直接編輯主題文件,因為即使是最細微的錯誤都可能導致您的網站崩潰。相反,您可以使用像 WPCode 這樣的插件,並參閱我們的如何在 WordPress 中添加自定義代碼片段教程。

wp_enqueue_script( 'smoothup', get_template_directory_uri() . '/js/smoothscroll.js', array( 'jquery' ), '', true );

在上述代碼中,我們告訴 WordPress 加載我們的腳本,同時加載 jQuery 庫,因為我們的插件依賴於它。

現在,我們已經添加了 jQuery 部分,接下來讓我們在 WordPress 站點中添加一個將用戶返回頂部的鏈接。將以下 HTML 粘貼到主題的 footer.php 文件中。如果需要幫助,請參閱我們的如何在 WordPress 中添加頁眉和頁腳代碼教程。

<a href="#top" id="smoothup" title="返回頂部"></a>

您可能注意到 HTML 代碼中包含一個鏈接,但沒有錨文本。這是因為我們將使用向上的箭頭圖標作為顯示返回頂部按鈕。在此示例中,我們使用 40x40 像素的圖標。簡單地在主題的樣式表中添加以下自定義 CSS。

#smoothup {
height: 40px;
width: 40px;
position:fixed;
bottom:50px;
right:100px;
text-indent:-9999px;
display:none;
background: url("https://www.example.com/wp-content/uploads/2013/07/top_icon.png");
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s; transition-duration: 0.4s;
}
#smoothup:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
background: url('') no-repeat;
}

在上述 CSS 中,請確保將 https://www.example.com/wp-content/uploads/2013/07/top_icon.png 替換為您想使用的圖片 URL。您可以使用 WordPress 媒體上傳器上傳自己的圖標,然後複製圖片 URL 並將其粘貼到代碼中。

希望這篇文章幫助您在您的網站上使用 jQuery 添加平滑回頂效果。您可能還想查看我們專家推薦的小型企業最佳 WordPress 插件,以及我們的逐步指南,了解如何創建網上商店。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,以獲取更多 WordPress 視頻教程。還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在 WordPress 中追蹤第三方域名請求

何謂 WordPress 中的第三方域名請求,為何需追蹤?

當您訪問的 WordPress 網站向網絡上的其他網站或服務發送請求時,就會發生第三方域名請求。當您訪問一個網站時,瀏覽器會從該站點自己的服務器加載內容,這稱為一方內容。然而,許多網站也包括來自其他來源的元素,這些元素即為第三方內容。獲取它們的過程即為第三方域名請求。

常見的例子有:分析工具、社交媒體按鈕、廣告、字體和內容傳遞網絡(CDN)等。很多 WordPress 插件和主題經常創建這些第三方請求。雖然這些請求可以為網站添加有用的功能,但過多的第三方域名請求也可能影響性能,甚至會收集用戶數據。

如何在 WordPress 中識別第三方域名請求

首先,使用 Pingdom 來識別您的網站發出的所有第三方域名請求。Pingdom 是一個流行的性能監控工具,允許您監控 WordPress 服務器的正常運行時間。它還能顯示您的網站的所有第三方域名請求。

如何優化第三方域名請求

一旦識別出影響網站性能的第三方域名請求,您可以通過幾種不同的方法來優化這些請求,提升 WordPress 的速度。以下是一些方法:

方法 1:移除第三方域名請求

這並不適用於所有 WordPress 網站,但移除一個或多個第三方請求可以大大提高頁面加載速度。您可以嘗試移除不必要的服務和內容,並跟踪其對轉化率等重要指標的影響。

方法 2:移除不必要的 WordPress 插件

插件是 WordPress 如此受歡迎的一大原因。然而,一些插件可能會生成大量第三方請求並拖慢您的網站速度。我們建議從 WordPress 儀表板中的“插件”>“已安裝的插件”中移除不再需要的插件。

方法 3:預連接至重要的第三方域名

可以在頁面加載進程開始時預連接到外部域名,使瀏覽器能更快地下載第三方內容。這需要使用 WPCode 插件添加自定義代碼。

方法 4:實施 DNS 預取

DNS 預取允許您在訪客需要鏈接內容之前在後台進行 DNS 查詢。這對於網站中經常使用的第三方資源,如 Google Analytics 和 Google Fonts,特別有用。

方法 5:本地存放資源

無論是預連接還是預取,若能儘量將資源和內容本地存放會更好。在本地服務器存放網站內容可以加快加載速度,並提供更多的控制以進一步提高速度。例如,您可以使用缓存插件或內容傳遞網絡 (CDN)。

方法 6:使用延遲加載

通過僅下載用戶屏幕上可見的內容,而不是一次加載所有內容,延遲加載可以使頁面看起來加載更快。WordPress 默認會對圖片延遲加載,同樣可應用於外部托管的內容。

我們希望這篇文章能幫助您了解如何在 WordPress 中追蹤第三方域名請求。若您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲得更多 WordPress 視頻教程,也可關註我們的 Twitter 和 Facebook。

Read More
WordPress 教学

如何輕鬆在WordPress中添加盒子陰影(四種方法)

為何在WordPress中添加盒子陰影?

盒子陰影,有時也被稱為投影,是一種使屏幕上的物件看起來像在投影的視覺效果。我們往往會更多地注意那些看起來更接近我們的物件。因此,很多網站所有者將盒子陰影添加到他們最重要的內容中,使其看起來像懸浮在頁面上。

例如,如果你在一個行動呼叫按鈕上添加大陰影,那麼它會看起來在訪客面前更近一些,從而引起他們的注意。

方法一:使用代碼添加盒子陰影(更多控制權)

如果你在每個WordPress塊上都添加陰影效果,這可能會使網站看起來雜亂且令人困惑。因此,你應該僅對頁面中最重要的元素添加盒子陰影。最好的方法是使用WPCode在CSS中定義樣式。

安裝並啟用WPCode插件後,導航到“Code Snippets » Add Snippet”。在代碼編輯器中添加以下代碼:

.shadow-effect { box-shadow: 5px 5px 0px 2px #a9a1a1; }

你可以根據需要替換像素值來創建不同的陰影效果。

方法二:使用免費插件添加盒子陰影

如果你對編寫代碼不夠自信,可以使用Drop Shadow Box這款免費插件。這款插件能夠讓你在內建的WordPress頁面和文章編輯器中為任意塊添加盒子陰影。

安裝並啟用插件後,點擊“+”圖標並開始輸入“Drop Shadow Box”,然後將其添加到頁面或文章中。

方法三:使用頁面構建器添加盒子陰影(簡單)

如果你想在登陸頁面、自定義首頁或WordPress主題的任何部分添加盒子陰影,我們推薦使用頁面構建器插件。SeedProd是最好的拖放式WordPress頁面構建器,它可以幫助你設計自定義的登陸頁面甚至整個WordPress主題,並且無需編寫代碼。

方法四:使用CSS Hero添加盒子陰影(高級)

如果你希望在不編寫代碼的情況下創建高級盒子陰影,可以試試CSS Hero。這款高級插件允許你微調WordPress主題的每一部分,同時不需要寫任何代碼。

安裝並啟用CSS Hero插件後,在WordPress管理工具欄中點擊“CSS Hero”文本,並進入CSS Hero編輯器,使用其視覺化界面來添加和調整陰影效果。

學習更多為你的WordPress網站添加獨特設計的方法

以上方法為在WordPress中添加盒子陰影提供了良好的基礎。如果你想實現更多獨特和創意的效果,以下指南可能會有所幫助:

  • 如何在WordPress中添加圖片懸停效果
  • 如何在WordPress中輕鬆添加CSS動畫
  • 如何為任何WordPress主題添加視差效果
  • 如何在WordPress中創建自定義形狀分隔符
  • 如何在WordPress中輕鬆創建響應式滑塊
  • 如何在WordPress中添加動畫背景
Read More
WordPress 基础知识

新手指南:如何在WordPress中添加链接

新手指南:如何在WordPress中添加链接

链接对于引导访客浏览你的网站至关重要。它们连接你的内容,改善导航。在WordPress中,你可以在文章、页面、菜单、侧边栏和页脚等不同位置添加链接。本指南将逐步为你演示如何添加链接的方法,帮助你提高网站的可用性。

链接的重要性

链接是互联网的信息血液。它们连接网站和网页,形成一个信息的全球网络。如果你访问一个没有任何链接的网页,你只能点击浏览器的返回按钮。超链接文本、按钮和其他元素将你从一个页面带到另一个页面或网站。链接使访客知道可以在WordPress网站上找到更多信息。

如何在WordPress的文章和页面中添加链接

在WordPress的区块编辑器中添加链接非常简单。编辑你的文章或页面,或者创建一个新页面。接下来,你需要选择你希望附加链接的文字。此选定的文字叫做链接的锚文本。然后,点击工具栏中的“链接”按钮。

你会看到一个可以输入URL的框。URL是网页地址。例如,WPressize Me关于如何开始使用WordPress博客的指南的URL是:https://www.wpressize.me/start-a-wordpress-blog

你可以复制并粘贴你希望链接到的文章或页面的URL。点击“提交”按钮或按“回车”键将链接插入到你的文章中。如果你是链接到你自己的网站内容,那么搜索你的内容标题中的一个或两个词会更快,然后WordPress会自动找到它。

如果你希望链接在新标签页中打开,首先添加链接,然后点击链接,再勾选“在新标签页中打开”选项。

在经典编辑器中添加链接

如果你使用的是旧版经典编辑器,添加链接的方法类似。打开你想编辑的文章或创建新文章,选择你想用作链接锚文本的文字并高亮显示。然后点击工具栏中的“链接”按钮。

你可以粘贴你要链接到的URL或搜索文章或页面,如同区块编辑器中的操作。

在WordPress导航菜单中添加链接

是否需要在网站导航菜单中添加链接?WordPress具有内置的拖放菜单编辑器,允许你在WordPress网站上创建和管理导航菜单。

如果你使用的是完整站点编辑器中的区块主题,那么你可以简单地前往“外观»编辑器”页面并点击你要编辑的导航菜单。在导航区块中,点击“添加(+)”按钮添加新链接。通过搜索找到你要链接的内容或粘贴URL后按回车键添加该链接。要编辑链接,只需点击它并在右侧面板更改链接即可。

如果你使用经典主题,则前往“外观»菜单”页面。如果你没有设置菜单,可以通过输入菜单名称来创建一个。选择你希望添加到菜单中的文章或页面,然后点击“添加到菜单”按钮。WordPress会自动链接到所选文章和页面,使用拖放来重新排列条目。

如何在WordPress中添加按钮链接

是否想在WordPress文章或页面中添加按钮?最简单的方法是使用WordPress内置的“按钮”区块。创建新文章或编辑现有文章,点击“+”图标创建一个新区块,然后拖动“按钮”区块到文章中并输入按钮的文本。

之后,使用工具栏中的“链接”按钮添加链接。这和在WordPress区块编辑器中任何其他链接的添加方法相同。

如何在WordPress中嵌入链接内容

你可以通过简单地在文章中插入URL来轻松嵌入某些类型的内容。有时这被称为在文章中创建“内容卡”。只需将整个URL粘贴到它自己的段落区块中。例如,如果你粘贴一个Twitter URL,整个推文(包括图片、点赞、时间戳等)都会被嵌入。

YouTube视频的操作也是一样的。找到你要使用的视频并复制浏览器窗口顶部的URL,然后将链接粘贴到你的文章或页面中,视频会自动嵌入。这个方法对Twitter推文、YouTube视频以及其他多种内容都有效。

手动在HTML中添加链接

有时候,你可能希望使用HTML代码在网站中添加链接。你可以试试在文章或页面中添加自定义HTML区块。你可以在“组件”中找到这个区块或使用搜索栏搜索。

接下来,你会看到一个可以编写HTML的框。将下面的代码复制到框中:

<a href="https://www.yourlinkhere.com">Text</a>

它应该看起来像这样。点击“预览”标签以查看代码在文章或页面中的样子:现在点击回到“HTML”标签以更改URL为正确的网页。此外,你可以将“Text”更改为任何你希望用作链接的文字。如果你希望链接在新标签页中打开,只需在HTML代码中添加 target="_blank",像这样:

<a href="https://www.yourlinkhere.com" target="_blank">Text</a>

如果你希望链接没有被跟随(nofollow),则添加 rel="nofollow",像这样:

<a href="https://www.yourlinkhere.com" rel="nofollow">Text</a>

你可以一次包含所有这些。这是一个带有标题、在新标签页打开并被nofollow的链接示例:

<a href="https://www.yourlinkhere.com" title="This is the title" target="_blank" rel="nofollow">Text</a>

希望这些方法对你有所帮助。

Read More
WordPress 插件

如何轻松添加优惠码字段到您的WordPress表单

为什么要在WordPress表单中添加优惠码?

在您的WordPress网站表单中添加优惠码字段可以鼓励用户购买。例如,如果您有一个餐厅的订购表单,那么添加一个优惠码可以吸引新客户并鼓励重复购买。您还可以使用优惠码来促销清仓商品或新产品,庆祝活动或奖励忠实客户。此外,您可以通过向订阅客户提供折扣码来建立邮件列表。

如何在WordPress表单中添加优惠码字段

您可以使用WPForms插件轻松地在WordPress表单中添加优惠码字段。它是市场上最好的WordPress联系表单插件,带有拖放构建器,使您可以轻松创建任何类型的表单。

第1步:

首先,您需要安装并激活WPForms插件。有关详细说明,请参阅我们的逐步指南。

第2步:

激活后,从WordPress管理员侧边栏前往WPForms » 设置页面,并输入您的许可证密钥。您可以从WPForms网站上的账户获取此信息。

第3步:

接下来,从WordPress仪表盘访问WPForms » 附加组件页面,并搜索优惠码附加组件。单击“安装附加组件”按钮下载并激活它。

第4步:

附加组件激活后,前往WPForms » 支付页面,然后切换到“优惠券”选项卡。从这里单击“+添加优惠券”按钮继续。

第5步:

在’添加新优惠券’页面,为您的优惠券命名。此名称仅供您参考,不会显示给用户。接下来,输入访问者使用的折扣代码。如果您不想创建自定义代码,只需单击“生成代码”按钮,让WPForms为您生成代码。

第6步:

添加优惠金额或百分比。您还可以为优惠码设置开始日期和结束日期。填写“最大使用次数”字段,限制单个用户可以使用优惠码的次数。

第7步:

在页面滚动到“允许的表单”部分,从这里切换要启用优惠码的表单。最后,点击“保存优惠券”按钮保存设置。

在WordPress表单中添加优惠码字段

接下来,打开您希望添加优惠码字段的表单。访问WPForms » 所有表单页面,单击您想编辑的表单下方的“编辑”链接。

在表单构建器中,将“优惠码”字段拖放到表单中。然后从“允许的优惠券”下拉菜单中选择之前创建的优惠券。

可以为优惠码字段添加标签或描述,并启用“必填”开关。如果这样做,用户将无法在未填写优惠码的情况下提交表单。

接受支付

切换到“支付”选项卡配置设置。WPForms支持诸如Stripe、PayPal、Authorize.net等流行的支付网关。您只需激活所选网关的附加组件,并在表单构建器中启用它即可。

回到“字段”选项卡,将所选支付网关的字段拖放到表单中。这样,用户在应用优惠码后可以直接从WPForms接受付款。完成后,单击顶部的“保存”按钮保存设置。

将表单添加到页面或帖子

打开一个现有或新的页面/帖子,点击“+”按钮添加WPForms区块。从下拉菜单中选择包含优惠码字段的表单。”然后,点击“更新”或“发布”按钮保存设置。现在,您可以访问WordPress网站查看带有优惠码字段的表单。

添加优惠码错误消息

如果希望向输入错误优惠码的用户显示消息,访问WPForms » 设置页面。从这里切换到“验证”选项卡,滚动到“优惠券错误”选项。输入错误消息后,点击“保存设置”按钮。

跟踪优惠码使用情况

WPForms还可以跟踪使用优惠码次数,帮助您判断优惠码字段是否增加了销售额。前往WPForms » 支付页面,查看优惠码使用情况的摘要图表。

优惠码使用技巧

优惠码营销是促进销售和提升客户忠诚度的有效方法。您可以使用Advanced Coupons插件创建各种优惠活动,轻松集成到WooCommerce,并提供例如优惠码URL、定时优惠券和自动应用优惠券等功能。或者可以使用OptinMonster创建弹出窗口转换网站访客,增加销售量。希望这篇文章对您添加优惠码字段有所帮助。您还可能对如何发送自动优惠券和最佳WooCommerce抽奖插件感兴趣。

Read More