你需要什么来设置在线订餐系统

您需要一个网站来为您的餐厅设置在线订餐系统。如果您还没有网站，不用担心。您可以轻松地使用WordPress建立一个网站，WordPress是全球数百万小企业使用的最佳网站构建器。创建一个WordPress网站也不会占用您太多的利润。Bluehost，WordPress推荐的托管服务提供商之一，为我们的读者提供了一个很好的优惠。基本上，您可以获得一个免费域名、免费的SSL证书，以及巨大的网络托管折扣。

向您的网站添加在线订餐功能

一旦您建立了WordPress网站，您可以轻松添加一个在线表单，让客户可以订餐。最简单的方法是使用WPForms，这是市场上最好的WordPress表单生成插件。它允许您轻松地在网站上创建在线表单（无需编码）。首先，您需要安装并激活WPForms插件。如果您不确定如何操作，可以查看我们关于如何安装WordPress插件的完整说明。激活后，从WordPress管理侧边栏访问WPForms»设置页面以输入您的许可证密钥。您可以在WPForms网站上的您的帐户中找到此信息。

设置您的订餐表单通知

您需要确保订单发送到正确的人。WPForms会自动向您的网站管理员发送电子邮件，但这可能不是您希望订单发送到的地方。首先，您需要点击屏幕左侧的 “设置 “选项卡。接下来，切换到“通知”选项卡，您将在右侧看到默认通知。您可以更改“发送到电子邮件地址”以使其不同于网站管理员的电子邮件。只需删除{admin_email}，并在此输入一个或多个电子邮件地址。确保用逗号分隔多个电子邮件地址。

编辑客户看到的确认信息

当客户完成表单时，WPForms会向他们显示一条成功提交表单的确认消息。您可以通过进入设置»确认选项来编辑这条消息。只需将您想要的消息输入框中。您甚至可以使用可视化编辑器来格式化此消息。您还可以选择更改“确认类型”，如果您愿意，可以将客户发送到感谢页面。完成后，别忘了点击“保存”按钮来存储您的设置。

通过您的订餐表单进行付款

标准外卖表单没有设置付款选项。如果您仅接受货到付款，那还好。然而，在某些情况下，您可能更希望客户提前在线支付。如果您希望接受付款，您需要使用特殊字段设置您的表单，以便计算客户的欠款，并将其与PayPal等支付处理器一起使用。为此，请转到左列中的“字段”选项卡，然后向下滚动到“支付字段”部分。接下来，替换任何列出价格的字段为“项目”字段。在我们的表单上，我们移除了原本用于的人数字段，并替换为“多个项目”支付字段。

将在线订餐表单添加到您的网站

最后，您需要将创建的表单添加到您的网站。首先，您需要选择一个现有页面或创建一个新页面来放置该表单。要创建一个页面，请在WordPress仪表板中转到页面»添加新页面。到达那里后，点击“添加区块”(+)按钮以打开区块菜单。接下来，简单地找到并将WPForms区块添加到页面上。之后，您需要从区块本身的下拉菜单中选择您制作的在线订餐表单。它将自动被添加到您的页面中。只需发布（或更新）您的页面，将表单上线到您的网站上。我们建议测试您的表单以确保其按预期工作。检查您是否收到电子邮件通知。如果没有，您可以按照我们的说明来解决WordPress不发送电子邮件的问题。

附加内容：在WordPress中创建在线餐厅菜单

如果您设置了在线订餐，那么在您的餐厅网站上创建一个菜单页面也是个好主意。这将使客户更容易浏览您的产品并做出决定。包括菜单项目和描述在您的网站上甚至可以提高SEO。 这意味着当访问者在您的地区搜索餐厅时，您的网站会出现在顶部搜索结果中。您可以使用SeedProd轻松创建一个吸引人的餐厅菜单。 这是市场上最好的WordPress页面生成器，它带有一个拖放生成器，与电子邮件营销服务集成，以及300多个预制模板。

安装插件后，只需访问SeedProd»登录页面屏幕，点击“添加新登录页面”按钮。这将带您进入“选择模板”屏幕，您可以选择任何您喜欢的预制模板。一旦这么做，登录页面将在拖放生成器中启动。从这里，您可以使用左栏中的标题、段落和图像区块来为您的网站创建一个视觉上令人愉悦的餐厅菜单。更多详细说明，您可以查看我们的教程，了解如何在WordPress中轻松创建在线餐厅菜单。

我们希望这篇文章能帮助您学习如何为餐厅设置在线订餐系统。您可能还对如何获取企业电子邮件以及我们专家挑选的最佳WordPress插件来发展您的业务感兴趣。

为什么要创建在线合同协议表单？

在线合同协议表单易于填写和提交。通常，您会将协议作为PDF发送，对方需要打印、填写、扫描并发送回您。这是一个繁琐的过程。通过在WordPress网站上创建在线合同协议表单，用户可以立即填写并以电子签名的方式签署。

这不需要任何昂贵的SaaS软件，同时适用于各种法律文件。例如，您可以使用它来创建行为规范表单、就业表单、非营利或志愿者申请表单等。

数字签名合法吗？

是的，数字签名和数字签署的文件具有法律效力。如果双方都同意电子签名，并且所使用的软件保存记录，那么它们就被视为具有法律约束力的合同。然而，并非所有类型的法律文件都能使用电子签名。例如，需要公证的法律文件或表单需要法庭印章或见证人。需要注意的是，这篇文章并非法律建议，请咨询律师以获取实际的法律建议和指导。

准备您的合同协议表单

如果您还没有起草合同，建议咨询律师。您需要确保合同合法，并避免将来可能出现的问题。除了合同条款本身，您的合同表单可能需要填写以下内容：

• 签署人的姓名
• 签署人的地址
• 签署日期
• 客户或新员工签署合同的空间

准备好后，让我们在WordPress中创建包含数字签名字段的合同协议表单。

方法一：使用WPForms创建带有数字签名的合同表单

如果您想从WordPress仪表盘创建带有数字签名的合同表单，那么这种方法适合您。首先，安装并激活WPForms插件。详细信息请参阅我们的逐步指南，了解如何安装WordPress插件。

注意：WPForms也有免费版本。然而，本教程需要使用WordPress插件的专业版以解锁Signature插件。

激活后，前往WPForms » Settings页面，输入您的许可证密钥。您可以在WPForms网站的账户中找到此信息。

接下来，访问WordPress管理侧边栏中的WPForms » Addons页面，前往Signature插件。在这里，点击“Install Addon”按钮，插件将在您的网站上自动安装并激活。

现在，您已经准备好创建带有数字签名功能的合同协议表单。只需在WordPress仪表盘中转到WPForms » Add New页面以创建表单。这将启动WPForms表单构建界面，您需要为表单提供一个标题，然后选择一个模板。在本例中，我们将使用“Blank Form”模板，但您也可以选择其他模板。点击模板即可加载。

您可能希望在表单上方包含合同文本，可以将您的签名作为图像放置在页面上。在实际的表单中，您只需添加需要填写的字段。为了添加新字段，将其从左栏拖放到模板中。您可以通过在预览栏中上下移动字段来重新排列它们。

如果您想将签署后的表单副本发送给用户，请记得添加一个电子邮件字段，以便用户能够提供他们的电子邮件地址。当您对添加的字段感到满意时，是时候添加最重要的字段：签名字段。向下滚动到“Fancy Fields”部分，点击以将签名字段添加到表单中。

之后，点击该字段以在左栏中打开其设置。您可以在这里更改标题、添加描述，或者开启必填选项，这样用户在未填写此字段时将无法提交合同协议表单。完成后，您还可以切换到顶部的“Advanced”选项卡，以更改链接颜色、调整字段大小或为字段添加CSS类。

配置您的合同协议表单设置

只需点击“Settings”选项卡以查看表单设置。默认设置在大多数情况下适用，但您可能希望做出一些更改。特别是，您需要检查“Notifications”是否正确。默认情况下，签署的合同协议表单将在表单提交后发送到管理员的电子邮件地址。此地址通常是设置WordPress网站的人的电子邮件。如果不是您，那么请在此处输入您的电子邮件地址。

您还可能希望将表单副本发送给用户。为此，转到Settings » Notifications选项卡，并点击“Add New Notification”按钮。此时将弹出一个窗口，您需要为新的通知添加名称。让我们命名为“Send to User”。输入名称后，点击“OK”按钮。

现在您应该能看到新的通知。在“Send to Email Address”部分，点击Smart Tags链接并选择Email字段。检查其他所有通过了所有设置，并根据需要调整它们。WPForms现在将表单确认电子邮件也发送给用户。有关详细的指令，您可能想看看我们的如何创建具有多个收件人的联系表单的教程。

接下来，切换到“Confirmation”选项卡。在这里，您可以编辑签署此表单的客户（或员工或志愿者）将看到的确认消息。一切设置完毕后，只需点击屏幕顶部的“Save”按钮。您现在可以关闭并退出表单构建器。

将您的合同协议表单添加到您的网站

最后，您需要在您的WordPress网站上嵌入合同协议表单。您可以创建一个新页面或编辑现有页面。首先，需要在包含表单之前添加合同条款的正文。之后，只需将WPForms区块添加到内容区域。

从下拉菜单中选择您的合同协议表单，WPForms将在内容编辑器中自动加载表单预览。您现在可以保存或发布WordPress页面，使您的表单公开可用。之后，访问页面以查看您的合同协议表单的实际效果。不要忘记测试合同协议表单。您应该能够使用鼠标、触控板或触摸屏输入签名。

确保提交表单后看到确认消息并收到电子邮件。如果没有收到电子邮件，不要担心，这是一个常见问题，我们有修复WordPress不发送邮件的指令。

方法二：使用signNow电子签署合同表单

如果您已经有PDF或Microsoft Word格式的表单或协议，并希望邀请其他人签署合同，那么可以使用signNow。它可用于设置电子签名、生成协议、协商合同、与他人协作等。最好的部分是它提供免费试用。

首先，访问signNow网站并点击顶部的“Free Trial”按钮。也可以输入您的电子邮件地址并点击“Try for free”按钮。在下一个屏幕上，您需要为您的账户输入密码。signNow也允许您使用Facebook、微软或谷歌账户创建账号。之后，您将看到一个欢迎屏幕，您可以在这里输入您的姓名以创建数字签名。完成后，点击“Next”按钮。

接下来，signNow将向您显示签名样式和您的姓名缩写。如果需要，您可以更改签名样式，然后点击“Next”按钮。之后，您需要选择您对signNow感兴趣的内容。只需使用复选框选择一个或多个选项，然后点击“Next”按钮。然后，您可以邀请其他人在signNow上协作文档。只需输入电子邮件地址并点击“Invite”按钮。您也可以跳过此步骤，稍后邀请他人。

您现在已经准备好使用signNow在文档中添加电子签名。只需点击“Upload Your First Document”按钮即可开始。之后，从笔记本电脑或电脑中上传一份合同协议文档。signNow将加载您的合同文档查看器。在左侧菜单中，您可以选择谁将填写表单。例如，选择“Me (Fill Out Now)”选项，然后在合同的任意位置添加您的签名。之后，继续选择“Recipient 1”在“Select who will be filling out”部分。然后，将“Signature”元素添加到您希望他人签署之处。

接下来，点击顶部的“Continue”按钮。现在，您可以输入收件人的电子邮件地址，并点击“Send Invite”按钮。完成！您的收件人现在将收到电子邮件邀请以签署文件。一旦他们发回签署的合同，signNow将保存签名记录。

附加内容：在文章内容后添加您的签名

如果您是WordPress博客的作者，您可能希望在文章内容后添加签名以建立您的信誉。添加签名也可以作为版权声明，表明您对内容的所有权。为此，您需要安装并激活Ad Inserter插件。详细信息请参阅我们的如何安装WordPress插件教程。

激活后，前往WordPress仪表盘的Settings » Ad Inserter页面。在这里，您将看到多个选项卡，可以在其上添加签名或广告。现在，您需要在页面的内容编辑器中添加签名文字。您也可以通过添加以下代码并替换为您的首选图像链接来添加实际的签名图像。

<img src=”link-to-image”>

接下来，向下滚动页面以配置签名的位置。您将看到默认选中“Post”选项。现在选择下拉菜单中的插入点。要在每篇文章后显示广告或签名，您应选择“After content”选项。最后，不要忘记点击“Save Settings”按钮以保存设置。

有关详细说明，请参阅我们关于如何在WordPress文章内容后添加签名或广告的教程。我们希望这篇文章能帮助您了解如何在WordPress中创建带有数字签名的合同协议表单。您还可能对我们的WordPress最佳域名注册商初学者指南以及我们挑选的最佳WordPress电子签名软件感兴趣。如果您喜欢这篇文章，请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

什么是WordPress登录错误提示？

每当有人尝试使用错误的用户名或密码登录您的网站时，WordPress会在登录屏幕上显示错误消息。如果该人输入了错误的用户名或电子邮件地址，WordPress会显示以下错误信息：“该用户名没有注册在此站点。如果您不确定您的用户名，请尝试使用您的电子邮件地址。”

这对真正的用户可能很有帮助，但也告诉黑客他们输入了错误的用户名。输入正确的用户名但密码不正确会触发以下错误信息：“您为该用户名输入的密码不正确。忘记密码了吗？”这确认了攻击者猜测的用户名是正确的。

一旦黑客猜到了正确的用户名，接下来他们只需要猜测或窃取您的密码。WordPress网站所有者还可以使用电子邮件地址而不是用户名登录网站，这意味着黑客可以输入不同的电子邮件地址来尝试确定您用于WordPress帐户的地址。一旦黑客猜出了正确的电子邮件地址，WordPress会切换到“您为该用户名输入的密码不正确”错误信息。

隐藏WordPress登录错误提示

禁用WordPress登录错误提示的最简单方法是在WordPress中粘贴一些代码。尽管我们通常不建议初学者这样做，但WPCode使任何人都可以轻松地向其WordPress网站添加代码。您可以将以下代码片段添加到站点函数.php文件的底部，但这有可能破坏您的站点。我们建议安装免费的WPCode插件。有关详细说明，请参阅我们的WordPress插件安装指南。

您需要做的只是转到WordPress管理仪表板中的代码片段 » + 添加片段。将鼠标悬停在“添加自定义代码”上，然后点击“使用片段”。之后，只需为新的片段命名，并将以下代码粘贴到代码预览区域：

function no_wordpress_errors(){
  return '出了点问题！';
}
add_filter('login_errors', 'no_wordpress_errors');

此代码将默认登录页面错误消息更改为自定义消息，如“出了点问题！”。 您可以根据需要更改此行以显示任何消息。

确保从“代码类型”下拉菜单中选择PHP，然后您可以将开关从“非激活”切换到“激活”，并点击“保存片段”。

完成后，建议测试新的错误消息。为此，只需前往您的网站的登录页面，输入错误的用户名、密码或电子邮件，然后点击“登录”按钮。 WordPress现在将显示您的新错误消息，而不会给出任何可能出错的提示。

进一步保护您的WordPress网站

虽然这段代码会禁用WordPress中的登录提示，但它并不能保护您免受更高级的尝试或暴力攻击。阻止黑客进入您的站点的最简单方法是使用WordPress安全插件，如Sucuri或WordFence。

我们希望本文能帮助您学习如何隐藏WordPress登录错误消息中的提示。您可能还想查看我们为您推荐的最佳托管WordPress托管服务以及我们的WordPress安全专家指南。

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

默认情况下，WordPress记录并存储评论者的IP地址，以保护您免受垃圾评论的困扰。鉴于数据隐私法的兴起，您可能希望停止此功能以保护网站访客的数据隐私。在本文中，我们将展示如何在WordPress评论中阻止存储IP地址。

是否应该停止在WordPress评论中存储IP地址？

如果您希望确保网站符合《通用数据保护条例》(GDPR)，那么您应该考虑停止在WordPress评论中存储IP地址。默认情况下，WordPress会在您的网站上存储用户的IP地址（除非他们使用VPN）。这主要用于对抗来自可疑IP地址的垃圾评论。一些网站安全插件也可能使用IP地址将用户列入评论黑名单或阻止恶意IP地址，以防止诸如暴力破解攻击和DDoS攻击等威胁。

然而，一些用户可能会因为他们的IP地址被记录而感到不舒服，这会使您的WordPress网站的GDPR合规性降低。因为GDPR将IP地址归类为个人数据。大多数WordPress虚拟主机提供商会在有限的时间内保留所有访客的原始访问日志。此外，您可以在查看WordPress仪表板上的评论页面时查看这些IP地址。

现在，让我们看看如何停止存储IP地址以及如何提高您的WordPress安全性。以下是我们将介绍的内容概述：

• 如何在WordPress评论中停止存储IP地址
• 如何从旧的WordPress评论中删除IP地址
• 发现更多保护WordPress网站的方法

如何在WordPress评论中停止存储IP地址

第一种方法是使用WPCode插件。我们将使用这个插件插入一个自定义代码片段，以阻止您的网站在评论部分存储IP地址。如果这是您第一次使用代码，不用担心。WPCode的用户友好界面使得插入和管理自定义代码变得很容易，即使对初学者也是如此。

要使用WPCode，您需要先安装插件。有关更多指导，请查看我们关于如何安装WordPress插件的文章。

注意：本文将使用WPCode的免费版，但您可以升级到专业计划以获取更高级的功能，例如条件逻辑和定时片段。

现在，您需要从WordPress管理面板转到代码片段» + 添加片段。然后，点击“添加自定义代码片段”下的“使用片段”按钮。

您现在会看到创建自定义片段屏幕。首先，您需要为代码片段添加一个标题，可以是“禁用评论中的IP地址”。

在代码类型下拉菜单中，选择“PHP代码片段”。然后，在代码预览框中，您可以插入以下代码：

function wpb_remove_commentsip( $comment_author_ip ) {
return '';
}
add_filter( 'pre_comment_user_ip', 'wpb_remove_commentsip' );

接下来，滚动到“插入”部分。确保插入方法是“自动插入”，位置是“在所有地方运行”。这将确保代码正确添加到您的WordPress主题的functions.php文件中。

然后，确保右上角的开关显示为“激活”并点击“保存片段”。

现在，下次有人发表评论时，您不会在WordPress评论页面上看到他们的IP地址。

然而，您会注意到以前的评论仍然存储了这个信息。在教程的下一部分中，我们将讨论如何删除这些数据。

如何从旧的WordPress评论中删除IP地址

要从旧的WordPress评论中删除IP地址，您需要使用phpMyAdmin。这是一个通常与您的WordPress托管控制面板一起提供的数据库管理平台。

注意：在做任何事情之前，我们强烈建议您先备份WordPress数据库。这样，如果您犯了严重错误，您可以恢复数据库。

完成后，您需要登录到您的WordPress托管账户，并在控制面板中找到phpMyAdmin菜单。对于Bluehost用户，您可以通过转到“网站”并在仪表板中选择您要配置的网站来找到phpMyAdmin。它应位于“快速链接”下。

在phpMyAdmin中，您可以导航到“SQL”选项卡。然后，输入以下查询：

UPDATE wp_comments SET comment_author_IP = '';

请注意，如果您有自定义的WordPress数据库前缀，那么请将wp_comments更改为您的自定义表前缀。

完成后，只需点击文本区域下方的“执行”按钮运行您的查询。

此时，只需返回WordPress评论页面查看查询是否正常工作。就这么简单！

发现更多保护WordPress网站的方法

阻止WordPress在评论中存储IP地址是使您的网站更符合用户隐私法的重要一步。以下是您可以采用的其他方法，以更进一步：

• 如何在WordPress中添加GDPR评论隐私选择项复选框
• 如何在WordPress中创建GDPR合规表单
• 如何为GDPR/CCPA在WordPress中添加Cookie弹出窗口
• 改进合规性的最佳WordPress GDPR插件
• 如何知道您的WordPress网站是否使用了Cookie

我们希望这篇文章能帮助您了解如何在WordPress评论中阻止存储IP地址。您可能还希望查看我们专家推荐的最佳WordPress安全插件以及我们关于黑客劫持WordPress网站的标志的指南。

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

在 WordPress 中添加聊天機器人（步驟詳解）

最後更新於 2024 年 3 月 28 日，編輯部 撰文 | 審核：Syed Balkhi

您是否正在尋找在 WordPress 中添加聊天機器人的方法？聊天機器人是一種可以與訪問您網站的訪客進行對話的軟件。通過將聊天機器人添加到您的網站，您可以提供即時客戶支持，生成潛在客戶並改善用戶體驗。在這篇文章中，我們將逐步向您展示如何輕鬆地在 WordPress 中添加聊天機器人。

什麼是聊天機器人？

聊天機器人是一種使用聊天界面與您的網站訪客進行對話的計算機程序。它的作用就像您的客戶支持團隊使用實時聊天插件時一樣。然而，實時聊天是客戶與您的支持人員之間的實時對話，而聊天機器人是自動化的。

這意味著它們只能提供您為其編程的答案。例如，客戶服務聊天機器人可以回答有關產品或服務的問題，排除故障並提供建議。同樣，醫療保健聊天機器人可以即時回應有關健康狀況的問題，提供約會提醒並將患者與醫生聯繫。

為什麼要在 WordPress 中使用聊天機器人？

在您的 WordPress 網站中添加聊天機器人將允許您即使在您的支持團隊不在時，也能為訪客提供 24/7 的客戶支持。這將減少您的網站上的支持工單數量並改善用戶體驗。

聊天機器人還可以用於自動執行其他客戶支持任務，如回答常見問題，提供產品支持和解決小問題。這將節省大量時間，讓您的團隊專注於更複雜的問題。

如果您有一家在線商店，您還可以使用聊天機器人來了解客戶的興趣並詢問他們的需求。然後，聊天機器人可以回答客戶的問題並完成交易，提高用戶參與度。

方法一：使用 Heroic KB 添加聊天機器人（最佳客戶支持）

如果您希望創建一個自定義的聊天機器人來自動回應客戶支持查詢，那麼此方法最適合您。Heroic KB 是最佳的 WordPress 知識庫插件，該插件將可搜索的知識庫添加到您現有的網站。

它還帶有一個強大的 Heroic AI 助手，可以將聊天機器人添加到您的知識庫頁面。AI 聊天機器人直接從您的知識庫文章中進行培訓，為訪客問題提供準確的回應。您需要安裝並激活 Heroic KB 插件。要開始，請參閱我們的 WordPress 插件安裝教程。

安裝插件後，您必須創建一個知識庫，以便您可以在其上訓練您的 AI 聊天機器人。請確保您的知識庫包含詳細且高質量的文章，這樣可以幫助您的受眾了解如何使用您的產品/服務。

完成知識庫創建後，您可以設置 Heroic AI 助手。訪問 WordPress 儀表板上的 Heroic KB » 設置頁面，然後點擊 ‘幫助助手’ 標籤。在這裡，您需要勾選 ‘啟用幫助助手’、’在此站點顯示幫助助手’ 和 ‘AI 幫助助手’ 選項。

接下來，在 Heroic KB 設置頁面上點擊 ‘AI 幫助助手’ 標籤。在這裡，您需要添加 OpenAI 和 Pinecone 的 API 密鑰。您可以在 OpenAI 網站生成 API 密鑰，並在 Pinecone 網站生成 Pinecone API 密鑰。

複製並粘貼您的 API 密鑰後，您還需要填寫 ‘Pinecone 環境’ 字段。對於免費的 Pinecone 帳戶，您可以使用 gcp-starter 作為 Pinecone 環境。對於付費帳戶，您可以使用 Pinecone 支持的任何 GCP 區域。

方法二：使用 ChatBot 添加聊天機器人（最佳銷售和客戶服務）

如果您正在尋找一體化的聊天機器人來進行潛在客戶生成、銷售、客戶服務等，那麼此方法適合您。您可以使用 ChatBot 輕鬆地將聊天機器人添加到您的 WordPress 網站。這是最好的 AI 聊天機器人軟件，讓您可以使用拖放生成器製作聊天機器人。它還提供更多的聊天機器人自定義選項和多語言功能。

首先，您需要安裝並激活免費的 ChatBot 插件。激活後，訪問 WordPress 管理面板中的 ChatBot 選單標籤，然後點擊 ‘連接帳戶’ 按鈕。這將在新窗口中打開 ChatBot 網站，您需要輸入登錄憑證並點擊 ‘登錄’ 按鈕。

請注意，創建的聊天機器人需要 3-4 小時才能在 WordPress 儀表板中可見。選擇您剛創建的聊天機器人，然後點擊 ‘添加到站點’ 按鈕，現在您可以訪問您的網站查看聊天機器人。

方法三：使用 HubSpot 添加聊天機器人（免費又簡單）

如果您正在尋找免費且簡單的方法來構建聊天機器人，那麼您可以使用此方法。HubSpot 是一個出色的客戶關係管理 (CRM) 系統，提供一套用於銷售、客戶服務、營銷和內容管理的工具。

它甚至讓您可以通過其免費的聊天機器人生成器與網站訪客創建自動對話。首先，您需要在您的網站上安裝並激活 HubSpot 插件。激活後，您必須從 WordPress 管理側邊欄訪問 HubSpot 選單標籤並輸入您的電子郵件地址來創建 HubSpot 帳戶。

接下來，訪問 HubSpot » 即時聊天頁面，然後點擊 ‘創建聊天流’ 按鈕。這將引導您到 HubSpot 帳戶，在這裡您將創建聊天機器人的其餘部分。

額外提示：將實時聊天添加到您的 WordPress 網站

實時聊天是一種通過您的網站上的聊天窗口使訪客能夠與您的客戶支持團隊成員進行交流的通信工具。添加實時聊天到您的 WooCommerce 商店，允許客戶快速輕鬆地獲得幫助，而不需要等待或發送電子郵件。

您可以使用 LiveChat，包括預製的實時聊天模板、實時聊天、多支持渠道、預製回應等功能，輕鬆地將此功能添加到您的網站。

編輯註：我們通過 WPressize Me 上的合作夥伴鏈接賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多有關我們的編輯流程。

你想在 WordPress 中創建一個聯盟產品框嗎？

一個產品框可以幫助你更吸引地展示聯盟產品，吸引用戶的注意力並增加他們點擊聯盟鏈接的機會，從而幫助你從博客中賺取一些被動收入。

在這篇文章中，我們將向你展示如何輕鬆地在 WordPress 中創建一個聯盟產品框。

為什麼要在 WordPress 中創建聯盟產品框？

聯盟產品框被營銷人員用於他們的 WordPress 網站上，以向讀者展示和推廣特定產品。

此框通常包含產品標題、圖片、描述和促進點擊和購買的行動號召（CTA）。

這是一個受歡迎的聯盟營銷策略，可以提高轉化率、增加品牌曝光度並節省時間和資源，是在線賺錢的好方法。

你可以輕鬆地將聯盟產品框添加到博客文章中，以吸引潛在客戶並從任何由此產生的銷售中賺取佣金。

話不多說，讓我們看看如何輕鬆地在 WordPress 中創建一個聯盟產品框而不使用任何代碼：

方法1：使用 Pretty Links 創建聯盟產品框（推薦）
方法2：在區塊編輯器中創建聯盟產品框（免費）
方法3：使用 SeedProd 為聯盟登陸頁面創建產品框
額外：在你的網站上創建聯盟計劃

方法1：使用 Pretty Links 創建聯盟產品框（推薦）

你可以輕鬆地使用 Pretty Links 創建產品聯盟框。它是最好的聯盟營銷工具，可以非常輕鬆地在你的 WordPress 網站上創建和管理聯盟鏈接。

首先，你需要安裝和激活 Pretty Links 插件。更多指示請參閱我們的初學者指南，了解如何安裝 WordPress 插件。

注意：Pretty Links 也有免費版。但是，你需要購買專業版計劃才能使用產品展示插件。

激活後，從 WordPress 管理側邊欄訪問 Pretty Links » 附加插件頁面。從這裡，只需點擊“安裝插件”按鈕即可安裝和激活“產品展示”插件。

激活插件後，只需轉到 Pretty Links » 添加新頁面開始創建聯盟鏈接。首先，你必須在頂部的“添加標題”字段中輸入聯盟產品名稱。該標題將顯示為你的產品聯盟框的標題。

然後，在“目標URL”框中輸入聯盟URL。接下來，在“Pretty Link”框中輸入鏈接的最後部分。

接下來，從左側邊欄切換到“產品展示”標籤。一旦到了這裡，你可以從“主題”下拉菜單中選擇產品聯盟框的主題。

接下來，點擊“更新圖片”按鈕，從 WordPress 媒體庫或你的電腦上傳產品圖片。

完成後，在“描述”框中輸入產品描述。接著，請在“價格”選項旁邊設置產品價格。

你還可以在你的產品聯盟框頂部添加徽章。例如，如果你正在推廣的商品正在促銷，你可以向顧客顯示此信息。要添加徽章，只需在“徽章文本”選項旁鍵入文本。

接下來，為聯盟產品的行動號召按鈕輸入文本。這將是產品聯盟框內按鈕顯示的文字。

我們創建的聯盟鏈接將自動添加到 CTA 按鈕中。如果你在博客上撰寫了該聯盟產品的評論，你可以將該文章的URL添加到“評論URL”框中。點擊它的讀者將被引導到你的評論文章。

要為評論按鈕添加 CTA，只需在“評論按鈕文本”選項中輸入一些文本。完成後，點擊頂部的“更新”或“發布”按鈕。

在頁面或文章中添加產品聯盟框

現在，你需要將產品聯盟框添加到你的 WordPress 網站上的某個頁面或文章中。對於本教程，我們將產品聯盟框添加到文章中。首先，從 WordPress 管理側邊欄打開一個新的或現有的文章。

接下來，點擊左上角的“添加區塊”按鈕以查找並添加 PL 產品展示區塊到文章編輯器中。然後，點擊“添加展示”按鈕。

這將打開 “產品展示” 提示框。從這裡，在下拉菜單中選擇“單鏈接”選項。選擇聯盟鏈接後，產品展示框將自動添加到你的文章或頁面中。最後，點擊“更新”或“發布”按鈕保存更改。

方法2：在區塊編輯器中創建聯盟產品框（免費）

對於此方法，我們將向你展示如何使用區塊編輯器輕鬆創建聯盟產品框。首先，從 WordPress 管理側邊欄打開一個新的或現有的文章。到達那裡後，點擊左上角的“添加區塊”按鈕打開區塊菜單。接下來，查找並添加“列”區塊到文章中。

一旦完成，將顯示列變體列表。要繼續，請點擊 50/50 變體。

這將向你的文章添加兩個並排的區塊。你可以通過點擊屏幕左側的“+”按鈕，然後選擇圖像區塊，從 WordPress 媒體庫中添加聯盟產品圖片。

接下來，必須在右側列點擊“+”按鈕，然後選擇標題區塊並輸入產品名稱。

然後，點擊區塊工具欄中的“選擇列”圖標，然後點擊底部的 “+” 按鈕打開區塊菜單。從這裡，選擇段落區塊並輸入產品描述。

現在，要完成你的產品聯盟框，你需要添加行動號召按鈕及其聯盟鏈接。為此，你需要退出區塊編輯器。別忘了點擊“保存草稿”按鈕保存設置後再返回 WordPress 管理儀表板。

創建聯盟鏈接

有很多聯盟營銷工具可以在你的 WordPress 網站上創建和管理聯盟鏈接。對於本教程，我們將使用 Pretty Links，這是最好的 WordPress 聯盟營銷插件。首先，安裝和激活 Pretty Links 插件。更多指示請參閱我們的初學者指南，了解如何安裝 WordPress 插件。

激活後，前往 Pretty Link » 添加新頁面。到達後，必須在“添加標題”字段中輸入產品名稱。接下來，將你的聯盟產品 URL 複製並粘貼到“目標URL”選項旁邊。

現在，你可以在“Pretty Link”框中輸入自定義 URL 字尾。Pretty Links 會使用它作為為你創建的聯盟URL的末尾。完成後，點擊“更新”按鈕生成聯盟鏈接。你將被重定向到“鏈接”頁面。從這裡，只需從“Pretty Links”列中複製聯盟鏈接。

將聯盟鏈接添加到產品框中

現在，返回到你正在創建聯盟產品框的博客文章。一旦到達那裡，只需在你的 “列” 區塊右側列中點擊以打開區塊工具欄，然後點擊“選擇列”按鈕。這將打開區塊菜單。接下來，添加按鈕區塊。要添加鏈接，請點擊 “按鈕” 區塊工具欄中的“鏈接”圖標。這將打開一個彈出框，你必須將從 Pretty Links 頁面複製的聯盟鏈接粘貼到其中。你也可以在框中的搜索欄中搜索聯盟鏈接。

最後，你需要在 CTA 按鈕中添加一些文本。確保用一個令人興奮的短語作為你的行動號召，以鼓勵顧客點擊鏈接。你還可以使用區塊設置來樣式化你的聯盟產品框。為此，切換到區塊面板中的“樣式”圖標。從這裡，你可以使用顏色選擇器選擇聯盟產品框的背景和文本顏色。最後，點擊“發布”或“更新”按鈕保存更改。

方法3：使用 SeedProd 為聯盟登陸頁面創建產品框

如果你想為自定義聯盟登陸頁面創建一個美觀的產品框，那麼此方法適合你。你可以使用 SeedProd，這是市場上最好的 WordPress 頁面生成器插件。它幫助你無需任何代碼即可創建視覺上吸引的網站。首先，安裝和激活 SeedProd 插件。更多詳情請參閱我們的逐步指南，了解如何安裝 WordPress 插件。

注意：SeedProd 也有免費版。但是我們將使用高級版，因為它提供了更多設計功能。激活後，訪問 SeedProd » 設置頁面輸入插件許可密鑰。你可以在 SeedProd 網站的帳戶中找到此信息。

接下來，轉到 SeedProd » 登陸頁面部分，然後點擊“添加新登陸頁面”按鈕。對於本教程，我們將在登陸頁面中添加聯盟產品框。你現在將被帶到“選擇新頁面模板”屏幕。從這裡，你可以選擇 SeedProd 提供的任何預製模板。選擇完畢後，你會被要求輸入頁面名稱並選擇 URL。輸入詳細信息後，點擊“保存並開始編輯頁面”按鈕。

這將啟動 SeedProd 的拖放頁面生成器。從這裡，在左側邊欄找到列區塊並將其拖到右側的設計界面上。添加區塊後，系統會要求你選擇列佈局。要添加兩個並排的區塊，請簡單地點擊 50/50 變體。

現在，你可以通過將圖像區塊拖放到左側列來開始。接下來，點擊圖像區塊以在側邊欄中打開其區塊設置。從這裡，只需點擊“使用你的圖片”按鈕，從媒體庫中選擇聯盟產品圖片或從你的電腦上傳。

之後，將標題區塊拖放到右側列中並添加聯盟產品名稱。你可以使用左側列中的設置調整對齊方式和字體大小。完成後，需要將文本區塊拖放到產品標題下方。你可以為你正在推廣的聯盟產品添加描述。之後，點擊“保存”按鈕保存更改。

創建聯盟鏈接

首先，你需要安裝和激活 Pretty Links 插件。更多詳情請參閱我們的初學者指南，了解如何安裝 WordPress 插件。激活後，從管理側邊欄轉到 Pretty Link » 添加新頁面。在這裡，你可以首先在“添加標題”字段中鍵入產品名稱，以便於查找聯盟鏈接。簡單地輸入聯盟公司的名稱或產品本身名稱。接下來，將聯盟鏈接添加到“目標URL”選項旁邊。之後，在“Pretty Link”框中鍵入字尾。該字尾將出現在你的聯盟鏈接的末尾。

最後，點擊“更新”按鈕生成鏈接。你將被重定向到“鏈接”頁面。從這裡，只需從“Pretty Links”列中複製聯盟鏈接。

將聯盟鏈接添加到 SeedProd 產品框中

複製聯盟鏈接後，你需要打開正在設計聯盟產品框的 SeedProd 登陸頁面。到這裡後，只需將按鈕區塊拖放到產品描述下方。接下來，你需要點擊按鈕以在左側欄中打開其區塊設置。在這裡，你必須將聯盟鏈接複制並粘貼到“鏈接”框中。然後，將一些文本輸入到“按鈕文本”框中，作為行動號召。

要樣式化聯盟產品框，你需要選擇列區塊以在左側列中打開其設置。從這裡，你可以選擇背景顏色甚至添加背景圖片到你的產品框中。你還可以根據需要調整列區塊的寬度和對齊方式。完成後，點擊“保存”按鈕保存設置。這是我們演示網站上聯盟產品框的效果。

額外：在你的網站上創建聯盟計劃

除了促銷其他公司的產品外，你還可以創建自己的聯盟計劃來增加在線業務的銷售。這是一種成本效益高的營銷策略，允許其他公司加入你的計劃並在他們的網站上推廣你的服務，以獲得小額佣金。通過啟動推薦計劃，你可以觸及更廣泛的受眾，建立潛在買家的信任，最終提升你網站上的轉化率。

例如，如果你擁有電子商務商店，通過啟動聯盟計劃，你可以為客戶、粉絲和其他數字營銷人員提供推廣你的產品的激勵，每次銷售都能獲得少量佣金。

你可以輕鬆地使用 AffiliateWP 在你的網站上啟動推薦計劃。它是市場上最好的 WordPress 聯盟追踪和管理軟件，讓你完全掌控你的聯盟計劃。它具有簡易設置、高級聯盟鏈接追踪、詳細報告、靈活的付款選項，以及與流行插件如 MemberPress、Easy Digital Downloads 和 WooCommerce 的集成。

更多信息請參閱我們的完整 AffiliateWP 評論。這些插件讓你輕鬆地啟動聯盟計劃，進入新市場以增加品牌知名度和生成潛在客戶。詳細指導請參閱我們的教程，了解如何在 WordPress 中創建推薦計劃。

我們希望這篇文章幫助你了解如何在 WordPress 中添加聯盟產品框。你也許還想看看我們的文章，了解如何在你的 WordPress 網站上遮蔽聯盟鏈接，以及我們對 Pretty Links 和 Thirsty Affiliates 的比較，以找到適合你網站的聯盟管理插件。

如果你喜歡這篇文章，請訂閱我們的 YouTube 頻道，觀看 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。

如何輕鬆優化 WordPress CSS 傳遞（2 種方法）

最後更新時間：2024 年 2 月 9 日，編輯團隊 | 審核人：Syed Balkhi

分 享

193

分享

推文

分享

Facebook Messenger

WhatsApp

電子郵件

編輯註：我們從 WPressize Me 的合作夥伴連結中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多有關編輯流程的資訊。

您想優化您的 WordPress CSS 傳遞嗎？

CSS 文件控制著您的 WordPress 網站的視覺格式和樣式。但是，如果您的 CSS 代碼未以最佳方式傳遞，那麼它可能會減慢您的網站速度。

在這篇文章中，我們將向您展示兩種簡單的方法來優化您的 WordPress CSS 傳遞。

WordPress CSS 傳遞如何影響 WordPress 性能

CSS 文件用於定義您的 WordPress 網站的視覺外觀。您的 WordPress 主題包含一個 CSS 樣式表文件，有些插件也可能使用 CSS 樣式表。

CSS 是現代網站必不可少的，但根據其設置方式，CSS 文件可能會降低網站的速度和性能。

即使是網站速度的小延遲，也會造成不良的用戶體驗，並可能影響您的搜索排名和轉換，導致流量和銷售減少。

CSS 文件減慢您的網站的一種方式是，如果它們需要在頁面顯示之前被加載，那麼您的訪客將會看到一個空白頁面，直到 CSS 文件加載完成。這被稱為阻止渲染的 CSS。

另一個常見的原因是 CSS 文件包含了顯示當前頁面可見部分所需的更多代碼。這些額外的未使用的 CSS 代碼意味著其加載時間將更長。

好消息是，您可以通過優化 CSS 代碼的傳遞方式來提高您的 WordPress 站點性能。

這是通過識別顯示當前網頁第一部分所需的最小 CSS 代碼來完成的，這被稱為「關鍵 CSS」。

然後，將這部分關鍵代碼內聯添加到頁面的 HTML 中，而不是在單獨的樣式表中，以便在不需要先加載 CSS 文件的情況下可以渲染代碼。

其餘的 CSS 可以在訪客看到頁面內容後加載，這被稱為「延遲加載」。

話不多說，讓我們看看兩種優化 WordPress CSS 傳遞的方法，您可以選擇最適合您的方法：

使用 WP Rocket 優化 WordPress CSS 傳遞

使用 Autoptimize 優化 WordPress CSS 傳遞

方法一：使用 WP Rocket 優化 WordPress CSS 傳遞

WP Rocket 是市場上最好的 WordPress 緩存插件。它提供了最簡單的方法來優化您的 WordPress CSS 傳遞。事實上，這樣做就像勾選一個框一樣簡單。

WP Rocket 是一個付費插件，但最棒的是所有功能都包含在其最低的計劃中。

首先，您需要安裝和激活 WP Rocket 插件。 有關更多詳細資訊，請參閱我們的分步指南，了解如何安裝 WordPress 插件。

激活後，您需要導航到「設置」»「WP Rocket」頁面，並切換到「文件優化」標籤。

然後，您需要向下滾動到 CSS 文件部分。

到達那裡後，需要勾選「優化 CSS 傳遞」選項旁邊的框。

這一功能將智能地識別設置訪客首先看到的頁面部分所需的關鍵 CSS。您的頁面將加載得更快，其餘的 CSS 將在訪客看到其內容後加載。

現在，您只需要點擊「保存更改」按鈕，並等待 WP Rocket 為您的所有文章和頁面生成必要的 CSS 文件。

它還會自動清除您網站的快取，以便訪客看到最新的優化版本，而不是存儲在快取中的未優化版本。

WP Rocket 可以幫助您改善網站性能的方式還有很多。要了解更多，請參閱我們的指南，了解如何正確安裝和設置 WP Rocket 在 WordPress 中。

方法二：使用 Autoptimize 優化 WordPress CSS 傳遞

Autoptimize 是一個免費的插件，旨在改進您的網站 CSS 和 JavaScript 文件的傳遞。

雖然 Autoptimize 是一個免費插件，但它不如 WP Rocket 功能齊全，並且需要更多的設置時間。

例如，它無法像 WP Rocket 一樣自動識別關鍵 CSS。相反，Autoptimize 需要第三方服務的幫助，這是一個額外的費用，並需要額外的配置時間。

然而，這可能是一個不錯的選擇，如果您的預算緊張且不需要 WP Rocket 的所有功能來加速您的網站。

首先，您需要安裝和激活 Autoptimize 插件。 有關更多詳細資訊，請參閱我們的分步指南，了解如何安裝 WordPress 插件。

啟用後，您需要訪問「設置」»「Autoptimize」頁面來配置插件設置。到那裡後，您需要向下滾動到 CSS 選項部分，並勾選頂部的「優化 CSS 代碼」框。

一旦這樣做，您需要確保「聚合 CSS 文件」選項未勾選，然後勾選「消除阻塞渲染的 CSS」。

您現在可以點擊「保存更改和清空快取」按鈕來儲存您的設置。

但是，插件將無法正常工作，直到您註冊一個 Critical CSS 帳戶。這是一個付費訂閱服務，將為 Autoptimize 提供其所需的關鍵 CSS 代碼，以優化您的 WordPress CSS 傳遞。

為此，導航到 Autoptimize 設置中的 Critical CSS 標籤。在這裡您會找到註冊 Critical CSS 所需的資訊。您可以通過點擊第三段中的註冊鏈接開始。

收到您的 Critical CSS API 金鑰後，向下滾動到 API 金鑰部分，您可以將其粘貼到「您的 API 金鑰」文本框中。

之後，確保點擊「保存更改」按鈕。

Autoptimize 現在擁有所有資訊，可以內聯添加關鍵 CSS，並在頁面渲染後延遲加載樣式表。結果是，您的網站將具有更快的加載速度。

我們希望這篇教程能幫助您了解如何優化 WordPress CSS 傳遞。您可能還想查看我們的終極指南，了解建立 WordPress 網站的真實成本，以及我們精選的最佳受管理 WordPress 主機公司。

如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道，獲取 WordPress 影片教程。您也可以在 Twitter 和 Facebook 上找到我們。

分 享

193

分享

推文

分享

Facebook Messenger

WhatsApp

電子郵件

如何向WordPress视觉编辑器添加自定义样式

你想在WordPress视觉编辑器中添加自定义样式吗？添加自定义样式可以让你在不切换到文本编辑器的情况下快速应用格式。在本文中，我们将向你展示如何将自定义样式添加到WordPress的视觉编辑器中。

为什么以及何时需要为WordPress视觉编辑器添加自定义样式

默认情况下，WordPress视觉编辑器提供一些基本的格式和样式选项。然而，有时你可能需要自己的自定义样式来添加CSS按钮、内容块、标语等。你可以随时从视觉编辑切换到文本编辑器并添加自定义HTML和CSS。但如果你经常使用某些样式，那么将它们添加到视觉编辑器中会更好，这样你就可以轻松地重复使用它们。这样可以节省你在视觉编辑器和文本编辑器之间来回切换的时间。此外，它还可以让你在整个网站中一致地使用相同的样式。最重要的是，你可以轻松调整或更新样式，而无需编辑网站上的文章。

方法1：使用插件在视觉编辑器中添加自定义样式

首先，你需要安装并激活TinyMCE Custom Styles插件。激活后，你需要访问设置 » TinyMCE Custom Styles页面来配置插件设置。插件允许你选择样式表文件的位置。它可以使用你的主题或子主题的样式表，或者你可以选择自己的自定义位置。之后，你需要点击“保存所有设置”按钮以存储更改。现在你可以添加你的自定义样式。你需要向下滚动一点到样式部分，然后点击“添加新样式”按钮。首先，你需要为样式输入一个标题。这个标题将在下拉菜单中显示。接下来，你需要选择它是内联、块还是选择器元素。之后，添加一个CSS类，然后添加你的CSS规则。

方法2：手动向WordPress视觉编辑器添加自定义样式

步骤1：在WordPress视觉编辑器中添加自定义样式下拉菜单

首先，我们将在WordPress视觉编辑器中添加一个格式下拉菜单。这个下拉菜单将允许我们选择并应用我们的自定义样式。你需要将以下代码添加到你的主题的functions.php文件或站点特定的插件中。

function wpb_mce_buttons_2($buttons) { array_unshift($buttons, 'styleselect'); return $buttons; } add_filter('mce_buttons_2', 'wpb_mce_buttons_2');

步骤2：向下拉菜单添加选择项

现在你需要向刚刚创建的下拉菜单添加选项。这些选项可以在格式下拉菜单中选择和应用。对于本教程，我们添加了三个自定义样式来创建内容块和按钮。你需要将以下代码添加到你的主题的functions.php文件或站点特定的插件中。

function my_mce_before_init_insert_formats( $init_array ) { $style_formats = array( array( 'title' => '内容块', 'block' => 'span', 'classes' => 'content-block', 'wrapper' => true, ), array( 'title' => '蓝色按钮', 'block' => 'span', 'classes' => 'blue-button', 'wrapper' => true, ), array( 'title' => '红色按钮', 'block' => 'span', 'classes' => 'red-button', 'wrapper' => true, ), ); $init_array['style_formats'] = json_encode( $style_formats ); return $init_array; } add_filter('tiny_mce_before_init', 'my_mce_before_init_insert_formats');

步骤3：添加CSS样式

最后一步是为你的自定义样式添加CSS规则。你需要将这些CSS添加到你的主题或子主题的style.css和editor-style.css文件中。

.content-block { border:1px solid #eee; padding:3px; background:#ccc; max-width:250px; float:right; text-align:center; } .content-block:after { clear:both; } .blue-button { background-color:#33bdef; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #057fd0; display:inline-block; cursor:pointer; color:#ffffff; padding:6px 24px; text-decoration:none; } .red-button { background-color:#bc3315; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; padding:6px 24px; text-decoration:none; }

编辑器样式表控制你在视觉编辑器中内容的外观。查看你的主题文档以找到这个文件的位置。如果你的主题没有编辑器样式文件，那么你可以创建一个。只需创建一个新的CSS文件并命名为custom-editor-style.css。你需要将这个文件上传到你的主题根目录，然后在你的主题的functions.php文件中添加此代码。

function my_theme_add_editor_styles() { add_editor_style( 'custom-editor-style.css' ); } add_action('init', 'my_theme_add_editor_styles');

就是这样。你已经成功地在WordPress视觉编辑器中添加了你的自定义样式。随意通过添加自己的元素和样式来玩转这个代码。我们希望这篇文章能够帮助你学习如何在WordPress视觉编辑器中添加自定义样式。

为什么要将用户重定向到WordPress维护页面？

您可能会想为什么不让用户直接看到 WordPress 网站的工作进度。虽然将事情摆在那里并非没有诱惑，但使用维护页面确实有几个优势。例如，一个设计良好的维护页面显示了即使在停机期间您仍然重视用户体验。它比一个损坏的网站或令人困惑的错误信息更专业。坦诚维护还可以向访客表明您正在积极进行后端工作，这有助于建立信任和管理预期。

将用户重定向到维护页面也有助于 WordPress SEO。搜索引擎会惩罚那些经常宕机或显示错误的网站。使用维护页面可以指出是临时问题，从而保护您的搜索引擎排名。此外，维护页面可以用来收集电子邮件地址、推广社交媒体渠道，甚至展示未来的预告片，使访客即使在您网站离线时也保持互动。

在WordPress中创建维护页面

首先，您需要创建一个维护页面，最佳工具是SeedProd。这是一个对初学者友好的拖放页面构建器，提供预建模板和大量自定义选项。它可以让您轻松构建吸引人的维护页面并设置 WordPress 维护重定向。在本教程中，我们将使用免费版本的 SeedProd Lite。还有一个提供更多功能和自定义选项的高级版本。该插件还允许您可以选择在整个网站或特定页面上展示维护页面。

首先，您需要安装并激活 SeedProd 插件。如果您需要帮助，请参见我们的 WordPress 插件安装指南。激活后，您应该会看到 SeedProd 的设置向导。要配置插件，只需点击“开始”按钮并按照屏幕上的说明进行操作。

接下来，您可以从 WordPress 仪表盘前往 SeedProd » 登陆页面。从这里，只需点击“设置维护模式页面”按钮。此后，SeedProd 将向您显示多个页面模板可供选择。免费版本提供的选择有限。然而，如果您订阅 SeedProd 的新闻通讯，您可以解锁 10 个更多模板。要选择模板，只需将鼠标悬停在其上，然后点击橙色的勾选按钮。选择模板后，您应该会看到一个拖放页面构建器。在这里，您可以通过添加新模块或重新排列现有模块来编辑维护页面的设计。

例如，插件允许您添加像标题和图片这样的标准模块，或者从高级模块中选择，如联系表单，以便用户在有任何关于您计划的维护的问题时可以联系到您。您还可以添加倒计时器，告诉用户您的网站何时会重新上线。如果您点击或选择模板中的现有模块，您还可以对此块进行进一步编辑。例如，您可以更改文本、字体、颜色和样式，或者简单地删除不符合您需求或品牌主题的模块。

完成维护页面设计的编辑后，您可以从顶部切换到“页面设置”选项卡。在“常规”设置中，您可以输入页面标题。如果您愿意，接下来需要将页面状态从草稿更改为发布完成后，请点击顶部的“保存”按钮并退出页面构建器。

在WordPress中将访客重定向到维护页面

您关闭页面构建器时，将弹出一个对话框，询问您是否激活维护模式。请继续点击“是，激活”按钮。您也可以通过从 WordPress 仪表盘前往 SeedProd » 登陆页面来设置 WordPress 维护重定向。在维护模式部分，您可以点击开关将其设为“激活”以启用页面。

接下来，您可以访问您的网站以查看新创建的维护页面。现在，如果访客访问您的网站，他们将看到该页面而不是实际的网站。

附加选项：将维护任务外包给专业人士

如果您需要处理多个维护任务以保持网站的顺利运行并提供新功能，则应该考虑聘请 WordPress 支持机构。机构可以改善您的网站性能、进行定期云备份、监控正常运行时间、扫描网站以查找恶意软件，并提供 24/7 的全方位托管 WordPress 维护。这将让您腾出手来专注于其他任务，例如发展您的业务。在我们看来，WPressize Me的WordPress维护服务是市场上最优秀且最实惠的一种。我们有超过16年的经验，曾帮助100,000多位用户处理WordPress问题。我们的专家提供全天候支持、常规备份和网站优化，以实现快速性能。

维护页面的其他资源

以下是一些有关WordPress维护页面的实用指南和资源：

• WordPress维护：初学者终极指南
• 您可以在WordPress网站上使用的维护页面创意
• 即将推出模式与维护模式：有什么区别？（解释）
• 如何为WooCommerce启用维护模式
• 如何将WordPress网站设置为维护模式
• 如何为客户创建WordPress维护报告

我们希望本文能帮助您了解如何在WordPress中将访客重定向到维护页面。您可能还会想看看我们关于如何在WordPress中创建漂亮即将推出页面的指南，以及我们的顶级电商网站维护技巧。如果你喜欢这篇文章，请订阅我们的 YouTube 频道以获取 WordPress 视频教程。您也可以在 Twitter 和 Facebook 上找到我们。

如何自訂 WooCommerce 電子郵件（兩種簡單的方法）

最後更新於 2024 年 2 月 23 日，由編輯部 | 評審：Syed Balkhi

分享

435

編輯提示：在 WPressize Me，我們從合作夥伴鏈接中賺取佣金。佣金不會影響我們編輯的意見或評價。瞭解更多有關我們的編輯流程。

為什麼要自訂您的 WooCommerce 電子郵件？

在經營 WooCommerce 商店時，您的客戶會收到不同的交易電郵。這些電郵幫助他們獲得訂單確認、追踪訂單狀態、獲得發票、學習如何退貨，以及瞭解更多有關您的網上商店的信息。預設情況下，由 WooCommerce 發送的電郵設計和佈局是簡單和通用的。大多數商務業主沒有自訂它們，而是使用標準模板，如下所示：

自訂 WooCommerce 電子郵件的好處

自訂 WooCommerce 電子郵件可以開闢很多機會。當您的電郵與您的品牌相符時，可以幫助建立客戶的信任，提升品牌認知度，並讓他們再次光臨您的商店。您甚至可以在電郵中包含折扣券、展示熱門產品或宣布即將到來的特賣。這樣一來，您將通過鼓勵人們購買更多產品獲得更多銷售。

如何自訂您的 WooCommerce 電子郵件

在這裡，我們將展示如何自訂您的 WooCommerce 電子郵件。我們將介紹兩種方法：使用 WooCommerce 的預設電郵設置，和使用強大的 WooCommerce 電郵自動化插件進行自訂。

使用全局設置自訂 WooCommerce 電子郵件

要編輯您的 WooCommerce 電子郵件的文字和基本顏色，您可以使用 WooCommerce 的預設全局設置。只需從您的 WordPress 管理面板導航到 WooCommerce » 設置，然後點擊「電郵」標籤。

在這裡，您可以看到 WooCommerce 發送給客戶的所有電郵，包括新訂單通知、訂單取消通知、訂單失敗通知、訂單退款通知、密碼重設、新帳戶創建等電郵。接下來，您可以向下滾動到「電郵發件者選項」和「電郵模板」部分。在這些部分中，您可以選擇編輯發件人名稱和電郵地址。

此外，您可以通過添加標題圖片、頁尾文字、改變基本顏色、背景顏色和正文文字顏色來自訂您的 WooCommerce 電郵，使它們更符合您的品牌。

完成後，別忘了保存您的變更。請注意，這些變更是全局性的，將影響所有的 WooCommerce 電郵。您還可以點擊「點擊這裡預覽您的電郵模板」鏈接來預覽變更。

WooCommerce 還允許您自訂每封單獨的電子郵件。在 WooCommerce 設置中的電郵標籤中，您可以點擊任何一封電郵或點擊「管理」按鈕來查看特定電郵的設置。

之後，您可以自訂電郵的不同元素，例如輸入新的電郵主題行、內容、電郵標題和電郵類型。完成後，請點擊「保存變更」按鈕。

使用 FunnelKit Automations 自訂 WooCommerce 電子郵件

另一種自訂 WooCommerce 電子郵件的方法是使用 FunnelKit Automations，這是一個受歡迎的 WooCommerce 營銷自動化插件。除了可以完全自訂 WooCommerce 電子郵件外，它還允許您設置智能自動跟進電郵和工作流程來提升銷售。

首先，您需要安裝和啟動 FunnelKit Automations 插件。更多詳情，請參閱我們的安裝 WordPress 插件指南。激活後，您可以從 FunnelKit Automations 儀表板導航到 Campaigns » Automations (Next-Gen) » Add New Automation，查看其不斷增長的預構建 WooCommerce 電子郵件庫，這些邮件被證明能獲得成果。

只需點擊一次即可導入整個電子郵件自動化流程，包括預寫的電郵內容、延遲間隔、目標等。然後，您可以使用可視化電郵自動化生成器來進行任何需要的自訂。例如，這是 WooCommerce 廢棄購物車回收電郵的工作流程。

FunnelKit Automations 允許您自訂任何 WooCommerce 電郵，甚至可以使用 WordPress 內置的拖放式電郵生成器來創建自訂 WooCommerce 電郵。您可以從 WordPress 儀表板導航到 FunnelKit Automations » Templates，然後點擊「新增電郵模板」按鈕。

接下來，您可以為您的電郵模板輸入一個名稱。只需點擊「添加」按鈕繼續。

之後，插件會讓您選擇您的電郵主題行和預覽文字。除此之外，您還可以通過三種方法來自訂您的 WooCommerce 電郵內容，包括豐富文本、原始 HTML 或可視化生成器。請選擇「可視化生成器」選項並點擊「開始」按鈕。

這將啟動拖放式電郵生成器。您可以從左側選單中選擇不同的元素並將它們放置在模板上。例如，在「內容」標籤中，您可以添加列、按鈕、標題、菜單、文本等。

如果您進入「主體」標籤，則可以進一步自訂每個元素，如編輯文字顏色、對齊方式、字體、尺寸等。完成後，可以點擊頂部的「保存」按鈕。

有一個選項可以向指定地址發送測試電子郵件，查看您的 WooCommerce 電子郵件的外觀。您現在可以重複這些步驟，創建任意多的自訂 WooCommerce 電子郵件。

FunnelKit Automations 的強大之處在於其基於目標的自動化電郵生成器，為每封電郵顯示內聯分析。

FunnelKit Automations 是 FunnelKit (前身為 WooFunnels) 的姊妹產品，後者是一個強大的 WooCommerce 銷售漏斗生成器。您可以使用它從頭到尾創建完整的銷售漏斗，並最大化您的銷售。它帶有預構建的自訂結帳頁面模板、訂單升級、一鍵升級銷售等。

如果您認真想要增長您的 WooCommerce 商店，那麼 FunnelKit Automations 是不可或缺的解決方案。

額外提示：修復 WooCommerce 電郵無法發送問題

直接從 WordPress 發送電子郵件可能會導致投遞問題。這是因為 WordPress 使用 PHP mail() 函數來發送電子郵件，而大多數網絡託管公司並未正確配置它。結果，您的 WooCommerce 電子郵件無法到達收件人或進入垃圾郵件夾。為了解決這個問題，您可以使用 SMTP 服務。SMTP (安全郵件傳輸協議) 是一種標準的電子郵件發送方式，確保電子郵件到達客戶的收件箱。

WP Mail SMTP 是最好的 WordPress SMTP 服務。它可以顯著提高電郵投遞率，解決電郵丟失或進入垃圾郵件夾的問題。WP Mail SMTP 兼容不同的郵件服務商，如 Sendinblue、Amazon SES、Microsoft Outlook、Gmail 等。此外，它還能輕鬆與 FunnelKit 集成。

要將 WP Mail SMTP 與 FunnelKit Automations 連接，只需從 WordPress 儀表板導航到 FunnelKit Automations » 電郵設置。然後點擊「安裝」按鈕，安裝並啟動 WP Mail SMTP。安裝後，只需點擊「開始設置」按鈕，並按照屏幕上的說明配置插件。

您可以參閱我們的詳細設置 WP Mail SMTP 的指南以開始使用。

我們希望本文幫助您學習如何自訂 WooCommerce 電子郵件。您可能還想閱讀我們的最佳商務電話服務指南和最佳 WooCommerce 託管指南。

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

分享

435