Kinsta-博客中文翻译-四-

Kinsta 博客中文翻译（四）

原文：Kinsta Blog

协议：CC BY-NC-SA 4.0

如何发布 DMCA 下架通知(或处理自己的通知)

原文：https://kinsta.com/blog/dmca-takedown-notice/

说到在网络上写作和发布内容，“抄袭”不是一件可以掉以轻心的事情。你不能到处窃取或复制/粘贴他人的图像或内容，然后据为己有。有些情况下这可能是好的，但你必须获得许可或给予适当的归属。

当你是接收方时，这也会令人沮丧。你辛辛苦苦做了一段内容或者创造了一个美好的形象，然后有人未经你允许就使用了。😠这就是 DMCA 存在的原因。今天我们将深入探讨如何正确处理 DMCA 对你的投诉，以及如何创建一个 DMCA 撤下通知。

什么是 DMCA？

DMCA(Digital Millennium Copyright Act)是一部美国版权法，主要针对数字媒体，帮助内容所有者快速有效地删除被盗内容。这延伸到诸如互联网服务提供商(ISP)、网络托管提供商和搜索引擎等地方。

Support

DMCA 撤下通知适用于物理托管内容的地方。因此，美国以外的人仍然可以向 DMCA 投诉。对于在美国以外托管的内容，许多托管服务提供商仍然会尊重 DMCA 的投诉，但是，从法律上讲，他们没有义务遵守。

网站所有者容易忘记的一件事是，DMCA 的删除并不要求内容拥有版权才能处理删除或网站所有者或 ISP 要求删除内容。

以下是一些适用于数字内容的示例:

文本(TXT，RTF，DOC，DOCx，PDF，PPT 等。)
图片(BMP，EPS，SVG，JPG，JPEG，GIF， WEBP ，PNG，PSD，RAW，TIFF 等。这包括在社交媒体上)
视频(MPG、AVI、RM、MOV、Quicktime、Windows Media Player、RealPlayer)
音乐(AIF，AU，MP3，MP4，MID，WAV 等。)

在过去的十年中，对于博客作者、网站管理员和主机来说，理解 DMCA 程序是如何工作的变得非常重要，这样每个人都可以保护他们的内容；以及知道如何处理收到的投诉或通知。根据谷歌的透明度报告，因版权问题删除内容的请求一直在快速增加。

截至 2019 年 3 月，因版权问题请求删除的网址已超过 40 亿！

Number of DMCA complaints filed

DMCA 保护是什么意思？

你可能会在一些网站的页脚甚至徽章上看到“DMCA 保护”这个词。然而，这有点多余，因为任何在美国出版的作品都已经受到 DMCA 的保护。

然而，如果你在下面看到这样的徽章，这可能意味着该网站正在使用像DMCA.com这样提供版权保护服务的服务。换句话说，网站所有者付钱给 DMCA.com，让他为他们处理撤下通知。

DMCA protected

DMCA protected (Image: DMCA)

我如何处理针对我的 DMCA 下架通知？

你应该知道的第一件事是，当 DMCA 对你提起诉讼时，如何处理它。通常，当您的 ISP 或虚拟主机提供商收到 DMCA 投诉时，他们会要求立即删除内容，或者为您删除内容。这有时意味着他们甚至会关闭你的主机。所以不要忽视关于 DMCA 撤下通知的电子邮件。

你的提供商甚至不一定会检查你的内容是否真的侵权。根据他们的位置，他们可能有法律义务删除这些内容，并且会以快速有效的方式这样做。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

如果您认为您错误地收到了投诉，或者您确实拥有这些内容，那么您可以提交 DMCA 反通知。根据《DMCA》第 512(f)节，任何人如果故意对材料或活动进行重大失实陈述，而该材料或活动因错误或错误识别而被删除或禁用，则可能要承担责任。因此，当你提交 DMCA 反通知时要非常小心，如果你不确定你是否拥有这些内容，那么你可能应该寻求法律咨询。

您的反通知需要包含以下信息:

物理签名或电子签名
姓名、地址和电话号码
材料的标识及其移除前的位置(URL)
一份声明，说明材料因错误或错误识别而被移除(请记住，您对此负有责任)
同意您居住地区或您的服务提供商所在地的联邦法院的管辖权
同意接受提交撤销通知一方的法律程序文件

我如何发布 DMCA 下架通知？

DMCA 过程的另一面是当你发现别人窃取了你的内容。以下是你可以遵循的步骤，以确保它被取下。

试着先联系网站所有者

在起草 DMCA 官方投诉之前，直接给网站所有者发电子邮件有时会更快。你可以查看他们是否在网上列出了自己的电子邮件地址，或者他们的网站上是否有联系方式。收到这样的邮件后，有些人会马上删除邮件内容。

这是我们使用的模板。请随意复制和修改它:

您好，我在[公司]工作，我们发现您的网站(https://domain.com)一直在使用我们拥有的内容。以下是我们内容的一些例子:

https://yourdomain.com/~

—以下是您网站上的副本:

https://domain.com/~【确切内容/图片位置】

https://domain.com/~

请立即删除所有属于【公司】的版权内容，否则我们将不得不提起 DMCA 投诉我已经创建了一个案例 ID #xxxx 来跟踪这个问题，直到它得到解决。如果你对此有任何问题，请告诉我。感谢

由于人们很忙，有时会错过电子邮件，你可能想尝试发送电子邮件不止一次。在这里你可以找到一些关于如何找到任何人的电子邮件地址的可靠提示。

如果他们没有回应，那么你可以继续下面的步骤。

有时候你不得不放下锤子来保护你的内容和图像。🔨 点击推文

1.找到那个人

你要做的第一件事就是找到这个人的虚拟主机，这样你就知道去哪里投诉 DMCA 了。一个简单的方法是查找网站的 IP 地址。你既可以 ping 它，也可以使用免费的在线工具，如域工具。在下面的例子中，我们使用的是一个托管在谷歌云平台上的网站。你可以看到域名工具很容易地显示了我们查找的域名的 IP 地址。

find ip address dmca

Find IP address for DMCA takedown notice

然后你可以使用 ARIN Whois 服务获取 IP 地址并查找。他们有一个很好的数据库，记录和评论哪些知识产权属于哪些公司。您可以在本例中看到，当我们查找 IP 地址时，它立即向我们显示它位于 Google Cloud 客户使用的网络块上，以及滥用投诉的电子邮件地址和网页。

google cloud platform abuse

Google Cloud platform abuse example

DMCA 还有一个很棒的免费 Whois 查询功能，可以生成网络信息。您每月只能免费查找 5 次。如果上面的方法没有带来任何好的结果，你可以尝试另一种方法，那就是免费的，他是 HostAdvice 的这个工具的宿主。

Who is hosting this?

注意:如果他们在 CDN 或代理(如 Cloudflare)后面运行，这将使情况变得更加困难，因为他们将显示为 IP 地址的所有者。在这种情况下，你可能会更幸运地先联系到个人网站所有者(如果你还没有联系的话)。然而，Cloudflare 确实有一份 DMCA 投诉表。

2.向哪里提交 DMCA 下架投诉

既然你已经知道这个人的内容托管在哪里，你必须提交投诉。大多数提供商都有简单的方法来访问它们。查看他们的联系页面，或者在页脚查找任何写有“投诉”或“辱骂”的内容以下是一些常见提供商的链接。

如果你找不到在线表格，那么你必须直接联系 DMCA 代理商。这通常是一个漫长的过程。直接联系网络主机或 ISP 提供商通常是最快的方法。你也可以花钱请一个专业团队帮你搞定 DMCA。

3.DMCA 下架投诉应该包括什么

您必须提供以下信息，以确保您的撤下投诉得到妥善处理。

物理签名或电子签名
您声称侵权的材料的位置和标识(可能是 URL 等)
您的联系信息、地址、电话号码、邮寄地址等
善意声明该材料的使用未经版权所有者或您授权
声明一切都是准确的(再次提醒，你要承担伪证罪的处罚)

DMCA 拆卸模板

这是我们使用的 DMCA 拆穿模板。请随意复制和修改它:

主题:根据 1998 年数字千年版权法发布的撤销通知

我叫[姓名]，是[公司]的[职位]。

这是根据数字千年版权法(“DMCA”)第 512 节发出的通知，要求您立即停止提供对以下版权材料的访问。贵公司托管的网站(根据 WHOIS 信息)侵犯了我们公司拥有的版权材料。

我们拥有独家版权的原始[内容/图片]可在以下网址找到:

—[确切的内容/图像位置]

—

—

未授权和侵权的[内容/图像]可在以下 IP 地址/URL 找到:
IP 地址:

—[确切的内容/图像位置]

—

—

我的联系方式是:

姓名
公司地址
电话

我有充分的理由相信，以被投诉的方式使用所描述的材料并没有得到版权所有者、其代理人或法律的授权。本通知中的信息是准确的、最新的，我可以确认[公司]是版权所有者。

如果你想进一步讨论这个问题，请直接联系我。

签署:
姓名
日期:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

4.从搜索引擎中删除内容

如果原始内容被删除，那么它将自动从搜索引擎中删除。但是，如果由于某种原因上述过程失败，您也可以直接向 Google 和 Bing 提交投诉。

虽然这不会总是把它从这个人的网站上删除，但至少会把它从 SERPs 上删除，这样就没人能找到它了。这也将确保它永远不会排名超过你自己的内容。

从谷歌搜索中移除内容

要从谷歌搜索中删除内容，请使用这个工具。选择“网络搜索”选项，并根据您的个人情况填写剩余的问题。

Remove content from Google search

从 Bing 搜索中移除内容

要从 Bing 搜索中删除内容，使用这个工具，并填写他们的版权侵权报告。

Remove content from Bing search

DMCA 通知需要多长时间？

一般来说，DMCA 下架通知需要大约 72 小时。然而，我们看到他们走得很快(24 小时内)，也拖了 6 个多月。这取决于几个因素:

公司处理 DMCA 请求的速度有多快。
内容的位置。请记住，DMCA 仅适用于美国受版权保护的材料。因此，如果你给美国以外的公司发邮件，你可能永远不会收到回复。虽然大多数主机提供商，不管在哪里，都会尽力帮忙。

摘要

希望现在你对 DMCA 有了更多的了解，知道撤销通知是如何起作用的，不管是针对你的还是你需要保护自己内容的时候。

有人抄袭过你的内容或图片吗？我们很想在下面的评论中听到它。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。

“DNS 中毒”介绍(以及如何预防)

原文：https://kinsta.com/blog/dns-poisoning/

如果说好莱坞电影教会了我们一件事，那就是黑客很聪明，有各种各样的技巧来绕过我们的安全。在现实世界中，安全问题往往归结于机会，而不是发展的技能。一个“DNS 中毒”攻击符合这种描述，事实上，你需要有技能来防止你的域名被欺骗。

这个概念很简单:访问者看到的是看起来像你的网站，但它是欺诈性的和有害的，而这个假网站看起来很相似。因此，您需要采用多种技术来确保用户的安全，并且您的站点不会受到攻击。

在本帖中，我们将深入探讨 DNS 中毒和域名欺骗的概念。我们还将讨论一些相关概念，以帮助您理解为什么您的最终反应是最佳方法。

域名系统(DNS)入门

在我们进入 DNS 中毒的细节之前，让我们聊聊域名系统。虽然浏览一个网站似乎是一项简单的任务，但在服务器的罩下进行了很多工作。

从“A”到“B”有很多因素:

IP 地址。这是一串数字这是你的实际网址。把它们当成你房子的坐标。例如， 127.0.0.1:8080 是一个标准的“本地主机”地址(即您的电脑)。
域名。如果 IP 地址代表坐标，域名就是信封上显示的您的地址。当然，“kinsta.com”是数百万个例子中的一个。
一个 DNS 请求。这是一个高级前端任务和复杂的低级流程的极好例子。现在，考虑一个请求，作为你的浏览器询问一个专用服务器一组坐标的地址是什么。
一个 DNS 服务器。这与你网站的服务器不同，它是四台服务器合二为一。它的工作是处理 DNS 请求。我们将在后面的章节中更详细地讨论这一点。
递归服务器。您还会看到这些被称为“解析名称服务器”的服务器它是 DNS 查找过程的一部分，负责向服务器查询与 IP 地址相关的域名。

总的来说，DNS 使最终用户获取域名变得简单。它是网络的核心部分，因此，它有许多移动的部分。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

我们接下来将查看查找过程本身，尽管您已经可以看到 DNS 有一项重要的工作要完成。

不要让你的网站成为 DNS 中毒攻击的牺牲品☠️在这里学习你需要的防止你的域名被欺骗的基本技能⬇️ 点击推文

DNS 查找的过程

在我们提供看似抽象的类比时，请耐心等待。

带人们去偏远地方的活动，如登山或航海，都有一个特定的危险:迷路，不能及时被发现。定位被困人员的传统方法是使用坐标。它们清晰明了，提供了精确的精确度。

然而，这种方法也有缺点。首先，你需要知道如何计算任何位置的坐标——如果在世界的偏远地区，这就很棘手了。第二，你必须把这些坐标清晰地告诉救援队。一个错误的号码，后果是可怕的。

这款名为 what3words 的应用程序将复杂的坐标计算和传递过程转化为三个字的概括。以 Automattic 的总部为例:

The Automattic offices in Apple Maps.

该地点的坐标为 37.744159，-122.421555 。除非你是一个专业的导航员，否则你不可能知道这些。即使你知道，把它交到能帮你的人手里也是一个渺茫的提议。

简单来说，what3words 就是把一组抽象的坐标，翻译成三个值得记忆的单词。就 Automattic 的办公室而言，它是体面的。

The what3words website, showing Automattic’s offices.

这将复杂的全球定位交给了几乎所有能够访问该应用的人。已经拯救了很多平民的生命。

这与 DNS 查找有关，因为过程是相似的。在 what3words 的情况下，救援者向应用程序询问一个单词串的坐标。请求通过服务器发送，寻找坐标，找到后返回给最终用户。

DNS 查找具有类似的流程:

您的浏览器请求域名的 IP 地址。
您的操作系统(OS)要求递归服务器找到域名，并开始运行它的服务器集合。
当它找到域名时，它被返回给浏览器。

what3words 的缺点之一是一个字符串不如一组坐标精确。这意味着你可以很快确定一个大概的位置，但是可能要花更长的时间来找到受困者。

DNS 查找也有缺点，恶意攻击者可以利用它们。不过，在我们开始讨论这个问题之前，让我们先绕一个弯子来讨论一下缓存以及它是如何加速查找的。

DNS 缓存

与 web 缓存非常相似，DNS 缓存可以帮助您撤回对服务器的常规查询。这将使每次新访问获取 IP 地址的过程更快。

简而言之，缓存位于 DNS 服务器系统内，省去了到递归服务器的额外行程。这意味着浏览器可以直接从 DNS 服务器获取 IP 地址，并在更短的时间内完成 GET 请求。

你会发现 DNS 缓存遍布整个系统。例如，你的电脑会有一个 DNS 缓存，你的路由器和互联网服务提供商也会有( ISP )。你常常意识不到你的浏览体验有多依赖 DNS 缓存——直到你成为 DNS 中毒的受害者。
T3】

什么是 DNS 中毒

现在您已经理解了 DNS 查找的概念和获取 IP 地址的整个过程，我们可以看看如何利用它。

你会经常看到 DNS 中毒也被称为“欺骗”,因为链中有一个欺诈性的“相似”网站是攻击的一部分。

我们将更详细地讨论所有这些方面，但要知道 DNS 中毒或欺骗是一种有害的攻击，会给用户和互联网带来精神、金钱和资源相关的问题。

不过，首先让我们了解一下缓存中毒的过程。

DNS 欺骗和缓存中毒的工作原理

鉴于整个欺骗过程非常复杂，攻击者创造了许多不同的方法来实现他们的目标:

中间机器。这是攻击者进入浏览器和 DNS 服务器之间，毒害两者，并将用户重定向到他们自己服务器上的欺诈网站的地方。
服务器劫持。如果攻击者进入 DNS 服务器，他们可以重新配置它，将所有请求发送到自己的站点。
通过垃圾邮件投毒。与服务器劫持相反，这种方法会毒害客户端(即浏览器)。访问权限通常是通过垃圾链接、电子邮件和欺诈性广告授予的。
《生日袭击》这是一个复杂的密码攻击，需要进一步解释。

生日攻击是基于“生日问题”这是一个概率场景，简单地说，如果一个房间里有 23 个人，有 50%的可能性两个人同一天生日。如果房间里有更多的人，机会就会增加。

A graph showing the Birthday Problem.

A graph showing the Birthday Problem. (Image source: Wikipedia)

基于将 DNS 查找请求连接到 GET 响应的标识符，这转化为 DNS 中毒。如果攻击者发送一定数量的随机请求和响应，则很有可能匹配到成功的中毒尝试。从大约 450 个请求来看，概率约为 75%，而在 700 个请求时，攻击者几乎可以保证破解服务器。

简而言之，对 DNS 服务器的攻击在大多数情况下都会发生，因为这给了恶意用户更大的灵活性来操纵您的站点和用户数据。也没有对 DNS 数据的验证，因为请求和响应不使用传输控制协议(TCP) 。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

链条中的弱点是 DNS 缓存，因为它充当 DNS 条目的存储库。如果攻击者可以向缓存中注入伪造的条目，那么每个访问它的用户都会发现自己处于一个欺诈站点，直到缓存过期。

攻击者通常会寻找一些信号、弱点和数据点作为目标。他们的工作是发现还没有被缓存的 DNS 查询，因为递归服务器将不得不在某个时候进行查询。通过扩展，攻击者还会寻找查询将到达的名称服务器。一旦有了这些，解析器使用的端口和请求 ID 号就非常重要了。

虽然没有必要满足所有这些要求——毕竟，攻击者可以通过多种方法访问服务器——但勾选这些选项会使他们的工作更容易。

DNS 中毒的真实例子

在过去的几年里，DNS 中毒已经有了一些引人注目的例子。在某些情况下，这是一种故意的行为。例如，中国运行了一个大规模的防火墙(所谓的“中国防火长城”)来控制互联网用户接收的信息。

简而言之，他们通过将访问者重定向到未经国家批准的网站，如 Twitter 和脸书，来毒害自己的服务器。在一个案例中，中国的限制甚至进入了西方世界的生态系统。

一个来自瑞典 ISP 的网络错误提供了来自中国服务器的根 DNS 信息。这意味着智利和美国的用户在访问一些社交媒体网站时会被重定向到其他地方。

另一个例子是，抗议马来西亚虐待行为的孟加拉国黑客毒害了许多与微软、谷歌、YouTube 和其他知名网站相关的域名。这似乎是服务器劫持的情况，而不是客户端问题或垃圾邮件。

甚至维基解密也不能幸免于 DNS 中毒攻击。几年前，一次潜在的服务器劫持导致网站访问者被重定向到黑客专用页面。

DNS 中毒不一定是一个复杂的过程。所谓的“道德黑客”——即那些希望揭露安全漏洞而不是造成损害的人——有简单明了的方法在他们自己的电脑上测试欺骗。

不过，除了被重定向之外，DNS 中毒在表面上似乎没有任何长期影响。事实上，是有的——我们接下来会谈到它们。

为什么 DNS 中毒和欺骗如此有害

攻击者希望在服务器上执行 DNS 中毒有三个主要目标:

来传播恶意软件。
让你转到另一个对他们有好处的网站。
从你或其他实体窃取信息。

当然，理解为什么 DNS 中毒或欺骗对 ISP、服务器运营商和最终用户来说是个问题并不困难。

正如我们所提到的，欺骗对于 ISP 来说是一个大问题，以至于有像 CAIDA Spoofer 这样的工具可以提供帮助。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

The CAIDA website.

几年前，统计数据显示每天大约有 30，000 次攻击。自报告发表以来，这一数字几乎肯定会增加。此外，与上一节中的示例一样，通过网络交付欺骗站点会带来用户信任问题以及隐私问题。

无论你是谁，当你成为中毒和欺骗的受害者时，都会有一些风险:

就像中国的防火长城一样，你可能会受到审查。这意味着你得到的信息将是不准确的，这将对许多社会和政治领域产生连锁反应。
数据盗窃是一个首要问题，对于那些想要获取用户银行信息和其他敏感数据的人来说，这是一个有利可图的风险。
您的系统可能容易受到不同类型的恶意软件和其他特洛伊木马病毒的攻击。例如，攻击者可以通过欺骗站点在您的系统中注入键盘记录器或其他形式的间谍软件。

DNS 中毒还有其他相关的影响。例如，在恢复过程全面展开时，您可能无法对系统应用任何安全更新。这让你的电脑更容易受到攻击。

此外，考虑这个清理过程的成本和复杂性，因为它会影响到整个链条上的每个人。所有联网服务的价格上涨只是不利因素之一。

消除 DNS 中毒的努力是巨大的。鉴于欺骗会影响客户端和服务器端的设置，消除欺骗并不意味着完全消除欺骗。

如何防止 DNS 中毒

受 DNS 中毒影响的有两个方面—客户端和服务器端。我们将看看您可以做些什么来防止这种两面攻击。

让我们从互联网作为一个整体在服务器端做什么开始。

互联网如何试图防止 DNS 中毒和欺骗服务器端

尽管我们在整篇文章中谈了很多关于 DNS 的内容，但我们并没有注意到这项技术有多过时。简而言之，由于一些因素，DNS 并不是现代网络浏览体验的最佳选择。首先，它是未加密的，没有一些重要的验证考虑，这将阻止许多 DNS 中毒攻击的继续。

防止攻击变得更强的一个快速方法是通过一个简单的日志策略。这在请求和响应之间进行了直接的比较，看它们是否匹配。

然而，长期的解决办法(根据专家的说法)是使用域名系统安全扩展(DNSSEC) 。这是一项旨在对抗 DNS 中毒的技术，简单来说，它将不同级别的验证置于适当的位置。

更深入地说，DNSSEC 使用“公钥加密”作为验证。这是认可数据真实可信的一种方式。它与您的其他 DNS 信息一起存储，递归服务器使用它来检查它接收的信息没有被更改。

与其他互联网协议和技术相比，DNSSEC 是一个相对的婴儿，但它足够成熟，可以在互联网的底层实现，尽管它还不是主流。谷歌的公共域名服务是一项完全支持 DNSSEC 的服务，而且还会有更多的服务不断涌现。

即便如此，DNSSEC 仍有一些值得注意的缺点:

该协议不对响应进行编码。这意味着攻击者仍然可以“监听”流量，尽管攻击必须更加复杂才能绕过 DNSSEC。
因为 DNSSEC 使用额外的记录来收集 DNS 数据，所以还有一个叫做“区域枚举”的漏洞这使用一个记录“遍历”并收集特定“区域”内的所有 DNS 记录这种记录的一些版本加密了数据，但其他版本还没有。
DNSSEC 是一个复杂的协议，因为它也是新的，所以有时会被误解。当然，这可能会侵蚀使用它的好处，并带来进一步的问题。

即便如此，至少在服务器端，DNSSEC 是未来。作为最终用户，你也可以采取一些预防措施。

如何在客户端防止 DNS 中毒

有更多的方法可以在客户端防止 DNS 中毒，尽管没有一种方法像专家实现的服务器端 DNSSEC 那样强大。尽管如此，作为网站所有者，您还是可以选择一些简单的选项:

对任何请求和回复使用端到端加密。安全套接字层(SSL)证书在这里做得很好。
使用欺骗检测工具。它们可以在发送出去之前扫描接收到的数据包。这减少了任何恶意的数据传输。
增加 DNS 缓存的生存时间(TTL)值将有助于在恶意条目到达最终用户之前清除它们。
您应该有一个好的 DNS、DHCP 和 IPAM (DDI) 策略。这包括您的 DNS 策略、动态主机配置协议和 IP 地址管理。这是一个由系统管理员和服务器安全专家处理的复杂而必要的过程。

作为最终用户，您还可以做一些事情来帮助防止中毒和欺骗:

使用虚拟专用网络(VPN) ，因为您的数据将被端到端加密。您还可以使用私有 DNS 服务器，同样是端到端加密。
采取简单的预防措施，例如不要点击未识别的链接，并定期进行安全扫描。
定期刷新 DNS 缓存也能清除系统中的恶意数据。这需要几秒钟的时间，而且执行起来很简单。

虽然你不能完全消除 DNS 中毒，但你可以防止最坏的事情发生。作为最终用户，您对服务器如何处理攻击没有太多的控制权。同样，系统管理员也不能控制浏览器中发生的事情。因此，这是一个团队的努力，以阻止这种最有害的攻击影响整个链。

Picture this: a visitor is sent to what looks like your site.. but it's a harmful fraudulent version. 😱 Put a stop to DNS poisoning attacks like this with help from this guide ⬇️Click to Tweet

摘要

互联网攻击司空见惯。DNS 中毒(或欺骗)是一种常见的攻击，如果不加控制，可能会影响数百万用户。这是因为 DNS 协议已经过时，不适合现代网络浏览——尽管更新的技术已经出现。

简而言之，DNS 中毒将最终用户重定向到现有网站的欺诈版本。这是一种窃取数据并用恶意软件感染系统的方式。没有万无一失的方法可以完全防止它，但是你可以通过一些简单的措施来控制它。

您曾经是 DNS 中毒或欺骗的受害者吗？如果是，原因是什么？请在下面的评论区和我们分享你的经验！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

DNS 传播网站所有者指南(2022 版)

原文：https://kinsta.com/blog/dns-propagation/

域名系统是域名系统的缩写，DNS 是网络上每个页面的地址。当你输入一个域名时，DNS 会将你输入的文字翻译到你的浏览器中，并转换成网络服务器可以理解的地址。

在这篇文章中，你将了解到 DNS 是多么重要，如何做出改变，如何影响 DNS 的传播，如何确保你的 DNS 文件的安全，以及为什么迁移到高级 DNS 服务可以把你的 WordPress 站点带到一个全新的效率水平。

准备好了吗？让我们开始吧！

什么是 DNS？

如果你在你的浏览器中输入kinsta.com，存储 Kinsta 主页的服务器无法理解英语。

DNS 将您在浏览器中键入的域名转换为 IP(互联网协议)地址。在 Kinsta 的例子中，DNS 将 kinsta.com 翻译成 216.3.128.12。IP 地址是 Kinsta 主页在服务器上的实际位置。

所有的网页都是这样操作的。

DNS and IP addresses are the phone book of the Web.

由于记住一个网站的 IP 地址几乎是不可能的，DNS 为你做了所有的艰苦工作。当然，它使整个网络生态系统对人类来说更容易导航。你有时会看到 DNS 被称为互联网的电话簿。

域名的类型

您可能需要了解几种类型的 DNS 记录。主要记录包括:

一项记录

你会花大部分时间编辑你网站的 DNS A 记录，因为这个记录被 IPv4 网址用来指向一个域或子域。如果你的站点所在的网络服务器使用 IPv6 而不是 IPv4 ，你将需要修改你的 DNS AAAA 记录。如果您不确定 IPv6 和 IPv4 是什么，我们将在下一节讨论它们。

CNAME 记录

如果你使用子域，你使用 CNAME 记录来关联这些子域和它们的主域。

MX 记录

将你的网站连接到它所使用的电子邮件服务是 MX 记录器的工作。您可以使用该记录来分配特定的电子邮件服务，如 Gmail。

TXT 记录

垃圾邮件仍然是网络的祸害。您使用 TXT 记录来打击寻找未受保护的域名的垃圾邮件发送者。点击此处了解更多关于电子邮件认证的信息。

DNS 是网页上每个页面的地址🏠...这意味着了解如何进行更改和保持 DNS 文件的安全是至关重要的。在此了解更多信息👇 点击推文

基本缩写:IP 和 DNS

如果您从未见过您网站的 IP 地址，您可以从您的 MyKinsta dashboard 中看到您网站的 IP 地址。

要显示您网站的 IP 地址，请单击仪表板左侧的“站点”链接，然后选择“信息”选项卡，这将显示使您的网站能够在网络上定位的基本信息。

此外，如果你还没有，学习如何将你的域名指向 Kinsta here 。

WordPress site IP address on MyKinsta

把 IP 地址想象成电话号码。最终，我们用完了给客户的新号码，所以我们不得不改变我们如何组织使用中的电话号码。IP 地址也是一样。IPv6 为我们提供了更多的 IP 地址给新网站。随着网络的不断扩展，IPv4 的 IP 地址已经用完了！

你可能也听说过有专用 IP 地址和共享 IP 地址。一个专用的 IP 地址就像你的座机或者手机号码；它对你和你的网站来说是独一无二的。

共享 IP 地址，顾名思义，是由几个网站共享的。共享 IP 地址在使用 WordPress 的网站上很常见。重要的是要明白，一个共享的 IP 地址并不意味着你的网站也在共享其他资源。Kinsta 使用 LXD 托管主机和 LXC 软件容器。
T3】

DNS 和域名服务器如何链接在一起

好了，现在你已经清楚地了解了你的网站的 IP 地址，以及它与 DNS 的关系，接下来要考虑的是你的网站的域名服务器。

域名服务器是必不可少的，因为它是连接你的网站的域名和你的网站在其网络服务器上的 IP 地址的桥梁的一部分。你也可能听说过被称为权威 DNS 服务器的域名服务器。

要查找网站的域名，访问者使用的浏览器将使用 DNS 来查找域名服务器。该查询实际上要求一个叫做 A 记录的东西。A 记录包含 web 服务器的 IP 地址。注意，如果您的 web 服务器使用 IPv6 而不是 IPv4 地址，将使用 DNS AAAA 记录而不是 A 记录。

通常，域名服务器最初是您购买网站使用的域名时使用的域名注册商使用的域名服务器。一般的建议是将域名服务器改为你的网站托管服务使用的域名服务器。您可以通过编辑网站的 DNS 文件来进行更改。

域名服务器就像是交通警察，指挥着整个网络的交通，确保正确的域名被发送到你的网站访问者正在使用的浏览器。

不要忘记，一旦你把你的域名服务器改成了你的主机服务使用的域名服务器，以后对你的域名系统的任何更改都是在你的主机的域名服务器上，而不是你原来的域名注册商的域名服务器上。如果你不确定你的网站使用的是哪个域名服务器，你可以使用 Whois 查询工具进行查询。

Check which nameserver your website is using with Whois.

什么是 DNS 查找？

想想你上一次搜索网站的时候。从你按下回车键到网站出现在你的浏览器中的时间与 DNS 查找有很大关系。正如你已经知道的，你的网站能越快地为访问者服务，就越好。

你应该记得，当有人在他们的浏览器中输入你网站的域名时，你网站的位置就会被找到。与您的网站相关联的 DNS 文件包含这些信息，包括名称服务器和 IP 地址。

DNS has a vital role to play to ensure the right webpages are delivered each time a domain is entered or searched for. (Image source: Jolt Wiki)

您可以看到 DNS 查找的运行，并通过使用一种速度测试服务，如 Pingdom ，查看 DNS 查找的速度如何影响您网站的性能。

如果你在问自己是否能像控制其他影响网站性能的因素一样控制 DNS 搜索速度，你是对的。事实上，降低 DNS 查找速度可以通过几种方式实现。

什么是 DNS 传播？

现在您已经掌握了所需的背景知识，我们现在可以更仔细地了解什么是 DNS 传播，以及您可以如何影响它的性能。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

当你改变你网站的域名系统时，你所做的改变，比如将你的网站指向一个新的主机服务，并不是瞬间发生的。更新(传播)可能需要不同的时间来完成。这被称为 DNS 传播。

没有固定的时间来完成 DNS 传播，因为有太多的变量与你的网站如何构建和托管的许多方面有关。一个很好的例子是 TTL 或生存时间。TTL 对你网站的性能有着根本性的影响。与 DNS 记录相关联的 TTL 值将对 DNS 传播速度产生深远的影响。

DNS 传播真正需要多长时间？

默认情况下，DNS 记录的大多数 TTL 将设置为 1 到 4 小时的时间间隔。例如，当您将您的域名指向 Kinsta 时，您可以选择设置 TTL。

Kinsta 建议将你网站的 TTL 设置为 1 小时，这也恰好是默认设置的时间。这将确保您的网站的加载时间尽可能低。

You can reduce the load time of your website by choosing a low TTL time.

域名服务器也会对 TTL 值产生影响，从而影响网站的加载时间。Kinsta 不会影响 DNS 传播的速度。

然而，如果您要将您的域迁移到 Kinsta，在开始迁移之前更改为低 TTL 将确保尽快完成(传播)更改。

我如何知道我的 DNS 是否在传播？

由于网络是由构成互联网的庞大服务器网络托管的，所以网站的 DNS 记录可能会被缓存在许多服务器上。重要的是要记住，只有当所有这些缓存的 DNS 文件都已更新时，传播才会完成。

这就是为什么在某些情况下， DNS 传播可能需要几个小时到几天的时间。在对您的 DNS 文件进行更改时，请记住这一点，这些更改可能具有时效性，并会影响您网站的性能。

如果你想检查 DNS 传播是否已经改变，有一个方便的工具whatsmydns.net你可以使用。

将您的域名指向 Kinsta

你的网站的 DNS 文件的一个实际用途是如果你想改变主机服务。例如，如果你希望 Kinsta 处理你的 WordPress 主机，当你的域名指向 Kinsta 时，你有几个选择:

你的第一个选择是使用记录你的 DNS 。

你的第二个选择是使用域名服务器。这是一个高级 DNS，我们一会儿会讲到。

第二个选项给你更多的控制你的 DNS。Kinsta 使用Amazon Route 53-一个全球任播网络-确保您的网站具有最大的正常运行时间和低延迟，以提供世界一流的速度和性能。亚马逊 Route 53 premium DNS 免费包含在所有计划中。

你的新网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

Add domains to your MyKinsta dashboard.

故障排除:如何刷新 DNS 缓存

您已经对网站的 DNS 文件进行了一些更改，并检查了 DNS 传播是否已完成，但是您的网站并没有如您所预期的那样运行。

这是怎么回事？通常，DNS 缓存会有问题。

当您访问网站时，您的浏览器会跟踪您浏览过的网站。你有没有注意到当你回到一个网站时，它的加载速度似乎快了一些？这是因为你的浏览器已经保存或‘缓存’了站点的位置，所以浏览器不需要找到托管该站点的服务器的位置。

缓存包含您网站的 IP 地址、主机名和 DNS A 或 AAAA 记录的临时记录。

你网站的 DNS 缓存以类似的方式存储你网站的信息。如果您的网站出现问题，这可能是因为您的 DNS 缓存已损坏，或者 DNS 缓存包含的数据没有正确更新。

刷新仅仅意味着清空 DNS 缓存。这可以解决你在管理网站时可能遇到的许多问题。对于每个操作系统(OS ),刷新 DNS 缓存的方式是不同的。对于您使用的操作系统，请遵循以下步骤:

刷新你的网站的 DNS 缓存是一个好主意，特别是如果你改变你的网站的主机。例如，如果您正在对 DNS A 记录进行更改，那么刷新缓存将确保您在检查站点的正确版本时，当迁移完成时，它会正确加载和显示。

DNS 安全性

让你的 WordPress 网站尽可能安全是至关重要的。你网站的访问者希望对他们能安全地使用你的网站有信心。在 DNS 安全的背景下， DDoS (分布式拒绝服务)攻击是一个你需要密切关注的现实危险。

最严重的 DNS 攻击之一发生在 2016 年 10 月 21 日，导致一些世界上最大的网站瘫痪，包括 Twitter 和易贝。有些人甚至称之为 DNS 末日。事实是，DDoS 攻击的目标是大型在线品牌的域名服务器。正如我们之前了解到的，如果没有有效的域名服务器，DNS 就无法定位用户浏览器所请求的网站的 IP 地址。

为了避免，或者至少减少攻击对你的 WordPress 网站可能造成的影响，你可以采取几个步骤，从一开始确保你的网站使用安全的 WordPress 主机，到避免 DDoS 攻击的具体步骤。

在 Kinsta，我们非常重视客户网站的安全性。我们帮助网站变得更加安全的方法之一是使用双因素认证(2FA) 。

如果您使用网上银行，可能已经遇到过这种情况。要访问您的银行帐户，您需要提供两条或更多信息来证明您是您所说的那个人。Kinsta 使用类似的系统来保护我们托管的所有网站。

2FA 是保护你的 WordPress 网站的重要组成部分。随着 WordPress 继续成为一个受欢迎的 CMS，黑客们不断地攻击使用 WordPress 的网站。

防御攻击的第一层是用来保护网站的密码。不幸的是，弱密码在网络上仍然很普遍。事实上，国家网络安全中心的年度密码调查得出结论，123456 后面的“qwerty”和单词“password”仍然被普遍使用。

123456 is consistently the most used password by consumers. (Image source: NCSC)

使用两条信息,“只有你知道”是保护你的网站免受攻击的一种可靠且行之有效的方法。这包括可能影响您的 DNS 文件并可能导致您的网站瘫痪的攻击。大多数 2FA 系统将使用 SMS 发送认证码，这构成了 2FA 服务的第二部分。

在 Kinsta，我们以不同的方式来避免针对您的手机的 SIM 卡交换攻击。我们基于认证器的方法在 Google Authenticator、1Password 和其他 2FA 应用中使用了动态生成的代码。如果你还没有，你可以通过我们的便捷指南学习如何启用 2FA 。

下一代 DNS

我们刚刚介绍了保护网站 DNS 文件免受攻击的一些初步措施。但是如果你能更进一步呢？

随着企业适应新的远程大规模工作方式，网络安全比以往任何时候都更加重要。如果你企业的 IT 团队和用户将继续远程工作，保护你的 WordPress 网站及其支持的 DNS 文件是至关重要的。

Canopy 的联合创始人布莱恩·阿姆斯特朗(Brian Armstrong)在 2014 年写的一篇博客中写道:“你可能像我们一样在做 DNS 错误的事情。”。他在一次 DDoS 攻击后写了这篇文章，这次攻击使他网站的 DNS 提供商 DNSimple 瘫痪。

许多免费的 DNS 服务提供商做了足够的工作。然而，随着网络安全在后新冠肺炎时代变得越来越重要，升级你的网站使用的 DNS 服务是至关重要的。

Kinsta 调查了所有优质 DNS 服务提供商，并选择与 Amazon Route 53 合作。该服务提供 DNS 故障转移和地理定位路由，以确保您的网站保持活跃。

Wondering if premium DNS is worth it? 🤔 This guide covers everything from keeping DNS files secure to why making the move to a premium service can take your site to a new level. 🚀Click to Tweet

摘要

了解您的 DNS 文件如何控制您的网站对于维护一个可靠、安全、高效的网站至关重要。对 DNS 文件进行更改时应该小心。一旦您完成了更改，了解 DNS 传播过程的工作方式，以及影响其性能的因素，将确保您的站点更新具有最小的延迟。

DNS 传播是正确维护网站的重要组成部分。DNS 传播也不仅仅是为了使您所做的任何更改生效而设置一个低 TTL 值。

随着网络的发展和域名服务器生态系统的扩大，DNS 已经成为确保网络高效运行的重要组成部分。并且不是所有的 DNS 服务提供商都是相同的。

您可能已经使用免费 DNS 服务好几年了，没有任何问题。今天，随着网络安全的提高，可能是时候转向高级 DNS 服务来保护您网站的长期健康。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

什么是域名扩展？(以及如何选择域名扩展)

原文：https://kinsta.com/blog/domain-extensions/

你能想到的大部分网站大概都以结尾。com 。你肯定也遇到过一些以结尾的。org 或。edu 。

但是你知道吗，你也可以注册一个以结尾的域名。披萨？

网址末尾的那些字母被称为域名扩展名，大约有1500种可能性。有些仅限于特定的组织或个人，但任何人都可以快速注册大多数扩展。

这使得为你的网站选择域名有点复杂。你应该选择 yourbusiness.bingo 还是 yourbusiness.fish ？如果你卖鱼，后者似乎更合适。

这篇文章介绍了域名扩展，包括它们是什么，它们做什么，以及如何为你的网站选择一个最好的。

什么是域名扩展？

域名扩展名是 URL 中最后一个句号后面的字母。常见的扩展名有。com ，。组织，和。网。

域名扩展的另一个术语是顶级域名。这是因为您可以将域名的各个部分视为分类级别。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

在顶部，我们有域扩展。在这个层次上，领域被划分为几大类。

比如域扩展。de 将该域名归入“德国”类别。使用。gov 表示该域名属于“美国政府组织”类别。

域扩展不再总是以这种方式使用——我们稍后会谈到这一点——但这是最初的意图。

下一层是领域。那是在扩展之前的部分。它指定 URL 属于哪个网站。例如，在网址kinsta.com中，“kinsta”是域名。

有时还有另一个级别叫做子域。子域将网站组织成独立的部分。例如，下图显示了 blog.example.com 的网址。

**在这里，“博客”是子域。该域名还可能包含其他子域名，如 support.example.com 的 T1 或 email.example.com 的 T3。

The different parts of a web page URL

部分网页的网址。(来源: Ahrefs )

当你注册一个域名时，你必须选择域名和域名扩展名。子域和 URL 中任何在扩展名之后的内容可以在以后创建。

你能想到的大多数网站可能都以. com 结尾，但是你知道吗，你也可以注册一个以. com 结尾的域名。披萨？🍕😄在此了解更多信息👇 点击推文

为什么会存在域名扩展？

域名扩展的最初目的是根据类型对网站进行分类。

比如任何一个地址以结尾的网站。com 本应是一个商业网站。

但是你知道，各种网站都用。com 。随着互联网的发展，域名扩展的用途经常与最初的意图不同。

这里有一个您可能不太熟悉的例子:扩展名。fm 应该指定一个来自密克罗尼西亚的网站。但它目前被许多广播电台和音频流媒体网站使用。

还有扩展，像。gov ，仅限于特定组织。但是很多其他的对任何人都是开放的。

作为一个网站所有者，你的域名扩展服务于几个目的。它可以告诉人们他们在什么样的网站上，它可以激发信任，它可以创建一个吸引人和令人难忘的网址。

谁负责域名扩展？

互联网名称与数字地址分配机构(ICANN)通过其分支机构互联网数字地址分配机构(IANA)管理域名扩展。

ICANN 指定的注册管理机构管理每个扩展。注册管理机构保存了使用该扩展名的所有域名的数据库。

比如。com ，。net ，其他各种扩展由美国公司 VeriSign 管理。品牌扩展通常由注册它们的公司管理。比如说，。三星注册表由三星运营。

政府分支机构或非盈利机构可以操作国家代码扩展。例如，的注册管理执行机构。在是印度的国家互联网交换。

这些注册管理机构将扩展外包给 ICANN 认可的注册服务商。这些是你可以注册域名的公司，比如 Google Domains 或 Cloudflare。

The organizations in charge of domain name registration

负责域名注册的机构。(来源: WHOIS )

域名扩展的类型

有三种类型的域名扩展:通用顶级域名、赞助商顶级域名和国家代码顶级域名。

gTLDs

通用顶级域名类别包括我们都知道和喜爱的扩展名，例如:

。com
。组织
。网络

这些是第一批域名扩展，与国家代码扩展相比，它们被标记为“通用”。

2011 年，ICANN 开始允许组织注册自己的通用域名扩展。这导致了品牌扩展和许多其他随机扩展。例如:

。药房
。棒球
伊斯坦布尔
。丰田

Domain extension examples

域名扩展的例子。

短期债务

赞助顶级域名是由特定实体使用的扩展。这可能是一个企业，一个政府部门，或另一种类型的团体。例如，一些最常见的 sTLDs 有:

。政府(美国政府)
。edu (美国认可的大专教育机构)
。mil (美国军方)

一些鲜为人知的短期债务是:

。博物馆(博物馆)
。cat (加泰罗尼亚语网站)
。职位(有职位列表的网站)

ccTLDs(中央处理器)

国家代码 TLD 代表特定的国家，如。jp 代表日本。每个国家代码域扩展都有自己的规则。有些仅限于该国的组织，而其他人可以使用。

一些常见的 ccTLDs 包括:

。ru (俄罗斯)
。cn (中国)
。德(德国)
。ca (加拿大)

最常见的域名扩展是什么？

虽然有一千多个域扩展可用，但你会看到一些比其他的多得多。让我们来看几个最著名的例子。

。com

这是我们都最了解的一个。不出所料，几乎 50%的网站使用 T2。com 域名扩展。

它可能曾经指定了一个商业网站，但今天我们可以认为它是默认的域名扩展。

。网

喜欢。com ，。net 是最早的域扩展之一。它是为参与网络技术的组织而创建的。

这几天，。net 经常被用来替代。com 。那些不能得到他们偏爱的的公司。com 域选择。网。

。（同 organic）有机

。org 是为非营利组织使用的而创建的，现在仍然是这些组织选择的域名扩展。

的。org 扩展开放给任何人使用。但是，如果你选择了一个。org 域名，大多数人不会期望你的网站是商业性的。

。电子显示器(electronic display unit)ˌ教育机构域名(education)ˌ实验发展处(Experimental Development Unit)

在域名扩展的早期，。任何致力于教育的组织都可以使用 edu。

自 2001 年以来，扩展仅限于特定名单上的机构认可的中学后教育机构。这意味着美国以外的机构不经常使用它。

。政府

。gov 分机只能由美国政府机构使用。它最初只对联邦政府网站开放，但在 2003 年对州、地方和部落政府开放。

少数政府部门不使用。gov ，就像使用 usps.com 的美国邮政署。

。密耳

。mil 仅限于美国军方的部门、军种和机构。美国是唯一一个军事领域扩展的国家。

。茹，。cn，。英国等。

许多国家代码仍然普遍用于这些国家的网站。你大概可以假设一个. jp 网站比如真的来自日本。

但是一些国家代码域扩展已经被用于其他目的，包括下面这个列表。

。超正析象管

如果你知道什么 。io 网站，他们可能属于科技公司。近年来。io 在科技初创公司中越来越受欢迎，因为它暗指 I/O (输入/输出)，这是一个流行的科技术语。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

商家选择。io 因为这标志着他们的网站与技术相关。它受欢迎也是因为。io 域通常在时可用。com 版本拍摄。

但是木卫一也代表印度洋。域名扩展的最初目的是指定英属印度洋领地的网站。

。（同 Internationalorganizations）国际组织

。int 代表国际化，是要求最严格的域扩展之一。它只能由国际条约认可的组织和项目使用。例如，欧洲航天局的网站位于 esa.int 的 T2。

不过，年纪大一些的。不符合要求的 int 域名，如 ymca.int 的被保留。

。摩比

。mobi TLD 表示一个站点是为移动设备优化的。一个使用的网站。mobi 必须符合注册管理机构设定的要求。

如今，几乎所有的网站都是手机友好的，所以指定一个单独的。mobi 网站不如以前有价值了。
T3】

域名扩展对你的网站意味着什么？

您可能想知道为您的网站选择哪个扩展是否重要。域名扩展对你的网站有什么实际意义？

首先，它给潜在访问者对你的网站的第一印象。在他们点击链接并看到你的设计和内容之前，人们会注意到你的网站是否是一个。com ，。org ，或。忍者，而且每一个都会给他们不一样的印象。

第二，一些域名的注册费用比其他的要高。例如，你可能会为一个支付更多的钱。io 域名多于以结尾的域名。com 。

但是你的域名扩展不是一个纯粹基于成本的选择。记住，和一个值得信赖的人在一起，你可能会赚更多的钱。com 站点比同一个站点注册了一个。biz 域名。

你的域名扩展不会影响(至少不会直接影响)搜索引擎优化。

新通用顶级域名创建后不久， Google 的 Matt Cutts 被问及它们将如何影响 SEO。

他澄清说，无论网站使用什么样的 TLD，谷歌都会努力为查询返回最佳结果。

然而，你的域名扩展可以间接影响你的网页排名。

拥有一个令人难忘且值得信赖的域名有利于你网站的 SEO ，因为人们更有可能点击并链接到它。

如何为你的网站选择最好的域名扩展

选择域名——包括扩展名——是一个重大决定。

毕竟这是你的网站从此以后的生存之地。遵循这些最佳实践来挑选对你的网站最有益的域名扩展。

如果有疑问，就去网络公司

对于大多数网站来说，老可靠。com 就是要走的路。人们认可并信任。com 。如果他们要猜测你的品牌网站，他们可能会从 yourbrandname.com 的开始。

在一些情况下，使用不同的扩展名是有意义的。

如果您的组织属于具有众所周知的指定域扩展名的类别，您可以使用该扩展名。例如，一个非营利组织应该使用。org ，美国大学应该用。edu 。

与我们世界一流的支持团队一起体验卓越的 WordPress 托管支持！与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划

一些企业想强调他们的位置。如果他们在加拿大，他们可能会选择。ca (但是)。com 如果他们全球化运营就更好了)。

而。com 是品牌最好的域名扩展，你的品牌名称也很关键。

如果 yourbrandname.com 被占领了，你会怎么做？

选择不同的扩展名可能有意义。大多数情况下，你还是应该选择人们熟悉的东西，比如。网。

让它令人难忘

如果人们跟随一个链接到你的网站，网址并不那么重要。

但也许他们以前去过你的网站，想重游。或者，他们从朋友那里听说了这个网站。

那样的话，他们肯定记得你的域名。

说到可记忆性，。com 胜。域使用。与使用其他顶级域名的网址相比，com 比多 33% 更令人难忘。当人们忘记一个域名时，他们认为它以结尾的可能性是之前的 3.8 倍。com 比什么都重要。

然而，一些新的 TLD 扩展允许企业创建令人难忘的，更具创造性的领域。例如，如果你的企业是 Pasta Guru，你现在可以注册 pasta.guru (已经有人注册了那个域名)。

A screenshot of trust ratings from growthbadger

域名扩展有多值得信赖和记忆？(来源:growth badger)

明确你网站的目的

域名扩展最初是为了根据目的或类型对网站进行分类。

虽然现在事情变得更加灵活，但是你的域名仍然给访问者一个关于你的网站是关于什么的线索。

默认为。com —它几乎可以用于任何事情。但是如果你选择一个不同的扩展，确保它能让访问者对你的网站有一个正确的印象。

避免可疑的探测域

你更有可能把你的信用卡信息给buywidgets.com或 buywidgets.zip ？

如果你选择了第一个，你并不孤单。

人们倾向于对特定的域扩展保持警惕，这通常是有充分理由的。垃圾网站几乎完全接管了一些扩展。

那么，你如何避免一个听起来粗略的域名呢？

除非你符合这样的条件。州长或。米尔，你最好的选择是坚持(你猜对了)。com 。

a list of safe vs shady domain extensions

安全 vs 可疑的域名扩展。(来源: Softpedia )

你能发明自己的域名扩展吗？

在 URL 的末尾有这么多疯狂的词，你能自己造一个吗？

从技术上讲，答案是肯定的。您可以申请注册一个全新的通用域名扩展(gTLD)。不过，对于大多数个人和小企业主来说，这不是一个现实的选择。

首先，你不能随时申请——你必须等待 ICANN 开放申请。没有人知道下一次会发生在什么时候，但很多人都在猜测 2022 年。

也许你愿意等那么久。接下来，你需要支付申请费。在上一个注册期，该费用为 $185，000 。

如果这是一个值得的投资，以确保您的品牌独特的域名扩展，你可以开始填写申请。ICANN 列出了域名扩展必须满足的要求。例如，它不能与另一个 TLD“极其相似”。

您还需要技术能力来充当所有使用该扩展的站点的注册中心。

换句话说，yourbrandname.com将会很好地为你的网站服务。

如何注册域名扩展

当你注册域名时，你可以选择你的域名扩展名。

并非每个域名注册商都能提供每个域名扩展。然而，像谷歌域名、GoDaddy 和 Namecheap 这样的主要注册商将会有许多顶级域名，包括最常见的域名。

一些扩展可能会比其他的更贵。如果你选择了一个你知道可用的域名和扩展，你可以在几个注册商处货比三家，看看谁提供的价格最优惠。

A list of domain extension options at NameCheap

域名扩展选项。

一些不太常见的域名扩展将只在利基注册服务商提供。

如果你找不到一个地方来注册你的扩展选择，你可以尝试找出谁是负责人。为此，请访问此顶级域名列表。点击你想要的扩展名，向下滚动到“注册表信息”

您应该会看到一个指向注册该扩展的组织的链接。在某些情况下，你可以使用域名注册商。

gTLD 也可能属于某个品牌或组织，该品牌或组织计划将扩展保留给自己。

可以更改域名扩展名吗？

希望你为你的网站选择了不同的域名扩展？

你可以通过设置一个 301 重定向来改变它。301 重定向让搜索引擎知道你要发送给访问者的页面已经移动了。

首先，你需要注册你的新域名，并使用更新的扩展创建一个你的站点的克隆。然后你将所有的网址重定向到最新的版本。

这里有一个关于将你的 WordPress 站点重定向到一个新域的指南。

更改域名会暂时影响 SEO。但是如果你做对了，你的排名应该会很快恢复正常。

想知道网址末尾的那些字母是干什么用的？🤔潜到这里⬇️ 点击推文

摘要

它可能只是你域名末尾的几个短字母，但是你的域名扩展是你网站的重要组成部分。

它可以让网站的网址看起来值得信赖和记忆——或者它可以做相反的事情。创建和维护网站的成本会有所不同。它可以给访问者提供关于你的网站的信息。

随着时间的推移，域名扩展的使用发生了变化，而且还会继续变化。

将来，新的顶级域名可能会取代旧的标准。。io 可能是每个科技公司的延伸。但是今天，一个可靠的 TLD 喜欢。com 或者。org 依然是你的最佳选择。

刚刚注册了你的新域名？让我们让它活起来。把它添加到你的金斯塔网站。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。**

领域隐私介绍(以及如何实现)

原文：https://kinsta.com/blog/domain-privacy/

如果你的网站有一个元素是最公开的，那就是你的域名。当然，这是你网站的可见地址，所以把它藏起来不是个好主意。然而，你应该掩盖的一个方面是你给注册商的个人信息。域名隐私有助于解决这个问题。

根据法律，每个域名都必须归属于某个人——即作为购买者的你。然而，这些信息是公开的，这意味着任何人都可以访问它。这对你的隐私和收件箱都没有好处。

在本帖中，我们将探讨域名隐私。我们将向您展示如何购买域名并保护您的信息。我们还将了解一些帮助您购买域名隐私的服务。

不过，首先，我们要看看域隐私的整个概念。

什么是域隐私？

对于任何网上购物，你都需要提供一些重要信息。在很多情况下，这将是你的付款细节和帐单信息。

但是，其中一些信息(除了付款细节本身)是可选的。如果您想通过注册商购买域名，您将遵循一系列类似的步骤来完成交易。

这里的区别是，你的个人信息是一个关键方面进行。几乎在所有情况下，你都必须给出以下内容:

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

你的名字
相关的电子邮件地址
你的办公地址
电话联系方式

虽然这可能不是所有消费者的理想选择，但和其他网上购物一样，这也是可以理解的。

不过，有一个小问题:你被迫提供的信息不是隐私。

WHOIS 数据库

互联网名称与数字地址分配机构(ICANN) 是一个非营利性组织，负责协调互联网上名称空间的维护。换句话说，ICANN 通过管理互联网协议(IP)地址和域名服务器(DNS) 根来保持互联网的稳定和安全。

这意味着 ICANN 控制着你注册域名的方式。他们要求每个网站所有者为他们拥有的每个域名注册完整的联系方式。它还将在 WHOIS 数据库上公开这些数据:

The WHOIS database.

这是对每个注册域名的公开查询。您键入一个域，这将返回该域的文件信息:

Looking up a domain on the WHOIS database.

您会发现与域名本身(及其关联的域名服务器)相关的信息、个人的详细联系信息，甚至是初始交易的原始 WHOIS 数据输出。

该数据库提供了一些积极的好处，具体到我们前面提到的 DNS 维护:

您可以确保每个域名都是独一无二的，其他人不能损害业务。
在注册域名之前，你可以查找域名的所有者。它将帮助您了解域名所有权，并让您做出关于您自己的域名的最佳决策。
你可以帮助一个网站解决管理和网络问题，因为你可以访问正确的联系电子邮件地址。

即便如此，你还是会经常发现 WHOIS 查找信息在很多时候并没有被很好的利用——因此需要域名隐私。

为什么域名隐私对所有网站都是必要的

当然，一般来说，隐私是网络及其用户的重要组成部分。关于所谓的“大技术”如何利用我们忽略的信息，已经有了多年的争论。

然而，这也延伸到域隐私。你可能会说这更重要，因为有大约 20 亿个活跃的网站。这是数以亿计的域名，与潜在的公共用户信息相关联。

我们提到了包含在 WHOIS 数据库中的好处和坏处。以下是所有网站都需要域名隐私的原因:

它可以保护您的联系人和个人信息不被公开。
你的收件箱和电话线上的垃圾邮件会减少。许多恶意用户会将 WHOIS 数据库用作免费的陌生来电名单。更重要的是，你还可以避免经常困扰网站所有者的众多骗局之一。
恶意用户窃取您的域名的机会减少了。
鉴于你提供了准确的信息，你的域名受到了一些法律保护。

尽管有积极的一面，我们建议拥有域名隐私比公开你的信息更重要。毕竟，大多数缺点都有替代解决方案，与恶意用户保持距离是您应该坚持实施的可靠策略。

域名隐私和一般数据保护条例(GDPR)

您可能已经知道 GDPR 对您和您的用户在欧盟(EU)的网络隐私的影响。关于这与域名隐私和 WHOIS 数据库的关系，我们还需要了解更多。

当然，GDPR 可以保护您的数据安全。域名隐私也是如此，尽管有一个关键的区别。有了域名隐私，你就有了一个转发地址。这意味着，如果有人需要联系您，他可以合法地使用 WHOIS 数据库联系您，同时还能保护您的信息隐私:

MarkMonitor's forwarding email address.

MarkMonitor’s forwarding email address.

相比之下，虽然 GDPR 也确保您的详细信息不会显示在 WHOIS 数据库中，但没有转发电子邮件地址。因此，没有人能够以合法的理由联系你。鉴于我们之前所说的，虽然这不是一个大问题，但仍然需要注意。

我们的建议是尽可能选择域名隐私。在这一点上，值得注意的是，一些顶级域名(TLD)扩展没有机会拥有私有 WHOIS 条目。这通常与国家特定的顶级域名有关，例如。美国、。英国，和。it ，以及 .us.com 、 .net.in 等众多二级域名。

尽管如此，你仍然有能力在 GDPR 下隐藏你的个人数据，但是没有域隐私实现的好处。

如何检查你的域名是否有隐私保护

在你决定是否在你的网站上实现域名隐私之前，首先检查它是否已经被应用是一个好主意。有可能是你在结账的时候选择了它而忘记了，也有可能是自动申请的。

要找到答案，请前往 WHOIS 数据库，在搜索栏中输入您选择的域名:

Screenshot of the ICANN Lookup WHOIS database webpage.

The ICANN Lookup webpage.

点击搜索按钮后，您将进入该域名的 WHOIS 条目。在域名信息部分，您将看到关于域名本身、注册商和注册日期的详细信息:

Domain information for Kinsta.com through ICANN Lookup tool.

Domain information for Kinsta.com through the ICANN Lookup tool.

在许多情况下，这不会告诉你多少关于你是否有域隐私。要了解详细程度，请向下滚动查看任何一个注册人联系人、行政联系人或技术联系人部分:

Domain information for Kinsta.com through ICANN Lookup tool.

Contact information for Kinsta.com through the ICANN Lookup tool.

根据您使用的注册商和域名隐私，此处的详细信息可能会有所不同。然而，要寻找的关键要素是:

一个看起来像是在转发消息的电子邮件地址(例如 【电子邮件保护】 )
看起来很普通但不是你的姓名和联系地址

这是一个很好的迹象，表明你已经开启了域名隐私。如果您在此屏幕上看到您的任何详细信息(除了在域信息面板中的内容)，您会想要了解如何应用域隐私。

4 大领域隐私工具和服务

域名注册商通常会在结账阶段提供隐私服务。以下几节将讨论四个不同的域名注册商或服务，在其产品中提供域名隐私。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

让我们从您应该考虑的最明显的服务开始。

1.你自己的域名注册商

如果你拥有一个网站，你通常会有一个域名。选择域名注册商不在本文讨论范围之内，尽管你会想调查你可以访问什么类型的域名隐私。

不过，最好还是从你现在的注册商开始，因为这是实现域名隐私阻力最小的途径。大多数注册服务商都有类似的控制面板:

A domain registrar dashboard.

A typical domain registrar dashboard.

在这里，您可以找到许多工具来帮助您管理您的域，而不管您的任务是什么。然而，你会注意到，这个特定的注册商没有明确的“域名隐私”选项。相反，你得到域所有权保护(DOP)。

这是几项服务捆绑销售的一个例子，你需要支付额外的费用。在这里，您可以获得 WHOIS 域名隐私和进一步的保护，如“锁定”域名的能力。此功能有助于用户避免常见错误，如转移域名、更改域名的个人信息或取消域名续订。这是一个额外的保护层，可能是值得的。

至于激活 DOP 或类似的东西，通常是在购买时完成的。不过，你也将有一个专用仪表板来处理事后流程:

The DOP management screen.

这些通用步骤将适用于大多数域名注册商。然而，其他注册服务商的做法不同，或者更直接。让我们来看看几个主要的参与者。

2.谷歌域名

谷歌不需要介绍，但我们可能不得不提示你他们的新服务之一:谷歌域名。

The Google Domains home page.

我们在一篇专门的评论中介绍了谷歌域名的来龙去脉。简而言之，谷歌域名是购买和管理你所有域名的好方法，有熟悉的仪表盘和合理的价格。

如果你是 Google Workspace 的用户，他们的域名注册商将会是你的理想选择。同样值得关注的是它是如何处理域隐私的。

这就是所谓的隐私保护——它是免费的，在结账时作为标准应用:

The Google Domains checkout, complete with Privacy Protection.

在您的域名概述页面上，也有一种便捷的方式来查看该服务的条款。请注意，将会有一个有用的注释显示隐私保护是否处于活动状态:

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

Google's Privacy Protection terms.

Google’s Privacy Protection terms.

这是一项简单的服务，为您的数据提供近乎完美的保护。

3. Namecheap

这个名字泄露了秘密，但是 Namecheap 专注于高性价比的域名。有很多可用的顶级域名，仪表板使用起来也很友好。

The Namecheap logo.

我们还可以确认，注册服务商在管理您的域名时很容易使用，比如添加记录和更改域名服务器。这是一个基于价格、可用性和 TLD 可用性的通用域名注册商。

我们也喜欢你可以看到你的哪个域名已经激活了域名隐私。每个域名将在专门的一栏中有一个“盾”标志:

The Namecheap dashboard showing domain privacy activated.

The Namecheap dashboard showing domain privacy.

如果您想进一步了解某个特定的域，可以将鼠标悬停在该屏蔽上，查看域隐私是否处于活动状态:

Namecheap's on-hover display.

Namecheap’s on-hover display.

更进一步，您可以使用箭头图标展开每个域，并查看有关如何设置域隐私的更多详细信息:

Namecheap's dedicated domain settings.

Namecheap’s dedicated domain settings.

你有三种不同的方式来查看域名隐私，这使得它的可用性非常好。这也意味着你永远不会忘记激活你的隐私。

4.Cloudflare 注册器

Cloudflare Registrar 是一项注册域名的服务，提供与其他域名注册商相同的服务，但具有额外的安全功能。

Screenshot of the official Cloudflare Registrar page.

The Cloudflare Registrar homepage.

根据 Cloudflare 对安全性和隐私的关注，默认情况下，您可以获得免费的双因素身份认证和私有 WHOIS 管理。他们将帮助您保护您的域名和个人信息的安全。而且，你不需要购买任何附加服务来保护你的域名。

您通过 Cloudflare 管理的域名也与其众多产品和服务相关联。例如，它与 Cloudflare CDN 、DNS 和 SSL 服务相集成。

如何为你的网站购买和应用域名隐私

在我们结束之前，让我们带您浏览一下购买和应用域名隐私的快速流程。整个领域购买流程都与此相关，因此我们也将涉及到这一点。

请注意，我们在这里使用 Namecheap，因为它是一个普通的注册商，提供免费(和优质)的域名隐私选项。但是，您可以从我们的方法中进行推断，并将其应用于您选择的注册商。当然，如果你的注册服务商将域名隐私作为一项单独的服务收费，你需要将这一因素计入总成本。

您的首要任务是找到您的域名并将其添加到购物车中:

Choosing a domain in Namecheap.

然后，您需要点击进入结账屏幕，此时您会看到将域名隐私添加到订单的选项:

The Namecheap checkout screen.

你会注意到域隐私被切换为启用标准，也设置为自动更新。

完成后，您可以继续购买并完成交易。您还可以使用批量设置下拉菜单将域隐私应用于购物车中的多个域:

The Namecheap Bulk Settings page.

这就是购买和应用域名隐私的全部内容。大多数注册服务商都将其作为标准选项，如果您没有选择自动续订，除了完成续订流程之外，您几乎不需要做任何事情。

想保持连接到您域名的个人信息的私密性？✅:这篇文章涵盖了你💪

摘要

虽然互联网是服务器之间的连接网络，但通常在每台计算机的末端都有一个真实的人。因此，使用网络时的隐私是明智浏览和网站安全的一个重要方面。

网站所有者还需要申报个人信息来购买域名。如果没有域隐私，这些细节将是公开的，所以保持它们的隐蔽是关键的一步。

好消息是这个过程很简单。对于大多数注册商来说，你只需拨动开关，域名隐私就是你的了。然而，虽然许多注册服务商免费提供这项服务，但当您续订域名时，其他人会向您收取费用。

域名隐私对您来说重要吗？如果不重要，为什么？请在下面的评论中分享你的想法！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

域名信誉指南:如何提高你的信誉和电子邮件的送达率

原文：https://kinsta.com/blog/domain-reputation/

电子邮件营销是你可以使用的最有效的渠道之一，每花一美元平均可以获得42美元的投资回报率。然而，如果没有人看到你的电子邮件，你就不能有效地利用电子邮件活动。

这似乎是显而易见的，但垃圾邮件文件夹对任何营销活动的成功都是一个严重的威胁。

为了确保你的电子邮件到达他们的目标受众，并远离垃圾邮件箱，你需要监控你的“域名声誉”这是电子邮件服务提供商给你的域名的可信度评分。他们用它来确定你的电子邮件的有效性。

与高信誉域相关联的邮件会进入收件人的收件箱。然而，如果你的域名信誉不好，你就会被扔进垃圾邮件文件夹，再也见不到你了。

但是域名信誉是如何计算的呢？你能做什么来监控它？你如何确保你的域名信誉良好？你能做什么来修复一个坏的域名声誉？

回答这些问题将是本指南的目的。根据以下信息，您将能够监控和优化您的域名声誉，从而推动您所有的电子邮件营销工作。

什么是域名信誉？

您的域名信誉是一个分数，它决定了电子邮件系统如何决定他们将让什么通过用户收件箱。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

基本上，你的域名声誉是衡量你的域名的健康和合法性。你的域名就是你的网址。【贵公司】故称“T2”。com 或者。org 或者任何你正在使用的域名。

你的电子邮件通常来自那个域名，即使你把你的虚拟主机和你的电子邮件服务分开。与您的网址相关联的信誉适用于来自该网址的所有电子邮件。

How domain reputations are tracked on Google

An example of how domain reputations are tracked on Google (Source: Push Income)

域信誉由邮箱提供商和互联网服务提供商(ISP)决定，这意味着每个电子邮件服务提供商可能有不同的域信誉。例如，Gmail 可能会给你一个域名信誉，但是发送到 Yahoo 地址的邮件会得到一个完全不同的分数。

理解域名声誉，包括它是如何计算的以及如何提高的，对于电子邮件营销来说是绝对重要的。

为什么这如此重要？当你的域名信誉很差时，你发送的电子邮件通常会直接进入垃圾邮件文件夹，没有人会看到它们。这意味着你在浪费时间和金钱去发送无用的邮件。

但是如果你不知道你的域名声誉不好，你可能不会理解为什么你的电子邮件会变成垃圾邮件或者为什么没有人阅读它们。为此，您必须加深对域名声誉的理解，如何衡量它，以及如何提高您的分数并使您的邮件脱离垃圾邮件漩涡。

当然，域名声誉不仅仅是电子邮件地址的问题。这个分数会影响到所有使用你域名的地方。除了电子邮件地址，这包括返回路径域和 DKIM 签名域。它还包括标题、品牌资产、链接以及您发送的邮件中包含的任何内容。

Email marketing has an average ROI of $42 for every dollar spent- so make sure your emails get seen withhelp from this guide 📧Click to Tweet

域名信誉是如何计算的？

仅仅理解域名信誉的概念并不足以帮助你管理你的域名。你也需要很好的理解你的域名声誉是如何计算的。

这是一个复杂的话题，因为每个电子邮件收件人评估域权限不同。

虽然它们都有不同的标准，但并不是所有的标准都是已知的。一些服务对他们的计算因素保密，所以恶意的垃圾邮件发送者无法欺骗系统。

虽然各种因素可能有所不同，但有一点是不变的，即接收平台决定如何在您的电子邮件中使用您的域名，然后监控其用户如何接收这些邮件。

为您发送的每条消息计算的所有分数在将来发送更多消息时对您有利或不利。

这就是为什么每个域都有多个与不同的电子邮件收件人相关的声誉。这些声誉还取决于你发送给特定接收者的数量。

例如，如果你向 Gmail 用户发送大量的电子邮件，谷歌将会有很多关于你的域名及其信誉的信息。然而，如果你只有几个 Hotmail 用户，那么这项服务就无法对你进行全面的评估。

虽然这些服务根据不同的标准来判断你，但我们可以指出一些共同的计算因素作为起点。

域信誉计算因素

域名信誉可以追溯到许多常见的计算因素，不同的服务使用这些因素来确定电子邮件到达时的位置。

列表上的第一个因素是你的电子邮件是否被发送到垃圾邮件陷阱。这些是由黑名单服务运营的虚假电子邮件地址，目的是清除垃圾邮件发送者。

有两种不同的垃圾邮件陷阱。原始垃圾邮件陷阱是从未有效的电子邮件地址。这些地址实际上无法选择接收电子邮件。这意味着任何向这些地址发送电子邮件的人都没有使用电子邮件营销的最佳实践。

回收的垃圾邮件陷阱曾经是有效的电子邮件地址，但现在已经改变了用途。虽然发送到回收的垃圾邮件陷阱不会像原始陷阱那样损害你的声誉，但还是应该避免。这就是为什么定期清理你的电子邮件营销列表很重要。

An image showing the difference between pristine and recycled spam traps

The difference between pristine and recycled spam traps (Source: Email Blaster UK)

电子邮件服务提供商也监控黑名单。黑名单是由电子邮件平台保存的详细列出垃圾邮件发送者和恶意实体的列表。

如果你被添加到一个接收者的黑名单(可能是因为发送了一封电子邮件到一个原始的垃圾邮件陷阱)，你将立即被识别为垃圾邮件。当大部分收件人将您的邮件标记为垃圾邮件时，也会被添加到黑名单中。

然后是订婚。这是确定域名信誉时需要监控的一个重要因素。当人们不打开你的电子邮件或集体退订你的邮件时，这对电子邮件提供商来说是一个巨大的危险信号，可能会影响你的域名声誉。

但这是另一个因供应商而异的因素。如果 Gmail 用户退订的速度比 MSN 用户快，你的 Gmail 声誉会低很多。

电子邮件的做法也被监控，以确定一个领域的有效性。虽然这似乎是一个特别宽泛的术语，但它衡量了你的电子邮件的频率、相关性和时机。

你域名的年龄也是决定你声誉的一大排名因素。一个发出大量电子邮件的新域名将会受到怀疑。但是一个已经建立多年的老域名将会得到更多的宽容。

如何建立域名信誉

如果你的域名比较新，你在开始的时候必须小心。确保你马上建立一个积极的域名声誉。你不想因为犯了一个愚蠢的错误而处于劣势。

你应该始终避免给那些没有明确选择加入你的品牌信息的人发邮件。其中许多可能是原始的垃圾邮件陷阱，你更有可能被从未同意接收你的电子邮件的人举报为垃圾邮件。

为了给电子邮件提供商留下好印象，你应该建立一个适当的电子邮件节奏来控制你的数量和一致性。

如果你每天随机发送多封电子邮件，这将是可疑的。但是建立一个有规律的节奏显示了合法性和专业性。一个不仅仅关注电子邮件的潜在客户创造节奏对电子邮件提供商来说也不那么垃圾。

An image showing B2B email prospecting cadence

B2B email prospecting cadence (Source: Cognism)

同样重要的是要有耐心，避免做得太多太快。记住，域名的年龄很重要，所以慢慢建立你的电子邮件营销，随着时间的推移建立一个积极的声誉。

确保您的电子邮件列表保持更新。如果有人取消订阅，您应该确保删除他们。忽视退订请求不仅会损害你的域名声誉，还会让你陷入法律纠纷，尤其是在 GDPR 和 CCPA 之后。

最后，这似乎是显而易见的，但不要发送垃圾邮件。避免全部用大写字母书写，避免在主题行中使用垃圾邮件触发词，如:

立即行动
购买
现在打电话
清除
交易即将结束
有限时间
特别促销
急迫的
遇见单身者
如上所见

随着时间的推移，不断监控你的声誉也很重要。你应该永远知道你的立场。这样，你可以快速调整你的方法，以确保如果出现问题，你不会被列入黑名单。为此，定期检查你的声誉，并根据你的发现改变你的计划。

如何检查你的域名信誉

你知道你必须检查你的域名声誉，以成功地保持积极。然而，你可能不知道如何做到这一点。不要担心，在推荐几个有帮助的工具之前，我们将带您了解如何检查您的域名信誉。

网上有很多资源可以让你检查你的域名声誉，并保持一致的关注。其中许多甚至可以免费使用，当你已经在为电子邮件营销软件付费时，这总是一个优势。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

你能查到的最常见的域名信誉是由谷歌跟踪的。这是因为许多电子邮件平台将他们的分数保密，以防止人们试图利用这一点。但是从谷歌那里得到你的分数绝对是一个加分项，因为它的电子邮件客户端 Gmail 是世界第二大电子邮件客户端，拥有 27.8% 的市场份额。

Top email clients in Q1 2021 from Litmus

Top email clients in Q1 2021 (Source: Litmus)

一些监控域名信誉的工具为您提供了一个等级，您可以随时跟踪该等级。

顶级域信誉查找工具

为了帮助您正确地跟踪您的域名信誉，我们编制了一份最佳域名信誉跟踪工具列表。我们将讨论它们是什么、它们做什么以及它们的成本。

1.谷歌邮局主管工具

我们之前提到过，了解你在谷歌的地位总是一个好主意。这就是为什么每当营销人员谈论域名信誉软件时， Google Postmaster 工具通常会主导谈话。

A screenshot from Google Postmaster Tools

Google Postmaster Tools

由于谷歌是一个如此巨大的电子邮件接收者，了解它如何对你的域名进行评级将对预测你的电子邮件营销的有效性大有帮助。Google Postmaster 工具为你提供了 Gmail 的信誉等级，只要你的邮件量足够匿名。

除了您的域名信誉，您还可以检查您的:

交付错误
加密
垃圾邮件率
证明
反馈回路

这是谷歌提供的 100%免费服务，这也是它如此受欢迎的另一个原因。

2.塔罗斯情报

思科创造了 Talos Intelligence 来监控你在多个 IP 上的在线声誉。

Talos Intelligence homepage

Talos Intelligence

这使得发现任何重大问题变得容易。如果你的结果是一个中立的声誉，那并不意味着你有一个干净的健康证明。这通常是因为电子邮件数量少，使得 Talos 很难评估你的声誉。

如果你想检查你在 Talos Intelligence 上的信誉，你必须去 IP & Domain 信誉中心，在那里你可以将你的域名粘贴到任务栏并运行一个报告。

像谷歌邮局主管工具，这项服务是免费的。

3.发件人得分

发件人得分由效度得出。它监控你的域名信誉，就像信用监控公司跟踪你的信用评分一样。它还会给你一个 1-100 之间的分数，分数越高越好。任何低于 70 的都被认为是坏的，任何超过 80 的都被认为是好的。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Sender Score website

Sender Score

分数会考虑你的声誉和邮件送达率。此分数是根据 30 天的滚动平均值计算的，将您的分数与其他 IP 地址进行比较。

发件人评分是免费的，但你必须提供一些信息。

这包括:

IP 地址
名字
工作电子邮件
公司
每月电子邮件发送量
雇员人数
工作职能
国家

4.可信来源

McAfee 是世界上互联网安全领域最值得信赖的公司之一，它创建了一个名为 TrustedSource 的系统，为网络和电子邮件提供您域名的信誉信息。它还将列出所有附属机构、邮件服务器和域名系统(DNS)信息。

McAfee TrustedSource site

McAfee TrustedSource

要使用它，您只需从下拉菜单中选择 McAfee 工具，并在提供的框中输入您的域。然后，系统会为您运行一份报告，列出您的 URL 、状态、特征和声誉。

您还可以在结果下方添加可选的分类建议。McAfee 指出，这项服务是为个人偶尔使用而设计的，不应该用来检查“成百上千个 URL”

这项服务是免费提供的。

5.梭鱼中心

Barracuda Central 是一个工具，可以让你查找你的 IP 地址，并确定它是否被列入任何黑名单。

Barracuda Central homepage

Barracuda Central

它通过保存一个实时数据库来显示你网站的信誉是好是坏。

梭鱼中心是另一个免费工具。但是，它不像发件人分数那样提供数字分数。这只是一个通过或失败的结果。

6.微软 SNDS 公司

SNDS 是微软对谷歌邮局主管工具的回应。SNDS 代表智能网络数据服务，它提供关于你的域名信誉的信息，包括你目前发送给多少个微软垃圾邮件陷阱。它还让你知道你的垃圾邮件投诉率，这是多少人将你的内容标记为垃圾邮件的衡量标准。

Microsoft Microsoft SNDS site

Microsoft SNDS

就像谷歌通过 Gmail 的数据来衡量你的声誉一样，微软通过其电子邮件服务 Outlook 来衡量你的声誉。当然，这不会影响其他电子邮件提供商对你的看法，但了解你在谷歌和微软的地位将有助于描绘你的整体声誉。

如果世界上两个最大的服务机构对你持怀疑态度，那么你可以打赌许多其他机构也是如此。

当您登录到 SNDS，它会显示一个表格，列出了您关联的任何具有异常状态的 IP。这是每天更新的。

如何提高你的域名声誉

现在你知道如何检查你的域名信誉，问题就变成了，如果你发现你的信誉很差，你该怎么办？你不能只是在你的网站上贴上一个信任徽章，然后让这些服务相信你是诚实的。

你可以采取几个步骤来提高你的声誉。虽然不得不从劣势中提升自己并不理想，但这远非不可能。

清理你的主题行

首先，仔细审视你在邮件主题中使用的措辞。像“交易”和“立即购买”这样的垃圾流行语对电子邮件服务提供商来说是很大的危险信号。即使它们成功通过，也会引起电子邮件用户的怀疑，他们可能会将你标记为垃圾邮件。

定期清除你的非活跃用户名单

你也会想要定期清理你的邮件列表。如果你注意到在一段时间内没有任何联系的地址，把它们从你的列表中删除。有可能这些都是垃圾邮件陷阱，你不想一直掉进去了。

仅向选择加入的用户发送电子邮件

确保您让订户选择接收电子邮件。这保证了你要发送的每个人都是一个真正想听你说的优质线索。它还几乎消除了你因发送未经请求的电子邮件而落入原始垃圾邮件陷阱的可能性。

如果你使用的是 MailChimp 等第三方电子邮件系统，考虑用认证你的域名和电子邮件，这样平台就可以代表你发送信息。

What's your “domain reputation?” 👀 That’s the trustworthiness score email service providers give to your domain. Learn how to improve yours here 📧Click to Tweet ## 摘要

电子邮件营销可以给你的公司带来巨大的好处。但是如果你的邮件投递率因为糟糕的域名声誉而受到打击，你将永远不会体验到这些好处。

你可以做很多事情来提高网站的安全性，从运行常规的 T2 安全检查到安装 T4 的 WordPress 安全插件。不幸的是，你的网站的安全与你的域名声誉无关。这只能通过扎实的电子邮件实践、耐心和使用本页列出的一些工具仔细监控来改善。

幸运的是，我们列出的工具都是免费的，这意味着跟踪你的域名声誉将是轻而易举的事情。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何降级你的 WordPress 站点(解决插件和主题问题)

原文：https://kinsta.com/blog/downgrade-wordpress/

在最新的可用版本上运行你的 WordPress 安装、插件和主题是使用这个平台的一个至关重要的最佳实践。还建议使用 PHP 的最新版本。然而，在某些情况下，这样做是不明智或不可能的。

如果你发现自己处于这种情况，你可能需要撤销一个更新，并且降级你的 WordPress 站点(或者它的一部分)。幸运的是，有方法可以回滚网站的每个元素。

这篇文章将解释为什么你可能需要降级 WordPress，以及如何安全地降级。我们将涵盖恢复 WordPress 的先前版本，以及回滚插件、主题和 PHP。

我们开始吧！

更喜欢看视频版？

为什么你可能想降级你的 WordPress 版本或其他功能

运行最新版本的 WordPress 内核(在我们的例子中是 T2 的 WordPress 5.5(T3))，插件和主题是维护你的网站最重要的步骤之一。这些更新通常包括安全修补程序，这些修补程序对于防止恶意攻击您的站点至关重要，并且可以增强性能和功能。

出于这个原因，我们不建议永久降级 WordPress 或它的任何组件。但是，在某些情况下，您可能希望暂时这样做。

**最常见的原因是由于插件或主题冲突。例如，如果你的网站的一个元素与 WordPress core 的最新版本不兼容，当你处理一个长期的解决方案时，降级你的安装可以让访问者访问这个特性。

(建议阅读:如何修复“网站遇到技术困难。”WordPress 出错。

如果冲突发生在两个插件之间，或者一个插件和你的主题之间，降级 WordPress 本身是没有帮助的。相反，你需要回滚导致问题的插件或主题的版本，以便让你的站点重新启动并运行。

此外，一些旧的插件和主题可能与 PHP 的新版本不兼容。如果有问题的插件或主题对你网站的功能至关重要，你可能会想降级 PHP 一段时间，而你找到一个替代的解决方案。

简而言之，降级 WordPress 应该是一个临时的故障排除程序。一旦你替换了有问题的插件或主题，或者解决了导致网站冲突的问题，你会想再次更新你的网站。

推荐阅读:这里有一个精选的列表，列出了最佳 WordPress 主题和最佳插件。

如何降级你的 WordPress 网站(6 种方法)

降低你的 WordPress 站点等级的过程将取决于你想要完成的目标。你可能会发现你需要恢复整个网站的先前版本，或者你只需要恢复一个单独的插件或主题，而不是 WordPress 本身。

记住这一点，这里有六种不同的方法可以回滚你的网站。每一种都解决了不同的需求，所以我们建议通读所有这些，看看哪一种最适合您的具体情况。

1.手动降级你的 WordPress 版本

如果你遇到严重的冲突，阻止你访问网站的后端，手动降级 WordPress 可能是你最好的或者唯一的选择。在你开始之前，为了安全起见，你需要备份你的站点。

接下来，您应该停用所有的插件。如果你有访问 WordPress 后台的权限，这很容易。只需选择每个插件旁边的复选框，并使用批量停用选项:

Bulk deactivating WordPress plugins on the backend

如果你不能访问你的仪表盘，你可以使用安全文件传输协议(SFTP) 和客户端如 FileZilla 手动关闭插件。在以后的步骤中，您还需要这些工具，所以如果您不熟悉它们，您可能需要花一点时间来了解它们是如何工作的。

然后你需要下载 WordPress 的相关版本。我们建议使用可能的最新版本，这通常是第二个最新的版本。你可以在 WordPress Release Archive 中访问你需要的文件:

wordpress release archive

The WordPress Release Archive

然后，使用 FTP 和 FileZilla(或另一个客户端)，访问你的站点文件并删除你的 wp-admin 和 wp-includes 目录:

delete wp includes

Deleting wp-admin and wp-includes via FTP

一旦完成，上传你想要安装的 WordPress 版本的所有文件，除了 wp-content 目录。当询问您是否要覆盖文件时，选择覆盖>确定:

overwrite file ftp

Overwriting files in FileZilla

然后，导航到你的网站后端。您可能会看到一条消息，要求您更新数据库。如果是，点击更新 WordPress 数据库提示。之后，照常登录你的站点。

你现在应该可以访问，并且运行旧版本的 WordPress:

downgraded wordpress install

A downgraded WordPress installation

此时，您可以重新激活您的插件并着手解决最初的冲突。

你可能也想禁用自动更新，以防止 WordPress 同时安装另一个版本。当你的问题解决后，你可以从仪表盘上的更新窗口返回到 WordPress 的最新版本。

2.使用 WP 降级来运行以前版本的 WordPress

如果你对 FTP 和删除核心文件的想法感到不舒服，有是一个可以降级 WordPress 的插件。如果你喜欢这个想法，在备份你的站点后，继续安装 WP 降级T4:

Installing WP Downgrade plugin

然后，导航到设置> WP 降级，在相关字段输入你的目标 WordPress 版本:

downgrade target version

Setting the WordPress target version

点击保存更改，然后转到更新屏幕。你会看到你的目标版本现在被列为“WordPress 的最新版本”:

re install wordpress

Re-installing WordPress 5.0

点击立即重新安装按钮完成降级。WordPress 将运行一个正常的更新，然后你会看到你的目标版本的欢迎信息:

wordpress 5.0 welcome

The WordPress 5.0 welcome message

一旦你排除了故障，要重新安装 WordPress 的最新版本，你需要返回设置> WP 降级。您可以将您的目标版本更改回最新的更新，然后重复上述过程。

3.还原以前的备份以撤消对网站的更改

另一种降级你的站点的方法是从你的站点运行 WordPress 早期版本的时候恢复一个备份。当然，为了实现这一点，你需要有一个可靠的备份系统。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

您还需要确保正在恢复的站点副本没有丢失任何最近添加的关键内容。你不想在试图降级 WordPress 的时候无意中丢失你最新的帖子。如果你的网站是高度动态的，这可能不是最好的选择。

如果您选择继续，恢复您的备份的过程将根据您用来创建和存储文件的系统而有所不同。例如，Kinsta 客户可以利用我们的一键式恢复流程。只需登录您的 MyKinsta 仪表盘即可开始，点击站点:

The MyKinsta Dashboard

从列表中选择你想要恢复的 WordPress 站点。然后导航到备份选项卡:

MyKinsta site backups

点击恢复到下拉菜单。如果您希望在转移环境中测试备份，可以在此处进行。要将你的 live 站点降级到备份文件中的 WordPress 版本，选择 Live :

MyKinsta backup restoration options

为了防止意外恢复，我们需要在恢复您的实时站点之前执行最后一个步骤。在相关字段中输入您网站的名称，然后点击恢复备份以确认并开始该过程:

Restoring backups through MyKinsta

恢复过程可能需要一段时间才能完成。一旦完成，你就可以重新访问你的网站的后端。我们还会在恢复之前为您的站点创建一个备份，以防您需要撤销该过程。

4.手动降级插件或主题

如果你需要降级一个插件或主题，而不是 WordPress 核心，你可以使用类似于方法 1 的过程手动完成。首先，你需要为你想降级的旧版本插件或主题检索文件。

对于 WordPress 目录中的插件，你可以通过点击功能页面上的高级视图找到旧版本:

plugin advanced view

The Advanced View link on a plugin page in the WordPress Directory

滚动到页面底部，然后从下拉菜单中选择您需要的版本，并点击下载:

plugin previous versions

Downloading a previous version of a plugin via the WordPress Plugin directory

解压文件并保存到你的电脑上。然后为你的网站做一个备份以防万一，并使用 FTP 和你的首选客户端连接到你的服务器。在那里，导航到WP-内容>插件。

厌倦了体验你的 WordPress 网站的问题？通过 Kinsta 获得最好、最快的主机支持！查看我们的计划

接下来，您需要为插件的现有版本重命名目录。然后上传您希望降级到的先前版本的文件夹:

upload previous plugin version

Uploading an old version of a plugin via FTP

这应该可以成功恢复您需要的插件的旧版本。此外，您可以随时获得最新版本，这样当您准备好的时候就可以切换回最新版本。

不幸的是，这种方法对于主题和高级插件来说变得更加棘手。回滚它们的过程或多或少是相同的，但是 WordPress 主题目录没有以前的版本可供下载。

至于高级插件，以前的版本可能容易获得，也可能不容易获得。如果你找不到你需要的插件或主题版本，你最好的办法是联系开发者寻求帮助。

5.WP 回滚插件和主题更新

幸运的是，有一个更简单的方法来降低插件和主题的等级。你需要做的就是安装并激活 WP 回滚:

Installing WP Rollback plugin

这个插件定期更新，在 WordPress 插件目录中有令人印象深刻的五星评级。一旦它启动并运行，导航到您的插件列表。

现在你会在每个插件的标题下看到一个回滚按钮，旁边是标准选项:

The rollback option enabled

如果您点击这个新选项，您将被重定向到一个页面，在那里您可以选择您的目标版本。然后选择回滚按钮开始降级过程:

Selecting a plugin rollback target version

回滚主题也同样简单。在您的仪表板中导航到外观>主题，并选择您想要降级的主题。现在在窗口的底部会有一个回滚按钮:

rollback theme

Rolling back a WordPress theme

在接下来的屏幕上，您可以选择您的目标版本并启动降级过程，就像您对插件所做的那样。当你需要恢复插件或者主题的时候，你可以从相关的目录中恢复。

6.恢复到 PHP 的旧版本

2019 年，WordPress 对其 PHP 要求做了一些修改。出于这个原因，以及使用最新版本的诸多好处，升级你网站的 PHP 总是被推荐的。

然而，一些没有得到很好维护的旧插件可能与新版本的 PHP 不兼容。理想情况下，您将始终使用从开发人员那里获得定期更新和支持的工具。

然而，如果你有一个对你网站功能至关重要的过期插件，但不能与最新版本的 PHP 兼容，你可以进行降级。Kinsta 客户的优势是能够从他们的 MyKinsta 仪表板轻松切换 PHP 版本。

为此，请登录您的帐户。导航到站点，选择你想要降级 PHP 的站点，然后点击工具标签，向下滚动到 PHP 引擎:

PHP engine in MyKinsta

使用修改下拉菜单选择您需要的版本:

Selecting a PHP version in the MyKinsta dashboard

在出现的窗口中，点击修改 PHP 版本以启动该过程:

modify php version 1

Confirming a PHP version downgrade

如果你不是 Kinsta 的客户，或者你需要安装比通过 PHP 引擎功能获得的版本更老的 PHP ，你需要使用命令行降级 PHP。

这个过程更高级，风险也更大。在这种情况下，最好考虑立即替换有问题的插件或主题，而不是降级 PHP 并尝试进一步解决冲突。

摘要

当对你的站点进行故障排除或执行其他关键任务时，有时降级 WordPress 是必要的。虽然没有实现这个目标的本地特性，但是有几种方法可以恢复到站点的以前版本。

这篇博客文章涵盖了降低你的 WordPress 站点及其各种元素的六种不同方法:

手动降级你的 WordPress 站点。
使用 WP 降级运行以前版本的 WordPress。
还原以前的备份以撤消对网站的更改。
手动降级插件或主题。
WP 回滚插件和主题更新。
恢复到 PHP 的旧版本。

你对 WordPress 降级有什么疑问吗？请在下面的评论区提问！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何从 Drupal 迁移到 WordPress(10 步)

原文：https://kinsta.com/blog/drupal-to-wordpress/

Drupal 是目前最好的内容管理系统(CMSs)之一。它是高度可扩展和安全的软件。然而，使用 Drupal 创建时尚、现代的网站并不像想象中那么容易。如果这是你的经历，从 Drupal 迁移到 WordPress 可能是答案。

WordPress 提供了许多与 Drupal 相同的功能，但是它更容易使用。此外，WordPress 社区是巨大的，让你更容易在你的网站上找到任何你想要的功能或变化的帮助。

本指南将讨论为什么从 Drupal 迁移到 WordPress 是有意义的。我们将讨论您在迁移之前需要做什么，然后一步一步地完成迁移过程。最后，我们将讨论在你开始使用 WordPress 之后应该做些什么。我们开始工作吧！

查看我们的视频指南从 Drupal 迁移到 WordPress

T3】

为什么你应该考虑从 Drupal 迁移到 WordPress

使用 Drupal 有多种原因。它是开源软件，也是市场上最强大的 CMS 之一。 Drupal 安装可以轻松扩展，有一个庞大的用户和开发者社区可以为新用户和爱好者提供帮助:

The Drupal website

Drupal

T4】

使用 Drupal 的缺点是它不是一个初学者友好的 CMS。掌握它有一个重要的学习曲线，更新软件可能是一个非常复杂的过程。如果你是一个经验丰富的开发人员，你可以解决这些问题。

然而，如果你正在做你的第一个网站或者一个简单的项目，你可能会更好地使用 WordPress :

The WordPres homepage

文字出版社

WordPress 可以做 Drupal 能做的一切，同时是一个更加用户友好的选择。另外，开始使用 WordPress 要容易得多。

此外，如果你已经有了一个 Drupal 网站，你可以在相对较短的时间内将它迁移到 WordPress，并立即开始收获好处。然而，在你开始之前，有一些事情你需要知道。

Drupal 是最好的 CMS 选择之一，但是创建时尚、现代的网站可能是一个挑战😅如果你正在寻找类似但更容易使用的东西，可以考虑改用 WordPress🚀 点击推文

从 Drupal 迁移到 WordPress 之前需要考虑的事情

将网站从一个 CMS 迁移到另一个 CMS 需要一些准备工作。在从 Drupal 迁移到 WordPress 之前，你需要找到一个虚拟主机或者建立一个新的网站。你还必须备份你现有的文件。

建立一个新网站或寻找一个新的网站主机

当你建立一个新的网站时，许多网站主机允许你在 Drupal 和 WordPress 之间进行选择。您的提供商也可能通过其平台托管多个网站。

如果你有一个支持多个网站的托管计划，你可以为 WordPress 建立一个新的。这样做将使您能够迁移您的 Drupal 站点，而无需注册新的主机提供商或改变计划。

如果你对当前的主机提供商满意，这种方法会很有效。转移到 WordPress 打开了一个可能性和专用托管服务的世界。

许多提供商完全专注于 WordPress 网站，并提供一些功能，让像你这样的用户生活更轻松——kin sta 就是其中之一:

The Kinsta homepage

Kinsta 是一家专注于速度和性能的托管服务提供商。

托管 WordPress 主机可以让你摆脱大量的维护工作。如果您正在使用 Kinsta，您不必担心的一些任务包括:

备份您的网站
获取并安装一个 SSL 证书
将您的网站与内容交付网络(CDN) 整合
扫描并从您的网站上删除恶意软件

无论您选择哪种 Kinsta 计划，我们都会处理所有这些任务(对于使用托管来说，这都是理所当然的)。你还可以访问一些功能，比如中转站点和与 DevKinsta (我们本地的 WordPress 开发工具)的集成。

如果你目前的托管计划只允许你有一个单一的并发网站，你不能用 WordPress 安装来代替它而不丢失你的 Drupal 数据。在这种情况下，你需要升级你的计划或者注册一个新的网络主机。

在你注册任何虚拟主机服务之前，我们建议你进行研究。如果你是在预算有限的情况下工作的或者希望主持一个个人网站，那么有很多很棒的 Kinsta 替代品可以满足你的需求。

备份您的 Drupal 数据

每当您要对网站进行重大更改时，我们建议您首先备份所有内容。Drupal 迁移过程不涉及从网站上删除任何文件。然而，如果出现问题，遵循最佳实践也无妨。

备份 Drupal 网站是一个相对复杂的过程。CMS 不包含任何内置的备份工具，因此您需要手动完成所有工作。

备份 Drupal 网站需要复制两个组件:

你的网站的数据库
Drupal 根目录

Drupal 官方推荐使用模块来备份你的数据库。开发者推荐的两个选项是 T2 备份和迁移和 T4 备份数据库。

一旦选择了数据库备份模型，还需要复制整个 Drupal 根目录。最好的方法是通过安全文件传输协议(SFTP) 连接到您的网站，并将根文件夹的副本下载到您的计算机上。

我们建议将数据库和根目录备份文件保存在同一个文件夹中，或者将它们压缩在一起。这样，您就有了一个完整的网站副本，万一发生什么事情，您可以用它来恢复您的 Drupal 站点。

如何从 Drupal 迁移到 WordPress (10 步)

在我们开始工作之前，你需要准备好一个网络主机来建立一个新的网站。当安装 WordPress 并将你的 Drupal 内容转移到新网站时，我们将从头开始。

步骤 1:安装 WordPress

安装 WordPress 有几种方法，取决于你的网络主机。如果你使用的是 Kinsta，当你建立一个新的网站时，你会得到自动安装 WordPress 的选项:

Installing WordPress in MyKinsta

在 MyKinsta

安装 WordPress

其他网络主机通常带有一些软件安装程序，如 Softaculous。你可以用它来帮助你设置流行的 CMS，比如 WordPress，只需点击几下。

如果你更喜欢自己动手，你也可以手动安装 WordPress】。为此，从 WordPress.org下载 CMS 安装文件。你需要把这些文件上传到你的网络主机上，然后运行 WordPress 安装程序。它将引导您完成剩余的过程。

一旦你的 WordPress 安装就绪，你就可以访问仪表盘了。在这里，你会花大部分时间使用 WordPress，所以熟悉它是明智的:

The WordPress dashboard

我们将使用 WordPress 插件从 Drupal 迁移你的网站，因为这是最简单的方法。然而，在这之前，我们需要为你的网站选择一个永久链接结构。

步骤 2:在 WordPress 中选择一个永久链接结构

Drupal 给了你很多控制网站 URL 外观的方法。例如，假设您有一个 Drupal 帖子，URL 如下:

yourwebsite.com/blog/name-of-the-post

这是一个干净的 URL 结构，对任何网站来说都是理想的。默认情况下，WordPress 使用不同的 URL 或永久链接结构，如下所示:

yourwebsite.com/?=123

在你迁移到 WordPress 之后，你带来的内容将会丢失你在 Drupal 中设置的 URL 结构。这意味着你的页面和文章将会有类似前面例子的 URL。

WordPress 使得改变你的站点的永久链接结构变得容易，而且越早做越好。如果您在迁移内容之前更改了永久链接结构，那么以后您可以很容易地替换内部链接，我们将在另一个步骤中介绍这一点。

现在，进入设置>永久链接并选择一个新的 URL 结构。我们最喜欢的是帖子名称选项:

The site permalink section in the wordpress dashboard

改变 WordPress 仪表盘中的永久链接结构

帖子名称 URL 结构使您能够为您发布的每个页面和帖子设置自定义永久链接。或者，你可以设置一个定制的 URL 结构，但是在大多数情况下，文章名称选项就足够了。

步骤 3:设置 FG Drupal 到 WordPress 插件

传统上，将一个网站从另一个平台迁移到 WordPress 需要大量的手工导出和导入文件。然而，由于 Drupal 是如此受欢迎的 CMS，专用插件可以帮助简化迁移过程。

FG Drupal to WordPress 就是这样一个插件，它是我们最喜欢的工作工具。它将帮助您将 WordPress 连接到 Drupal，并迁移您站点的所有内容，包括帖子、页面、类别、标签、图像和元数据:

FG Drupal to WordPress plugin

FG Drupal 到 WordPress

T4】

需要注意的是，FG Drupal to WordPress 是一个免费插件，提供了一个高级版本。自由软件可以做我们在上一段中提到的所有事情。此外，如果您购买了高级许可证，该插件可以帮助您迁移评论、用户帐户(包括作者和管理员)、自定义字段和导航菜单。

根据我们的经验，免费版本的插件可以满足大多数用户的需求。唯一需要注意的是需要导入用户的网站。

例如，假设你在 Drupal 中经营一个在线商店，你想把你的客户群迁移到 WordPress。在这种情况下，FG Drupal 到 WordPress 的高级版本可以为您节省大量时间。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

一旦你决定使用哪个版本的插件，就该安装了。我们将使用免费版本，所以要继续，进入插件 > 添加新的，并使用页面内的搜索栏查找插件:

Installing the FG Drupal to WordPress plugin

安装 FG Drupal 到 WordPress

点击立即安装，给 WordPress 一些时间来安装插件。当它准备好了，你会看到一个选项来激活它。选择该按钮，现在让我们开始将 Drupal 内容导入 WordPress。

步骤 4:选择你的 WordPress 内容设置

要开始迁移过程，在 WordPress 中进入工具>导入。之后，点击 Drupal 下的运行导入器:

Run the Drupal importer tool in WordPress

运行 WordPress 中的 Drupal 导入工具

“导入程序”页面包括您在启动迁移过程之前需要配置的大量设置。让我们从选择导入器是否应该删除所有现存的 WordPress 内容开始:

Select import options

选择导入选项

由于您使用的是一个全新的网站，因此在开始迁移之前，您不需要删除它的内容。然而，如果你在网站上添加了任何测试页面或帖子，你可以选择删除所有 WordPress 内容选项。

第 5 步:输入您的 FTP 凭据

接下来，WordPress 会询问你的 Drupal 站点的 URL。你还需要选择插件如何从你的 Drupal 站点下载媒体文件。默认选项使用简单的 HTTP 下载。

但是，如果您正在处理一个拥有大量内容库的大型网站，我们推荐使用 FTP 选项:

Enter FTP credentials

输入 FTP 凭证

您需要输入用于访问 Drupal 网站的 FTP 凭据。如果你不确定这些凭证是什么，你应该可以通过你的虚拟主机控制面板访问它们。但是，请确保您使用的是 Drupal 站点的凭证，而不是 WordPress 的凭证。

在您输入凭证之后，您可以点击按钮来测试 FTP 连接。如果凭证有效，您将看到一条成功消息。如果您看到错误消息，则可能是凭据或指定的协议有问题。

步骤 6:输入您的 Drupal 数据库参数

接下来，插件将要求您输入 Drupal 数据库参数。您需要指定您的 Drupal 站点使用什么类型的数据库(MySQL、SQLite 或 PostgreSQL)、它的主机名、端口、名称和您的用户详细信息:

Enter Your Drupal Database Parameters

输入你的 Drupal 数据库参数

不记得那些细节也不用担心。你可以通过打开你的 Drupal 站点的settings.php文件并在里面挖掘来找到这些信息。你需要使用 FTP 或你的网络主机的文件管理器连接到你的 Drupal 站点来找到那个文件。

一旦进入，导航到Drupal/sites/default/settings . PHP并使用文本编辑器打开文件。注意不要改变 settings.php 的 T2，因为任何调整都可能会破坏你的网站。你只需要定位并复制 FG Drupal 到 WordPress 请求的信息。

输入数据库参数并点击测试数据库连接以确保设置正确。如果一切都符合代码，插件将向您显示一条成功消息。

步骤 7:调整你的文章和页面导入设置

您需要配置的最后一个设置控制插件如何从 Drupal 导入文章和页面。首先，你选择插件是将文章和页面摘要添加到 WordPress 的内容中，还是将它们作为摘录导入。

厌倦了低于 1 级的 WordPress 托管支持而没有答案？试试我们世界一流的支持团队！查看我们的计划

我们推荐后一种选择，因为它可以让你不用在 WordPress 中手动添加摘录:

Post and page behavior settings

帖子和页面行为设置

接下来，你需要告诉 WordPress 应该在哪里存储导入的媒体文件。我们建议选择默认的选项，这将使用标准的 WordPress 媒体目录来存储导入的文件。

你也可以选择 WordPress 应该使用哪张图片作为你的文章和页面的特色元素。图像字段选项将选择您在 Drupal 中使用的图像文件。你可以在 Drupal 编辑器和标签字段下面看到它:

Choose image field settings

选择图像字段设置

插件的其余设置使您能够阻止程序生成缩略图或将特色图像添加到导入内容的正文中。我们建议禁用所有这些额外的选项。

现在，您的媒体设置应该是这样的:

Proper media settings

媒体设置应该是这样的

默认情况下，如果加载时间超过 20 秒，FG Drupal to WordPress 会中止媒体文件的导入过程。如果您没有从 Drupal 站点的服务器得到响应，这个设置可以帮助您避免迁移停滞。然而，如果你使用的是一个不错的虚拟主机，这应该不成问题。

步骤 8:将你的站点从 Drupal 迁移到 WordPress

现在，您已经准备好了，点击开始/恢复导入，并通过下面的进度条和日志字段跟踪迁移过程:

Watch for the progress bar to finish the migration

关注进度条完成迁移

迁移完成后，您将看到最终的成功消息。在离开此页面之前，向下滚动到迁移后的部分的，并点击显示修改内部链接的按钮:

Modify internal links after the migration

迁移后修改内部链接

该功能将更新你网站的内部链接，以反映新的 WordPress 永久链接结构。在你使用它之后，我们建议检查你的一些页面和文章，以确保内部链接正常工作。

重要的是，你只有在为你的 WordPress 网站设置了永久链接结构之后才进行这个过程，我们在前面的步骤中已经完成了。如果您后来修改了 permalink 结构，您的内部 URL 可能会不起作用。

步骤 9:将你的域名指向 WordPress

现在，你所有的 Drupal 内容都在 WordPress 中了。你有一个完全正常工作的网站，唯一缺少的是更新你的域名信息。现在，如果访问者试图访问你的域名，他们会去你的 Drupal 网站。

不是注册一个新的域名，而是将现有的域名指向 WordPress。这个过程可能会有所不同，取决于你是使用域名注册商还是通过你的主机提供商来建立域名。

如果您使用了域名注册商，您需要从该平台访问您的帐户，并更新酒店的 DNS 设置。这些信息告诉域名应该将访问者引向哪里。如果您不确定如何更改这些设置，您可以查看您的域注册商的文档。

或者，如果你是 Kinsta 用户，你可以使用 MyKinsta 将一个域名指向你的网站。在这个过程中，您需要验证域，但是 Kinsta 会处理剩下的事情。

步骤 10:为你的 WordPress 网站选择一个主题

尽管你所有的 Drupal 内容现在都在 WordPress 中，你的网站看起来可能和以前有很大不同。那是因为你可能使用了一个 WordPress 默认主题。它们是不错的选择，但是它们应该被定制或者用其他模板替换。

使用 WordPress 的好处之一是你有大量的主题选择。有数以千计的免费和付费主题可供选择。

如果你是 WordPress 的新用户，我们建议你从WordPress.org 主题库开始搜索:

The WordPress theme repository

WordPress 主题知识库

如果你可以访问一个升级网站，你可以在永久改变之前测试新的主题。这样，你就可以尝试几十种主题，而不会影响网站的用户体验。

在你选择一个主题后，你可以开始使用块编辑器定制你的页面和文章的风格。块编辑器的体验在特性和易用性方面远远领先于 Drupal。因此，这可能会成为你使用 WordPress 最喜欢的方面之一。你甚至可以自定义你的 WordPress 主题本身。

如果选择一个模板很困难，我们可以给你指出我们最喜欢的主题。该列表包括不同类型网站的选项，所以你很有可能找到你喜欢的东西(另外，所有这些网站都有回应)。

同样值得注意的是，你不需要选择一个和你之前的 Drupal 网站相似的主题。从 Drupal 迁移到 WordPress 给了你一个绝佳的机会来重新设计你的网站，给它应有的更新。

从 Drupal 迁移到 WordPress 后要做什么

一旦你完成了从 Drupal 到 WordPress 的迁移，你可能想知道如何处理你以前的网站。现在它的所有内容都在不同的站点上，您可以继续删除 Drupal 安装。

如果你为两个网站使用同一个主机，你不需要急着删除 Drupal 站点。然而，如果你为两个主机方案付费，就没有理由继续花钱。

如果你在迁移过程中错过了什么，你可以暂时保留 Drupal 网站。一旦你确定你正确地完成了这个过程，继续删除这个站点。在最坏的情况下，您在迁移之前有该网站的备份。

至于 WordPress，你有很多新的功能和工具可以使用。首先，我们建议你查看一下WordPress.org 插件库。它包含数以千计的免费插件，其中许多可以添加您不知道您的网站可以提供的功能:

当你刚接触 WordPress 的时候，找到合适的插件就像选择完美的主题一样棘手。这就是为什么我们精心挑选了一份最好的 WordPress 插件列表供你试用。

考虑从 Drupal 转到 WordPress 有很多原因，其中之一就是 WordPress 使用起来要容易得多。💪在本指南中学习如何设置您的网站⬇️ 点击推文

摘要

如果你重视安全性和可伸缩性，Drupal 是一个极好的 CMS。然而，与 WordPress 相比，它在定制选项、易用性和网站风格方面就相形见绌了。

有了 WordPress，你可以使用正确的插件和主题来建立你梦想中的网站。WordPress 的每个方面都是可定制的，从 Drupal 迁移你的内容很容易，这要感谢 FG Drupal to WordPress 插件。

关于如何从 Drupal 迁移到 WordPress，你有什么问题吗？下面评论区来说说吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

DuckDuckGo 评论:关注隐私的搜索引擎

原文：https://kinsta.com/blog/duckduckgo-privacy/

保护您的数据和隐私变得越来越重要。用户现在担心他们的私人数据被谷歌、必应和雅虎等搜索引擎收集。这种担心导致许多人转向替代品，其中最受欢迎的是 DuckDuckGo 隐私搜索引擎。

DuckDuckGo 是一家承诺安全可靠浏览的搜索引擎公司。他们还为移动设备提供了注重隐私的浏览器。

但是 DuckDuckGo 到底有多安全可靠呢？

在本文中，您将了解关于 DuckDuckGo 和它的许多隐私特性的所有信息。

让我们开始吧。

来看看这个【to DuckDuckGo 视频指南

DuckDuckGo 是什么？

DuckDuckGo advert:

DuckDuckGo 是一个促进网络隐私的搜索引擎。

DuckDuckGo 是一个搜索引擎，专门为那些希望在使用互联网时保护自己隐私的用户设计。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

与其他搜索引擎不同的是，DuckDuckGo 严格限制其收集的个人信息。这使得它成为想要保护数据隐私的用户的绝佳选择。

DuckDuckGo 用一句简单的格言总结了它的服务:“同样的互联网，更多的隐私。

虽然 DuckDuckGo 不是世界上最受欢迎的搜索引擎，但它确实拥有令人印象深刻的庞大用户群。2021 年，DuckDuckGo 每月提供超过 30 亿次搜索，并帮助用户在移动应用和台式电脑上进行超过 500 万次下载。

DuckDuckGo 的用户也很喜欢这个搜索引擎，因为 DuckDuckGo 在苹果和谷歌 Play 商店的平均评分为 4.8。

让我们深入了解一下 DuckDuckGo 的历史。

Wondering if you should make the switch to @DuckDuckGo? 🤔 Learn more about this privacy-conscious search engine in this post 👇Click to Tweet

DuckDuckGo:简史

企业家加布里埃尔·温伯格于 2008 年 2 月创立了 DuckDuckGo。温伯格将 DuckDuckGo 设计为谷歌和雅虎等主流搜索引擎的替代产品。

虽然这个搜索引擎没有一夜成名，但它确实迅速流行起来。2008 年底，它登上了黑客新闻和 Reddit 等热门平台的主页。

在接下来的几年里，DuckDuckGo 通过几次重要的活动而出名。其中包括匿名浏览 DuckDuckGo、 DontTrack.us 网站，以及著名的广告牌广告“谷歌追踪你。我们没有。”

这些活动成功后，DuckDuckGo 的用户群像滚雪球一样越滚越大。

2012 年，搜索引擎达到了每天一百万次搜索。然后在 2013 年和 2015 年分别达到每天 200 万和 1000 万次搜索。由于越来越受欢迎，苹果，Mozilla，甚至谷歌都在他们的浏览器中增加了 DuckDuckGo 作为一个搜索引擎选项。

在对监控资本主义加强审查后，DuckDuckGo 目前正经历一个受欢迎的高峰期。2018 年至 2020 年间，该搜索引擎的搜索量翻了一番，从 250 亿次增加到 500 亿次。

当人们第一次知道 DuckDuckGo 时，他们通常会对它的名字表示惊讶。“DuckDuckGo”这个名字和搜索引擎没有关系。温伯格以儿童游戏“鸭鸭鹅”命名他的搜索引擎

DuckDuckGo 隐私功能

DuckDuckGo 因其隐私功能而闻名全球。从早期开始，DuckDuckGo 就作为一个优先考虑用户隐私的替代搜索引擎而赢得了声誉。

但是 DuckDuckGo 到底是怎么保证你的数据安全的呢？在这一节中，我们将介绍 DuckDuckGo 的最佳隐私功能及其工作原理。

DuckDuckGo 隐私必备浏览器扩展

DuckDuckGo in the Google Chrome extensions store.

DuckDuckGo 隐私精华是这个搜索引擎的一个显著特点。

DuckDuckGo 的 Privacy Essentials 浏览器扩展是其最显著的功能。它适用于所有重要的互联网浏览器。仅 Chrome 扩展版就拥有超过五百万用户。

Privacy Essentials 扩展既可以作为搜索引擎，也可以作为广告拦截器。当您使用搜索引擎时，Privacy Essentials 会阻止通常会出现在搜索结果中的任何横幅广告和弹出窗口。

该扩展也有几个内置的隐私功能。其中包括:

阻止来自您访问的网站的基于浏览器的在线跟踪。
加密您的搜索结果，以隐藏他们从互联网服务提供商。
全球隐私控制(GPC)警告网站不要分享或出售他们收集的关于你的数据。

Privacy Essentials 还为您提供了控制隐私设置的选项。虽然它阻止了大多数广告，但它让你可以选择将来自特定域名的广告列入安全列表。您还可以打开安全搜索，更改您搜索的国家，并管理您的搜索结果。

未跟踪搜索

DuckDuckGo's homepage.

自定义您的 DuckDuckGo 体验，使其显示您最常访问的网站。

DuckDuckGo 最广为人知的隐私功能是“无追踪搜索”。大多数搜索引擎以几种方式跟踪您的搜索，包括您访问的网站的数据、您搜索的内容、您的 IP 地址、浏览器和设备信息等。即使每个数据集都是匿名的，公司也可以将它们结合起来识别和跟踪你。

为了保护您的隐私，DuckDuckGo 不会收集cookie、 IP 地址或用户代理信息(如您使用的网络浏览器)。相反，DuckDuckGo 匿名保存用户的搜索——这意味着它没有办法将你对“泰国餐馆现在开业”的搜索与你联系起来。

DuckDuckGo 的未追踪搜索功能也延伸到你访问的网站。

如果网站使用 Cookies，DuckDuckGo 如何保护隐私？

许多网站通过 cookies 收集您的数据。Cookies 是识别您身份的小文本文件。网站使用 cookies 来了解您的浏览习惯，并为有针对性的内容做广告。

DuckDuckGo 通过阻止网站访问您的数据来阻止网站收集 cookies。由于 DuckDuckGo 无法识别您的身份，因此它无法传递该信息。

隐私等级

当一个网站正在追踪你的信息时，DuckDuckGo 隐私等级会发出警告。

隐私等级是另一个众所周知的 DuckDuckGo 功能，它通过浏览器扩展和移动应用程序工作。简而言之，隐私等级可以识别网站何时跟踪你的数据，并在你浏览时向你发出警告。

每当您访问网站时，DuckDuckGo 会自动激活隐私等级。该功能然后扫描该网站，并给它分配一个从“A”到“F”的隐私等级，“A”是最安全的。

隐私等级做两件事:

它会检查阻止了多少来自网站的跟踪请求。
它审查网站与 ToS:博士的服务条款协议(服务条款:没看)。

一旦你收到每个网站的分数，你就可以看到网站试图给你设置的追踪器。

DuckDuckGo 还向您展示了其隐私功能的影响。当它给你一个等级时，它会显示一个带有“从 __ 增强到 __”的条形(例如，“从 D 增强到 B”)。红色的第一个等级是原始等级，绿色的第二个等级是从 DuckDuckGo 的隐私功能调整的等级。

烧伤酒吧

DuckDuckGo 的 Burn Bar 是其手机应用特有的功能。刻录栏允许您在每次会话结束时关闭标签并删除您的浏览数据。因此，DuckDuckGo 不会在内部存储你的数据，让你完全控制你的搜索历史。

若要使用 DuckDuckGo 应用程序中的加深条，请点按屏幕底部可见的火焰图标。

阻止嵌入的社交媒体内容

DuckDuckGo warning: "DuckDuckGo blocked this Facebook Page"

如果一个社交媒体网站试图跟踪你，DuckDuckGo 可以立即阻止它。

由于社交媒体是大多数互联网用户日常生活的一部分，网站现在正在将 Youtube 视频等社交媒体帖子嵌入到他们的网络内容中。

然而，这带来了一个隐私问题，引起了许多互联网用户的关注。

每当网站嵌入社交媒体帖子时，该社交媒体平台就会收集关于谁查看了该帖子的数据，包括你的 IP 地址。

这意味着两个不同的第三方正在收集你的数据:你访问的网站和嵌入式社交媒体平台。

DuckDuckGo 正在通过屏蔽嵌入式社交媒体帖子来解决这个问题。到目前为止，DuckDuckGo 只阻止了一些社交媒体公司(如脸书)的内容，但该公司将很快将其阻止列表扩展到其他平台。

该功能目前在 DuckDuckGo 的浏览器扩展和移动应用中可用。

搜索泄漏预防

DuckDuckGo 使用术语“搜索泄漏”来描述雅虎、必应和谷歌等搜索引擎如何链接你的数据。

每当你点击一个新的链接，你的搜索引擎就会与你点击的网站分享微小的数据。这些小金块创建了一个数据轨迹，允许搜索引擎和第三方网站跟踪你的活动。

为了防止这种情况发生，DuckDuckGo 用两种策略来保护它的用户。

首先，DuckDuckGo 会重新路由你的点击，让网站无法确定你是如何进入网站的。假设你搜索了一家本地餐厅，并在搜索结果中点击了其网站的链接，网站所有者不会看到你在搜索“我附近的泰国餐厅”后找到了他们的网站。

其次，DuckDuckGo 显示你点击的网站的加密版本。这种策略可以防止网站了解你的任何信息，因为 DuckDuckGo 本质上是在你和网站之间建立了一堵墙。

没有用户配置文件集合

像谷歌这样的搜索引擎通过“用户档案”生成你是谁的图片。此用户资料描述了您的一般信息，包括:

年龄
性别
国际电脑互联网地址
设备

然后，搜索引擎将这些数据与你的浏览历史和 cookies 配对，这使他们能够产生一个想法，并利用你的兴趣。

搜索引擎使用这个用户档案来过滤你看到的广告内容。许多品牌都想针对特定的人群做广告(例如，22-30 岁的北美男性 Mac 用户)。

由于 DuckDuckGo 的隐私功能阻止搜索引擎收集关于您和您的搜索的识别数据，它允许您在没有用户配置文件的情况下浏览互联网。这个功能对任何想避开个性化广告的人来说都是极好的。

这个功能还有另一个好处:它消除了过滤器气泡。当你陷入“过滤气泡”时，你的搜索引擎会根据你的用户资料对你的搜索结果进行优先排序。由于过滤气泡会限制您的搜索，因此在没有用户配置文件的情况下浏览互联网有助于您获得更完整的结果。

Tor 出口飞地

虽然许多 DuckDuckGo 用户对其其他功能提供的加密感到满意，但一些用户更喜欢用 Tor (即“洋葱路由器”)来完全加密他们的互联网活动。

Tor 是一个互联网浏览器，允许人们匿名浏览互联网。当您使用 Tor 时，您的搜索会通过多个加密的服务器。

这种策略使得任何人都不可能跟踪你的互联网使用，因为多层加密保护你的浏览数据。

DuckDuckGo 通过操作 Tor 出口飞地，帮助用户通过 Tor 浏览互联网。这个飞地允许用户通过 Tor 快速使用 DuckDuckGo，而不牺牲匿名性。

要使用 DuckDuckGo 的 Tor exit enclave，你需要下载 Tor 并使用 DuckDuckGo 的搜索引擎。

内容安全策略报告

像许多其他互联网公司一样，DuckDuckGo 的搜索引擎使用内容安全策略(CSP)来保护用户免受恶意网站的攻击。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

CSP 与您的网络浏览器进行通信，以识别和阻止可能对您发起网络安全攻击的第三方网站。

DuckDuckGo 的 CSP 保护您免受一系列攻击，包括:

跨站点脚本(XSS)攻击:在这些攻击中，网站会向您的浏览器中注入不需要的恶意代码。
代码注入攻击:攻击者在这些攻击过程中向你的计算机或服务器注入代码，然后改变你或你的网站的动作(例如，将你或你的用户重定向到另一个网站)。
点击劫持攻击:在这些攻击中，攻击者诱骗你点击一些恶意的东西。

DuckDuckGo 的 CSP 功能通过其搜索引擎工作，这意味着你可以通过 DuckDuckGo.com、Privacy Essentials 浏览器扩展或移动应用程序来使用它。

为什么 DuckDuckGo 更有利于隐私

在上一节中，我们介绍了 DuckDuckGo 的许多隐私功能。但是为什么 DuckDuckGo 总体来说对隐私更好呢？

DuckDuckGo 的每一项功能都可以保护用户免受特定的威胁。虽然其中一些威胁可能看起来微不足道，但它们可以很快累积起来。大多数互联网用户每天都会进行多次搜索。你不断地在不知不觉中向网站提供关于你自己的宝贵数据。

最终，DuckDuckGo 在不影响你的网页浏览体验的情况下，为用户提供了 Tor 等更强大的解决方案的隐私和匿名优势。

也就是说，DuckDuckGo 并不是一个完美的工具。

DuckDuckGo 隐私问题

DuckDuckGo 是一项有益的技术，但用户确实对它有一些担忧。本节将简要概述其中的两个问题。

附属链接

DuckDuckGo 通过搜索引擎广告和附属链接为自己融资。DuckDuckGo 的搜索引擎广告的运作就像谷歌或雅虎一样(除了它不依赖于你的数据)。

此外，当你在亚马逊或易贝购物时，它的会员链接会自动应用。当 DuckDuckGo 使用代销商链接时，销售平台就你的购买向公司支付佣金。

虽然这确实让 DuckDuckGo 可以访问你的购买数据(比如你买了什么)，但该公司无法访问任何识别数据(比如你的送货地址)。

本地化结果

虽然 DuckDuckGo 不会使用您的 IP 地址，但搜索引擎会在您搜索“我附近的泰国餐馆”时使用您的位置数据具体来说，DuckDuckGo 使用 GEO::IP 查找，这与您的位置很接近。

有时候这个数据非常准确，而其他时候则不然。

DuckDuckGo 有时会询问用户的位置，以提供更准确的搜索结果。如果 DuckDuckGo 想使用你的位置，它会像这样弹出一个窗口询问你:

DuckDuckGo option for setting location: "Anonymously use browser location for better results?"

使用 DuckDuckGo 时，可以匿名浏览网页。

正如弹出窗口提到的，DuckDuckGo 不会将您的位置数据存储在其服务器上。

如何最大化 DuckDuckGo 隐私

虽然 DuckDuckGo 已经为用户提供了合理程度的隐私，但还有一些方法可以充分利用这项技术。以下是让你开始的一些想法:

下载 DuckDuckGo 浏览器扩展，开启所有隐私设置。
检查您经常访问的网站的隐私等级。
下载手机应用程序，并在每次互联网会话后使用其“刻录”按钮。
获得一个虚拟专用网络(VPN) 让你匿名浏览。
将 DuckDuckGo 与 Brave 浏览器配对。
使用 Tor 和 DuckDuckGo 作为出口飞地。

DuckDuckGo 与其他搜索引擎相比如何

如果你考虑试用 DuckDuckGo，你可能想知道它与 Google、Bing 和 Yahoo 相比如何。

DuckDuckGo vs 谷歌

The Google homepage.

DuckDuckGo 可以是谷歌的替代品，看你的喜好。

虽然 DuckDuckGo 是一个很好的谷歌替代品，但就搜索结果而言，谷歌是一个更好的搜索引擎。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗？Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划！

谷歌理解你的上下文查询，对最新内容进行优先排序，并根据你的行为和用户资料对你的搜索进行个性化。谷歌搜索还集成了其他谷歌产品，如谷歌地图和谷歌工作空间。

虽然 DuckDuckGo 的搜索引擎具有 Bang 搜索等功能，但它无法为你提供与谷歌相同水平的定制。

如果你需要全面的搜索功能，你可能会选择谷歌，但如果你重视你的数据隐私，你可能会更喜欢 DuckDuckGo。

DuckDuckGo vs Bing

The Bing homepage.

你可能会认为 DuckDuckGo 是阿炳的替代品。

Bing 不像 Google 那样受欢迎，但它仍然是一个很好的搜索引擎。作为微软奖励计划的一部分，必应拥有非常先进的图片搜索功能、浏览器面板、必应应用和必应返利。

DuckDuckGo 的图片搜索功能比不上 Bing，但它确实提供匿名浏览。

DuckDuckGo vs 雅虎

The Yahoo homepage.

你可以用 DuckDuckGo 作为雅虎的替代品。

雅虎是一个非常可定制的搜索引擎。它允许用户根据自己的喜好调整界面，并提供个性化广告。雅虎搜索也能很好地与雅虎新闻和雅虎邮件等其他雅虎产品配合使用。

然而，雅虎在提供图片和视频内容方面不如必应和谷歌。

DuckDuckGo、Bing 和 Yahoo 在搜索引擎功能上不相上下，但对你来说最好的选择将取决于你的隐私品味和上网习惯。

如何安装 DuckDuckGo

现在您已经对 DuckDuckGo 有了更多的了解，让我们深入搜索引擎本身。

有三种方法可以使用 DuckDuckGo:

DuckDuckGo.com
浏览器扩展
该公司的 iOS 和 Android 应用程序

我们在下面概述了访问每个选项的步骤。

DuckDuckGo 浏览器扩展

DuckDuckGo 目前没有自己的桌面浏览器，但你可以将 DuckDuckGo 作为扩展添加到你的浏览器中。该扩展现在可以在谷歌 Chrome、 Mozilla Firefox 、微软 Edge、Opera 和 Safari 上使用。

谷歌浏览器

跟随这个链接到 Chrome 商店。
点击屏幕右侧的“添加到 Chrome”。
出现提示时，单击“添加扩展”。
等 Chrome 安装 DuckDuckGo。

Mozilla Firefox

跟随这个链接到 Mozilla 插件。
点击“下载 Firefox 并获取扩展”
出现提示时，单击“确认”。
等待 Mozilla Firefox 安装 DuckDuckGo。

微软 Edge

跟随这个链接到微软商店。
点击“获取”
出现提示时，单击“添加扩展”。
等待 Microsoft Edge 安装 DuckDuckGo。

歌剧

跟随链接到 Opera 附加组件商店。
点击“立即下载”
确认您的下载。
等 Opera 安装 DuckDuckGo。

狩猎之旅

跟随这个链接到 Mac 应用商店。
点击“获取应用程序”
确认您的下载。
等待 Safari 安装 DuckDuckGo。

网络浏览器

DuckDuckGo 的扩展目前不适用于 Internet Explorer。如果您想在 Internet Explorer 中使用 DuckDuckGo，您可以通过以下方式将 DuckDuckGo 设置为默认搜索引擎:

转到“DuckDuckGo.com”
选择“将此设为我的默认搜索提供商”
点击“添加”

DuckDuckGo.com

如果你是使用 DuckDuckGo 的新手，你可能想在下载之前测试一下这个搜索引擎。

您可以通过访问“duckduckgo.com”网页来使用搜索引擎然后你可以像使用其他搜索引擎一样使用 DuckDuckGo。

虽然 DuckDuckGo 像其他搜索引擎一样向您提供结果，但它也有一些独特的怪癖。这包括它的字体，它如何提供搜索结果，以及它的特点。

从下图可以看出，DuckDuckGo 并没有用页码来标记你的搜索结果。相反，它给你提供了查看“更多结果”或打开无限滚动的选项。

The DuckDuckGo "Settings" panel, showing options for appearance and general settings.

您可以更改 DuckDuckGo 设置以获得更个性化的体验。

您也可以在浏览器顶部更改您的搜索设置。

通过这些设置，您可以更改正在浏览的国家/地区、想要使用的安全搜索级别(“严格”、“中等”或“关闭”)，以及您的个人设置—语言、无限滚动、布局和文本大小。

DuckDuckGo 的搜索引擎还有一个被称为“Bang！”。Bang 搜索允许你在一个域名内快速搜索。这些搜索通常使用“！(快捷方式):(搜索词)”，其中“快捷方式”是指网站。

例如，您可以使用 bang search 在 Youtube 上搜索内容！yt:(搜索词)”。一些最受欢迎的 Bang 搜索包括:

"!gimg:“—用于谷歌图片搜索
"!nf:“—用于网飞搜索
"!giphy:“—用于 Giphy 搜索
"!hulu:“—用于 Hulu 搜索

你还可以学习如何改变你的默认搜索引擎来通过你浏览器的地址栏即时访问 DuckDuckGo。

DuckDuckGo 移动应用

DuckDuckGo 目前有两个移动应用:一个用于 iOS 设备，另一个用于 Android 设备。

要下载 iOS 设备，您只需:

去苹果应用商店。
搜索“DuckDuckGo 隐私浏览器。”
点击“获取”并用您的密码或触摸 ID 确认您的下载。
等待应用程序下载。

要下载 Android 应用程序，您只需:

去 Google Play 商店。
搜索“DuckDuckGo 隐私浏览器”(或点击此处)。
点击“安装”并确认您的下载。
等待应用程序下载。

一旦你下载了任何一个应用程序，你就可以开始浏览或者按照我们之前的说明将 DuckDuckGo 设置为你的默认搜索应用程序。

If safe, secure, privacy-focused browsing is something you're interested in, check out this review of @DuckDuckGo ⬇️Click to Tweet

摘要

对于任何想匿名使用互联网的人来说，DuckDuckGo 是一个很好的 Google、Bing 和 Yahoo 替代品。

虽然 DuckDuckGo 的搜索引擎没有谷歌的强大，但它对大多数日常查询都很好。此外，它提供独特的隐私功能，保护您的数据免受网站、其他搜索引擎和任何恶意方的攻击。

对我们来说，最好的 DuckDuckGo 功能是其广告拦截浏览器扩展、未跟踪浏览、Burn Bar、Tor exit enclave 和隐私等级。

你还喜欢 DuckDuckGo 的什么？在评论区和我们分享吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何为古腾堡创建动态块

原文：https://kinsta.com/blog/dynamic-blocks/

你还在被古腾堡迷惑吗？或者你是那些坚信块编辑器潜力的人之一，并想知道使用块编辑器能把他们的创造力推进到什么程度？

无论你属于哪一类用户，Gutenberg 都在这里，这篇文章将会给你一个深入的概述，介绍 WordPress block editor 幕后发生的事情。但这还不是全部！

继我们之前的教程提供了 Gutenberg 块开发的一般介绍之后，本文超越了基础，介绍了更高级的块类型。这些块被称为动态块。

今天，您将学习什么是动态块，它们是如何工作的，以及从头开始创建动态块所需的所有知识。

那么，什么是古腾堡动态块，静态和动态块的关键区别是什么？

什么是动态块？一个例子

使用静态块时，内容是由用户在编辑帖子或页面时手动添加的，而使用动态块时，内容是在页面加载时动态加载和处理的。对于动态块，从数据库中提取块内容，并按原样显示或显示任何类型的数据操作的结果。

让我们用一个例子来解释一下。假设您想要创建一组嵌套块，显示文章作者的详细信息，并选择同一作者的最新文章。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

A Group block including Post Author and Latest Posts

作为 Gutenberg 用户，您可以使用以下块:

标题核心块
帖子作者核心块
最新帖子核心区块

您还可以创建一个包含这些块的组，并将该组添加到可重用块中以供将来使用。

Adding a group block to reusable blocks

很简单，不是吗？您可以创建一个动态块，并将其快速添加到您的帖子和页面中。

截止到WordPress 5.9,区块编辑器提供了超过 90 种不同的区块，你很有可能开箱就能找到适合你的区块。如果你需要更多，在 WordPress 插件目录中快速搜索，你会发现很多免费插件提供了额外的模块。

但是如果你是一名 WordPress 开发者——或者你正计划成为一名 WordPress 开发者呢？也许你有非常具体的需求，但找不到你正在寻找的区块，或者你只是想获得新的专业技能。在这种情况下，您可能需要学习如何创建动态块。

准备好把你的 WordPress 开发者生涯带上月球了吗？🚀🌙从这本大规模的动态块开发指南开始吧！👩‍🚀 点击推文

从开发人员的角度看古腾堡动态块

动态块有两个主要用例。

第一个用例是，当包含块的页面尚未更新时，您需要更新块的内容。例如，当块包含最新帖子或评论的列表时，以及通常当块的内容是使用从数据库中检索的数据动态生成时，就会发生这种情况。

Adding a Query Loop block

第二个用例是块代码的更新需要立即显示在前端。使用动态块而不是静态块会导致更改立即应用于块的所有引用。

另一方面，如果你改变一个静态块产生的 HTML，用户将会看到一个无效对话框，直到该块的前一版本的每个实例都被删除并用新版本替换，或者你将旧版本标记为不推荐使用(参见不推荐使用和块验证、不推荐使用和迁移体验)。

Unexpected or invalid content.

也就是说，在开始构建动态块之前，您需要理解一些概念。

应用程序状态和数据存储

古腾堡是一个 React SPA 应用，古腾堡里的一切都是 React 组件。编辑器中的文章标题、标题、段落、图像和任何 HTML 内容块都是一个 React 组件，还有侧边栏和块工具栏控件。

在我们之前的文章中，我们只使用属性来存储数据。在本文中，我们将进一步引入状态的概念。

简单地说，state对象是，一个普通的 JavaScript 对象，用于包含关于组件的信息。组件的state可以随时间改变，任何时候改变，组件都会重新呈现。

类似于state对象，属性是用来保存组件信息的普通 JavaScript 对象。但是和state之间有一个关键的区别:

props传递给组件(类似于函数参数)，而state在组件内管理(类似于函数内声明的变量)。

您可能认为状态是在给定时间点获取的数据快照，应用程序存储这些数据以控制组件的行为。例如，如果块编辑器设置侧栏打开，一条信息将存储在state对象的某处。

当信息在单个组件内共享时，我们称之为本地状态。当信息在应用程序内的组件间共享时，我们称之为应用程序状态。

应用程序状态与存储的概念密切相关。根据 Redux 文档:

一个存储保存了你的应用程序的整个状态树。改变它内部状态的唯一方法是在它上面分派一个动作。

因此，Redux 将应用程序状态存储在一个不可变的对象树中(即存储)。只能通过使用动作和减少器创建新对象来改变对象树。

在 WordPress 中，商店由 WordPress 数据模块管理。

古腾堡的模块化、包和数据存储

古腾堡知识库是在几个可重用和独立的模块上从头开始构建的，这些模块组合在一起，构建了编辑界面。这些模块也被称为包。

官方文档列出了两种不同的包:

生产包组成了在浏览器中运行的生产代码。WordPress 中有两种类型的产品包:
- 带有样式表的包提供样式表以正常运行。
- 带有数据存储的包定义数据存储来处理它们的状态。带有数据存储的包可以被第三方插件和主题用来检索和操作数据。
开发包用于开发模式。这些包包括林挺、测试、构建等工具。

这里我们最感兴趣的是带有数据存储库的包，用于检索和操作数据。

WordPress 数据仓库

WordPress 数据模块建立在 Redux 的基础上，并分享了的三个 Redux 核心原则，尽管与有一些关键的不同。

信息

Redux 是 JavaScript 应用程序的状态管理器。三个基本原则总结了 Redux 的工作方式:

真实的单一来源:你的应用程序的全局状态存储在一个单一存储的对象树中。
状态是只读的:改变状态的唯一方法是发出一个动作，一个描述发生了什么的对象。
用纯函数进行改变:为了指定状态树如何被动作转换，你要编写纯 reducers。

官方文件提供了的如下定义:

WordPress 的数据模块作为管理插件和 WordPress 自身应用程序状态的中心，提供管理不同模块内部和之间数据的工具。它被设计成一种组织和共享数据的模块化模式:简单到足以满足一个小插件的需求，同时可扩展到满足一个复杂的单页面应用程序的需求。

默认情况下，Gutenberg 在应用程序状态中注册了几个数据存储库。这些商店都有特定的名称和用途:

core : WordPress 核心数据
core/annotations : 注解
core/blocks : 块类型数据
core/block-editor : 块编辑的数据
core/editor : 帖子编辑的数据
core/edit-post : 编辑的 UI 数据
core/notices : 通知数据
core/nux:NUX(新用户体验)数据
core/viewport : 视口数据

通过这些商店，您将能够访问一大堆数据:

与当前帖子相关的数据，如帖子标题、摘录、类别和标签、区块等。
与用户界面相关的数据，即开关是否打开。
与整个 WordPress 安装相关的数据，例如注册的分类法、文章类型、博客标题、作者等。

这些商店位于全局wp对象中。要访问商店的状态，您将使用select函数。

要了解它是如何工作的，创建一个新的帖子或页面，并启动您的浏览器的检查器。找到控制台并键入以下代码行:

wp.data.select("core")

结果将是一个对象，其中包含一个函数列表，您可以使用该列表从core数据存储中获取数据。这些函数被称为选择器，作为访问状态值的接口。

The Core WordPress data store object

信息

selectors对象包括一组用于访问和导出状态值的函数。选择器是一个接受状态和可选参数并从状态返回一些值的函数。调用选择器是从您的状态中检索数据的主要机制，并作为对原始数据的一种有用的抽象，原始数据通常更容易改变，不太容易用作规范化对象。(来源: Github )

WordPress 数据仓库包含了关于 WordPress 的一般信息，选择器是你获取这些信息的途径。例如，getCurrentUser()返回当前用户的详细信息:

wp.data.select("core").getCurrentUser()

Inspecting getCurrentUser response

另一个可以用来从数据存储中检索用户详细信息的选择器是getUsers() :

wp.data.select("core").getUsers()

下图显示了响应对象:

Inspecting getUsers response

要获取单个用户的详细信息，只需键入以下行:

wp.data.select("core").getUsers()[0]

使用相同的选择器，您还可以检索分配了author角色的站点用户:

wp.data.select( 'core' ).getUsers({ who: 'authors' })

您还可以检索已注册的分类法:

wp.data.select("core").getTaxonomies()

Inspecting getTaxonomies response.

注册帖子类型列表:

wp.data.select("core").getPostTypes()

或者插件列表:

wp.data.select("core").getPlugins()

现在让我们尝试访问一个不同的数据存储。为此，您仍将使用select函数，但提供不同的名称空间。让我们试试下面的方法:

wp.data.select("core/edit-post")

现在，您将获得以下响应对象。

Accessing the Editor’s UI Data

如果您想知道设置工具条是否打开，您可以使用isEditorSidebarOpened选择器:

wp.data.select("core/edit-post").isEditorSidebarOpened()

如果侧边栏是打开的，该函数返回true:

The sidebar is open.

如何访问帖子数据

现在，您应该对如何访问数据有了基本的了解。现在我们来仔细看看一个特定的选择器，即 getEntityRecords函数，它是访问帖子数据的选择器。

在程序块编辑器中，右击并选择检查。在控制台选项卡中，复制并粘贴以下行:

wp.data.select("core").getEntityRecords('postType', 'post')

这会向 Rest API 发送一个请求，并返回一个与最近发布的博客文章相对应的记录数组。

getEntityRecords returns a list of posts.

信息

注意，第一次向 Rest API 发送请求时，响应将是null，直到请求完成。所以，如果你得到了null，不要担心，再试一次。

getEntityRecords接受三个参数:

kind 字符串:实体种类(即postType)。
name 字符串:实体名称(即post)。
queryT2？对象:可选条件查询(即{author: 0})。

您可以使用参数的对象构建更具体的请求。

例如，您可以决定回复只包含特定类别的帖子:

wp.data.select("core").getEntityRecords('postType', 'post', {categories: 3})

您也可以只请求来自给定作者的文章:

wp.data.select("core").getEntityRecords('postType', 'post', {author: 2})

如果您单击由getEntityRecords返回的任何记录，您将获得所选记录的属性列表:

An example API request with getEntityRecords.

如果您希望响应包括特色图片，您需要在之前的请求中添加一个额外的参数:

wp.data.select("core").getEntityRecords('postType', 'post', {author: 2, _embed: true})

Featured image details in getEntityRecords response.

现在你应该对如何访问 WordPress 数据库和检索文章细节有了更好的理解。关于getEntityRecords选择器的详细视图，请参见使用 getEntityRecords 在古腾堡请求数据。

如何创建动态块:示例项目

在我们的长期理论前提之后，我们可以继续练习，并使用我们在以前的块开发教程中介绍的工具创建一个动态块。

在那篇文章中，我们讨论了:

这就是为什么我们不会在本文中深入讨论这些主题，但是请随意参考我们以前的指南以获得更多信息，或者只是复习一下。

设置 JavaScript 开发环境

让我们从设置一个 JavaScript 开发环境开始。

安装或更新 Node.js

首先，安装或更新 Node.js。完成后，启动命令行工具并运行以下命令:

node -v

您应该会看到您的节点版本。

设置您的开发环境

接下来，你需要一个 WordPress 的开发环境。在我们的例子中，我们使用了 DevKinsta ，这是我们的免费 WordPress 开发工具，可以让你立刻启动一个本地 WordPress 网站。

Creating a custom site in DevKinsta

但是你仍然可以自由选择任何你喜欢的 WordPress 本地开发环境，比如 MAMP 或者 XAMPP，甚至是官方的 wp-env 解决方案。

如果你正在使用 DevKinsta，点击新的 WordPress 站点或自定义站点，填写表格字段并点击创建站点。

安装过程需要一两分钟。完成后，启动你的本地 WordPress 开发网站。

Site Info screen in DevKinsta.

设置您的阻止插件

你现在需要的是一个入门插件。为了避免手动配置的所有麻烦，WordPress 核心开发团队发布了@ WordPress/create-block tool，这是官方用于创建古腾堡区块的零配置工具。

在我们的上一篇文章中，我们已经深入讨论了@wordpress/create-block，所以在这里我们可以马上开始设置。

在命令行工具中，导航到 /wp-content/plugins 文件夹:

New terminal at folder in Mac OS.

在那里，运行以下命令:

npx @wordpress/create-block

您现在已经准备好安装@wordpress/create-block包了:

Installing the @wordpress/create-block package.

要确认，键入y并按回车键。

这将在交互模式下生成插件的 PHP、SCSS 和 JS 文件。

下面是我们将在示例中使用的详细信息。您可以根据自己的喜好随意更改这些细节:

Block slug used for identification (also the name of plug-in and output folder): author-plugin
The internal namespace of the name (unique to your product): author-box
The display title of your block: Author Box
Short description of your block (optional): Example block for Kinsta readers
It is easier to identify your block (optional): Business Person
*** Category name to help users browse and discover your block: Widgets* Name of plug-in author Multiple authors can be listed with commas: Your name* Short name of plug-in license (optional): –* Full text link of license (optional): –[T21**

一旦您输入回车，它就会下载并配置插件。

Installing the block plugin.

该过程可能需要几分钟。完成后，您应该会看到以下屏幕:

Block bootstrapped in the plugin folder.

您将看到可以从插件目录中运行的命令列表:

$ npm start–开始构建开发。
$ npm run build–构建生产代码。
$ npm run format–格式化文件。
$ npm run lint:css–Lint CSS 文件。
$ npm run lint:js–Lint JavaScript 文件。
$ npm run packages-update–将 WordPress 软件包更新至最新版本。

好了，现在用下面的命令移动到插件目录:

cd author-plugin

并开始您的开发构建:

npm start

接下来，导航到你的 WordPress 仪表盘中的插件屏幕，激活作者框插件:

The block plugin is listed in the Plugins screen.

现在你可以检查插件是否正常工作。创建一个新帖子并开始输入/来启动快速插入器:

The block item in the Quick Inserter.

你还可以在块插入器中的小部件类别下找到作者框块。选择要添加到编辑器画布的块:

The WordPress Block Inserter.

The WordPress Block Inserter

你完了。现在保存文章并预览页面，检查块是否正确显示。

块状脚手架

我们在上一篇文章中提到了块状脚手架。因此，在这里我们将只提供一个快速的概述文件，我们将修改我们的例子。

根文件夹
根文件夹是你可以找到主 PHP 文件和几个子文件夹的地方。

author-plugin.phpT3@wordpress/create-block包默认提供以下 PHP 文件:

/**
 * Plugin Name:       Author box
 * Description:       An example block for Kinsta readers
 * Requires at least: 5.8
 * Requires PHP:      7.0
 * Version:           0.1.0
 * Author:            Carlo
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       author-plugin
 *
 * @package           author-box
 */

/**
 * Registers the block using the metadata loaded from the `block.json` file.
 * Behind the scenes, it registers also all assets so they can be enqueued
 * through the block editor in the corresponding context.
 *
 * @see https://developer.wordpress.org/reference/functions/register_block_type/
 */
function author_box_author_plugin_block_init() {
	register_block_type( __DIR__ . '/build' );
}
add_action( 'init', 'author_box_author_plugin_block_init' );

在标题中，您会注意到我们在设置中输入的详细信息。

对于静态块，大部分时间你将处理位于 src 文件夹中的 JavaScript 文件。对于动态块，您将编写 PHP 代码在前端显示块内容。

src文件夹
src文件夹是你的开发文件夹。在这里，您可以找到以下文件:

block.json
index.js
edit.js
save.js
editor.scss
style.scss

block . JSONT3block . JSON是你的元数据文件。@wordpress/create-block生成下面的 block.json 文件:

{
	"$schema": "https://schemas.wp.org/trunk/block.json",
	"apiVersion": 2,
	"name": "author-box/author-plugin",
	"version": "0.1.0",
	"title": "Author box",
	"category": "widgets",
	"icon": "businessperson",
	"description": "An example block for Kinsta readers",
	"supports": {
		"html": false
	},
	"textdomain": "author-plugin",
	"editorScript": "file:./index.js",
	"editorStyle": "file:./index.css",
	"style": "file:./style-index.css"
}

要更仔细地查看 block.json 文件，请参考我们之前的博客文章。

index . js
index . js文件是你在客户端注册块类型的地方:

import { registerBlockType } from '@wordpress/blocks';

import './style.scss';

import Edit from './edit';
import save from './save';

registerBlockType('author-box/author-plugin', {
	edit: Edit,
	save,
});

edit.js

import { __ } from '@wordpress/i18n';

import { useBlockProps } from '@wordpress/block-editor';

import './editor.scss';

export default function Edit() {
	return (
		<p {...useBlockProps()}>
			{__('Author box – hello from the editor!', 'author-plugin')}
		</p>
	);
}

save . js
save . js文件包含构建要保存到数据库中的块内容的脚本。我们不会在本教程中使用该文件:

import { __ } from '@wordpress/i18n';

import { useBlockProps } from '@wordpress/block-editor';

export default function save() {
	return (
		<p {...useBlockProps.save()}>
			{__('Author box – hello from the saved content!', 'author-plugin')}
		</p>
	);
}

构建要在编辑器中呈现的块

在 Visual Studio 代码或任何你喜欢的代码编辑器中打开你的项目。

如果你使用的是 Visual Studio 代码，进入终端- >新建终端。这将在项目的根文件夹中启动一个终端窗口。

在终端中(或在您喜欢的命令行工具中)，键入以下命令:

npm start

您现在正在开发模式下运行节点环境。

The block plugin project in Visual Studio Code.

从现在开始，你将遵循两条不同的路线。为了在编辑器中渲染块，您将在 edit.js 文件中工作。要在前端呈现这个块，您需要在主插件文件中编写 PHP 代码。

现在卷起袖子，因为编码开始了:

信息

在本文中，我们只提供代码片段。完整的代码可以在 Gist 上找到。

在服务器上注册该块

首先，您必须在服务器上注册这个块，并编写 PHP 代码从数据库中检索数据。

在author-plugin.php文件中，您需要向 register_block_type函数传递第二个参数:

function author_box_author_plugin_block_init() {
	register_block_type( __DIR__ . '/build', array(
		'render_callback' => 'author_box_author_plugin_render_author_content'
	) );
}
add_action( 'init', 'author_box_author_plugin_block_init' );

第二个参数是注册一个块类型的参数数组(参见这里的可用参数的完整列表)。在上面的代码中，我们只提供了render_callback，它决定了在屏幕上呈现块的回调函数。

接下来，您将声明该函数:

function author_box_author_plugin_render_author_content() {
	return 'Hello World!';
}

保存文件，创建新的文章或页面，并将作者框块添加到编辑器画布。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

The WordPress Block Inserter.

块编辑器仍然显示起始块，因为我们还没有更改 edit.js 文件。

但是如果你在前端预览这个帖子，你会看到原来的块内容现在已经被“Hello World”字符串替换了。

现在，由于呈现在前端的 HTML 是由 PHP 文件生成的，因此不再需要save函数返回任何内容。所以让我们直接进入 save.js 文件，修改代码如下所示:

export default function save() {
	return null;
}

定义块属性

现在你需要一个存储用户设置的地方。例如，要从数据库中检索的文章数量、是否显示指定的字段等。为此，您将在 block.json 文件中定义一些attributes。

例如，您可以让用户能够确定要包含在区块中的帖子数量，选择显示特色图片、日期、摘要和/或隐藏/显示作者的个人资料图片。

下面是我们将用来构建示例块的属性的完整列表:

{
	...
	"attributes": {
		"numberOfItems": {
			"type": "number",
			"default": 3
		},
		"columns": {
			"type": "number",
			"default": 1
		},
		"displayDate": {
			"type": "boolean",
			"default": true
		},
		"displayExcerpt": {
			"type": "boolean",
			"default": true
		},
		"displayThumbnail": {
			"type": "boolean",
			"default": true
		},
		"displayAuthorInfo": {
			"type": "boolean",
			"default": true
		},
		"showAvatar": {
			"type": "boolean",
			"default": true
		}, 
		"avatarSize": {
			"type": "number",
			"default": 48
		},
		"showBio": {
			"type": "boolean",
			"default": true
		}
	}
}

构建要在编辑器中呈现的块

getEntityRecords选择器包含在@wordpress/data包装中。要使用它，您需要从您的edit.js文件中的那个包导入useSelect钩子:

import { useSelect } from '@wordpress/data';

信息

useSelect是一个定制的 react 钩子，用于基于React 钩子从注册的选择器中检索值。

接下来，将以下代码添加到Edit()函数中:

const posts = useSelect( ( select ) => {
	return select( 'core' ).getEntityRecords( 'postType', 'post', {
		'per_page': 3
	});
});

在上面的代码中，我们硬编码了帖子的数量。但是您可能希望让用户能够设置不同数量的帖子。您可以为此使用一个属性。

在你的 block.json 中，你应该已经定义了一个numberOfItems属性。您可以在您的Edit函数中使用它，如下所示:

export default function Edit( { attributes } ) {

	const { numberOfItems } = attributes;

	const posts = useSelect( ( select ) => {
		return select( 'core' ).getEntityRecords( 'postType', 'post', {
			'per_page': numberOfItems
		});
	});

	console.log( posts );

	return (
		...
	);
}

你还不会在屏幕上看到帖子，但是运行一个console.log看看在浏览器检查器的控制台上会发生什么:

The result in the browser's console.

The result in the browser’s console.

useSelect可能有两个参数:一个内联回调和一个依赖数组。两者都返回了回调的记忆版本，该版本仅在依赖关系之一改变时才改变。

因此，为了在每次numberOfItems属性改变时重新提取帖子，您必须改变Edit函数，如下所示:

export default function Edit( { attributes } ) {

	const { numberOfItems } = attributes;

	const posts = useSelect(
		( select ) => {
			return select( 'core' ).getEntityRecords( 'postType', 'post', {
				'per_page': numberOfItems
			});
		}, 
		[ numberOfItems ]
	);

	console.log(posts);

	return (
		...
	);
}

接下来你必须呈现你的帖子列表。为此，您可以使用内置的 JavaScript map方法:

export default function Edit( { attributes } ) {

	const { numberOfItems } = attributes;

	const posts = useSelect(
		( select ) => {
			return select( 'core' ).getEntityRecords( 'postType', 'post', {
				'per_page': numberOfItems
			});
		},
		[ numberOfItems ]
	);

	console.log(posts);

	return (
		<div { ...useBlockProps() }>
			<ul>
				{ posts && posts.map( ( post ) => {
					return (
						<li key={ post.id }>
							<h5>
								<a href={ post.link }>
									{ 
										post.title.rendered ? 
										post.title.rendered :
										__( 'Default title', 'author-plugin' )
									}
								</a>
							</h5>
						</li>
					)
				})}
			</ul>
		</div>
	);
}

首先，它检查数组中是否至少有一个 post，然后运行循环。

信息

map()方法创建一个新的数组，其中填充了调用数组中每个元素的函数的结果——Source:MDN web docs。

注意，由于我们使用了带有 React 组件的map方法，我们还使用了一个key属性来为当前列表项分配文章 ID。

信息

“key”是一个特殊的字符串属性，您需要在创建元素列表时包含它——Source:list 和 React Docs 中的 key。

post.link和post.title.rendered分别渲染帖子网址和标题。

下图显示了post对象属性的完整列表。

The Post object.

上面的代码只是一个使用getEntityRecords的基本例子。现在是把我们的知识付诸实践的时候了。

假设您希望阻止您的块呈现用户可能添加到文章标题中的 HTML 标记。WordPress 为此提供了一个 RawHTML组件。

首先，您将从 @wordpress/element 包中导入组件:

import { RawHTML } from '@wordpress/element';

接下来，您将把文章标题放在一个RawHTML元素中:

<div { ...useBlockProps() }>
	<ul>
		{ posts && posts.map((post) => {
			return (
				<li key={ post.id }>
					<h5>
						<a href={ post.link }>
							{ post.title.rendered ? (
								<RawHTML>
									{ post.title.rendered }
								</RawHTML>
							) : (
								__( 'Default title', 'author-plugin' )
							)}
						</a>
					</h5>
				</li>
			)
		})}
	</ul>
</div>

仅此而已。现在给你的文章标题添加一个 HTML 标签并保存文章。然后在有和没有RawHTML的情况下测试你的代码，看看你的代码块的内容在屏幕上是如何变化的。

添加日期

WordPress 提供了许多 JavaScript 函数来管理和格式化日期。要使用这些函数，你首先需要从 @wordpress/date包中的 edit.js 文件中导入它们:

import { dateI18n, format, __experimentalGetSettings } from '@wordpress/date';

格式化一个日期，将其翻译成站点的语言环境。
format:格式化日期。
__experimentalGetSettings:以 WordPress 通用设置中设置的格式显示日期。

这些函数没有被记录，但是您可以在几个块的源代码中找到有用的例子。例如，参见最新帖子和发布日期 edit.js 文件。

现在添加displayDate属性:

const { numberOfItems, displayDate } = attributes;

然后在<li>元素中添加以下代码:

{ 
	displayDate && (
		<time
			className='wp-block-author-box-author-plugin__post-date'
			dateTime={ format( 'c', post.date_gmt ) }
		>
			{ dateI18n(
				__experimentalGetSettings().formats.date, 
				post.date_gmt
			)}
		</time>
	) 
}

这里发生了什么？

如果displayDate是true，那么使用 time元素显示日期。
dateTime属性以允许的格式之一提供元素的时间和/或日期。
dateI18n检索本地化格式的日期。这个函数的工作方式类似于 PHP PHP date_i18n WordPress 函数。

添加摘录

现在添加文章摘录应该很容易了。首先，看看浏览器检查器中的excerpt属性。您将看到实际内容存储在excerpt.rendered中。

Inspecting the post excerpt in Chrome DevTools.

接下来，将displayExcerpt属性添加到attributes对象中:

const { numberOfItems, displayDate, displayExcerpt } = attributes;

然后在Edit函数中的</li>结束标记前添加以下代码:

{
	displayExcerpt &&
	post.excerpt.rendered && (
		<p>
			<RawHTML>
				{ post.excerpt.rendered }
			</RawHTML>
		</p>
	)
}

如果您不熟悉 JavaScript，在这里和上面我们使用了短路评估，如果所有条件都为真，则返回最后一个操作数的值(在 Inline If with 逻辑& &运算符和逻辑 AND ( & & ) 中有更多信息)。

信息

在 JavaScript 中，true && expression总是计算为expression，false && expression总是计算为false。

因此，如果条件为true，紧接在&&之后的元素将出现在输出中。如果是false，React 会忽略并跳过它。来源:React 文档中的条件渲染。

最后，您可以再次测试您的代码。更改 block.json 文件中的属性值，看看编辑器中会发生什么。

添加特色图片

现在您需要添加呈现特色图像的代码。开始向attributes添加displayThumbnail属性:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

const { 
	numberOfItems, 
	displayDate, 
	displayExcerpt, 
	displayThumbnail 
} = attributes;

现在您需要弄清楚特色图像存储在哪里。正如我们上面提到的，要获得特色图片，您需要在查询中添加一个新的_embed参数。回到您的代码，按如下方式更改查询参数:

const posts = useSelect(
	( select ) => {
		return select( 'core' ).getEntityRecords( 'postType', 'post', {
			'per_page': numberOfItems,
			'_embed': true
		});
	},
	[ numberOfItems ]
);

这里我们简单地将'_embed': true添加到参数数组中。这提供了一个包含_embedded属性的post对象，它提供了显示特色图片所需的图片细节。

现在你应该知道在哪里找到图像细节。

Featured image details in getEntityRecords response.

您只需要添加在屏幕上呈现图像的代码:

{
	displayThumbnail && 
	post._embedded && 
	post._embedded['wp:featuredmedia'] &&
	post._embedded['wp:featuredmedia'][0] &&
	<img 
	className='wp-block-author-box-author-plugin__post-thumbnail'
		src={ post._embedded['wp:featuredmedia'][0].media_details.sizes.medium.source_url }
		alt={ post._embedded['wp:featuredmedia'][0].alt_text }
	/>
}

保存文件，切换到块编辑器，检查当displayThumbnail属性设置为true时图像是否正确显示。

A list of posts with featured image, date and excerpt.

添加边栏控制

到目前为止，我们一直使用在 block.json 中设置的属性默认值。但是从我们之前的文章中，我们知道我们可以定义事件处理程序，让用户能够为每个属性分配自定义值。

为此，您将向块设置工具条添加一组控件。在 edit.js 中，从相应的包中导入以下组件:

import { 
	useBlockProps,
	InspectorControls
} from '@wordpress/block-editor';

import {
	PanelBody,
	PanelRow,
	QueryControls,
	ToggleControl,
	RangeControl
} from '@wordpress/components';

InspectorControls:包含影响整个区块的侧边栏设置(参见 GitHub 上的)
PanelBody:在设置侧边栏中添加一个可折叠的容器(参见 GitHub 上的)
PanelRow:为侧边栏控件生成一个通用容器(参见 GitHub 上的)
QueryControls:提供建立查询的设置控件(参见 GitHub 上的)
ToggleControl:为用户提供一个切换按钮来启用/禁用特定选项(参见 GitHub 上的)
RangeControl:用于从一系列增量值中进行选择(参见 GitHub 上的)

接下来，您需要更新Edit函数来使用现在可用的控件。首先，修改Edit功能如下:

export default function Edit( { attributes, setAttributes } ) {

	const { 
		numberOfItems, 
		columns, 
		displayExcerpt, 
		displayDate, 
		displayThumbnail
	} = attributes;

	const posts = useSelect(
		( select ) => {
			return select( 'core' ).getEntityRecords( 'postType', 'post', {
				'per_page': numberOfItems,
				'_embed': true
			});
		},
		[ numberOfItems ]
	);
	...
}

注意传递给Edit函数的setAttributes属性。

现在，您可以将相应的元素添加到 JSX 代码中:

return (
	<>
		<InspectorControls>
			<PanelBody title={ __( 'Content Settings', 'author-plugin' ) }>
				<PanelRow>
					<QueryControls 
						numberOfItems={ numberOfItems }
						onNumberOfItemsChange={ ( value ) =>
							setAttributes( { numberOfItems: value } )
						}
						minItems={ 1 }
						maxItems={ 10 }
					/>
				</PanelRow>
				<PanelRow>
					<RangeControl
						label={ __( 'Number of Columns', 'author-plugin' ) }
						value={ columns }
						onChange={ ( value ) =>
							setAttributes( { columns: value } )
						}
						min={ 1 }
						max={ 4 }
						required
					/>
				</PanelRow>
				<PanelRow>
					<ToggleControl
						label={ __( 'Show Featured Image', 'author-plugin' ) }
						checked={ displayThumbnail }
						onChange={ () =>
							setAttributes( { displayThumbnail: ! displayThumbnail } )
						}
					/>
				</PanelRow>
				<PanelRow>
					<ToggleControl
						label={ __( 'Show Date', 'author-plugin' ) }
						checked={ displayDate }
						onChange={ () =>
							setAttributes( { displayDate: ! displayDate } )
						}
					/>
				</PanelRow>
				<PanelRow>
					<ToggleControl
						label={ __( 'Display Excerpt', 'author-plugin' ) }
						checked={ displayExcerpt }
						onChange={ () =>
							setAttributes( { displayExcerpt: ! displayExcerpt } )
						}
					/>
				</PanelRow>
			</PanelBody>
		</InspectorControls>
		<div { ...useBlockProps() }>
			...
		</div>
	</>
);

哇，代码真多，不是吗？但是这很容易理解。

这里最值得你关注的元素属性是QueryControls中的onNumberOfItemsChange和RangeControl``ToggleControl中的onChange。这些属性设置了使用户能够定制块的外观和/或行为所需的事件处理程序。

你还会注意到我们使用了<>和</>标签，它们是声明反应片段的简短语法。

现在，保存文件，进入编辑器，刷新页面:

Block settings.

东西都在里面吗？然后我们继续，添加帖子作者的详细信息。

找到帖子作者

正如我们上面提到的，我们的块将显示与当前帖子作者相同的文章列表。

为了获得文章作者的 ID，您将从core/editor数据存储中导入 getCurrentPostAttribute选择器:

wp.data.select( 'core/editor' ).getCurrentPostAttribute( 'author' )

getCurrentPostAttribute返回已保存文章的属性值。

一旦获得作者 ID，就可以如下所示更改查询:

const posts = useSelect(
	( select ) => {

		const _authorId = select( 'core/editor' ).getCurrentPostAttribute( 'author' );

		return select( 'core' ).getEntityRecords( 'postType', 'post', {
			'author': _authorId,
			'per_page': numberOfItems,
			'_embed': true
		});
	},
	[ numberOfItems ]
);

使用这段代码，您将获得与当前帖子作者相同的一系列n文章。

现在您已经有了作者 ID，您还可以使用它从数据库中获取额外的数据。

显示作者详细信息

由于我们没有任何可用的文档，我们使用了来自核心帖子作者模块的代码作为参考。

要显示作者的详细信息，首先需要导入一个新的依赖关系:

import { forEach } from 'lodash';

然后，在Edit函数中，更新attributes对象，如下所示:

const { 
	numberOfItems, 
	columns, 
	displayExcerpt, 
	displayDate, 
	displayThumbnail, 
	displayAuthorInfo, 
	showAvatar, 
	avatarSize, 
	showBio 
} = attributes;

完成后，您将编辑上一节中看到的代码来检索作者的详细信息:

const { authorDetails, posts } = useSelect(
	( select ) => {

		const _authorId = select( 'core/editor' ).getCurrentPostAttribute( 'author' );

		const authorDetails = _authorId ? select( 'core' ).getUser( _authorId ) : null;

		const posts = select( 'core' ).getEntityRecords( 'postType', 'post', {
			'author': _authorId,
			'per_page': numberOfItems,
			'_embed': true
		});

		return { 
			authorDetails: authorDetails,
			posts: posts
		};
	},
	[ numberOfItems ]
);

注意，我们使用了 getUser选择器来获取作者的详细信息。

接下来，你可能想得到作者的头像。下面的代码构建了一个存储头像 URL 和大小的项目数组:

const avatarSizes = [];
if ( authorDetails ) {
	forEach( authorDetails.avatar_urls, ( url, size ) => {
		avatarSizes.push( {
			value: size,
			label: `${ size } x ${ size }`,
		} );
	} );
}

然后，您将添加侧边栏面板和控件，使用户能够定制块中的作者区域:

return (
	<>
		<InspectorControls>
			<PanelBody title={ __( 'Author Info', 'author-plugin' ) }>
				<PanelRow>
					<ToggleControl
						label={ __( 'Display Author Info', 'author-plugin' ) }
						checked={ displayAuthorInfo }
						onChange={ () =>
							setAttributes( { displayAuthorInfo: ! displayAuthorInfo } )
						}
					/>
				</PanelRow>
				{ displayAuthorInfo && (
					<>
						<PanelRow>
							<ToggleControl
								label={ __( 'Show avatar' ) }
								checked={ showAvatar }
								onChange={ () =>
									setAttributes( { showAvatar: ! showAvatar } )
								}
							/>
							{ showAvatar && (
								<SelectControl
									label={ __( 'Avatar size' ) }
									value={ avatarSize }
									options={ avatarSizes }
									onChange={ ( size ) => {
										setAttributes( {
											avatarSize: Number( size ),
										} );
									} }
								/>
							) }
						</PanelRow>
						<PanelRow>
							<ToggleControl
								label={ __( 'Show Bio', 'author-plugin' ) }
								checked={ showBio }
								onChange={ () =>
									setAttributes( { showBio: ! showBio } )
								}
							/>
						</PanelRow>
					</>
				) }
			</PanelBody>
			...
		</InspectorControls>
		...
	</>
);

下图显示了更新后的设置边栏:

The Author Info settings panel.

最后，您可以将作者部分添加到您的块中:

return (
	<>
		<InspectorControls>
		...
		</InspectorControls>

		<div { ...useBlockProps() }>
			{ displayAuthorInfo  && authorDetails && (
				<div className="wp-block-author-box-author-plugin__author">
					{ showAvatar && (
						<div className="wp-block-author-box-author-plugin__avatar">
							<img
								width={ avatarSize }
								src={
									authorDetails.avatar_urls[
										avatarSize
									]
								}
								alt={ authorDetails.name }
							/>
						</div>
					) }
					<div className='wp-block-author-box-author-plugin__author-content'>
						<p className='wp-block-author-box-author-plugin__name'>
							{ authorDetails.name }
						</p>
						{ showBio &&
							// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
							authorDetails?.description &&
							authorDetails.description.length > 0 && (
							<p className='wp-block-author-box-author-plugin__description'>{ authorDetails.description }</p>
						) }
					</div>
				</div>
			)}
			<ul>
			...
			</ul>
		</div>
	</>
);

下图显示了它在屏幕上的呈现方式。

Author details section and Info settings.

现在保存您的 edit.js 文件并运行您的测试。根据块设置，块应包含不同的元素。

Author details not showing author's bio.

Author details not showing author’s bio.

还缺少最后一样东西:显示文章的列数。

更改列数

为了让用户能够以列的形式显示文章预览，我们在 block.json 文件中定义了columns属性。我们还在脚本中包含了一个columns属性，并创建了一个设置控件来允许用户更改列数，尽管这一更改目前没有效果。

在上面的 JSX 代码中，你应该已经注意到我们在几个元素中添加了 CSS 类:

分配给 Author 部分中的元素的类:

wp-block-author-box-author-plugin__author
wp-block-author-box-author-plugin__avatar
wp-block-author-box-author-plugin__author-content
wp-block-author-box-author-plugin__name
wp-block-author-box-author-plugin__description

分配给内容部分中元素的类:

wp-block-author-box-author-plugin__post-items
wp-block-author-box-author-plugin__post-thumbnail
wp-block-author-box-author-plugin__post-title
wp-block-author-box-author-plugin__post-date
wp-block-author-box-author-plugin__post-excerpt

还有一节课没上。该类的名称将动态生成，以反映用户设置的列数。

返回到Edit.js文件，修改ul元素，如下所示:

<ul className={ `wp-block-author-box-author-plugin__post-items columns-${ columns }` }>
	...
</ul>

我们根据模板文字语法添加了一个新的columns-${ columns }类，以便在字符串中插入一个表达式。这样，附加到ul元素的属性将取决于用户设置(例如columns-1、columns-2等)。).

现在打开style.scss文件，用以下代码替换现有代码:

.wp-block-author-box-author-plugin {
	background-color: #21759b;
	color: #fff;
	padding: .6em;
	ul.wp-block-author-box-author-plugin__post-items {
		padding: 0;
		list-style-type: none;
		display: grid;
		gap: .5em;
		@for $i from 2 through 4 {
			&.columns-#{ $i } {
				grid-template-columns: repeat(#{ $i }, 1fr);
			}
		}
		li {
			list-style: none;
			img.wp-block-author-box-author-plugin__post-thumbnail {
				height: auto;
				max-width: 100%;
			}
		}

	}
}
.wp-block-author-box-author-plugin__author {
	display: flex;
    flex-wrap: wrap;
}

.wp-block-author-box-author-plugin__avatar {
	margin-right: 1em;
}

.wp-block-author-box-author-plugin__author-content {
	flex-basis: 0;
    flex-grow: 1;
}

我们不会深入研究这些代码，因为这超出了本文的范围。但是，如果您希望深入了解，您可以参考以下资源:

The Author block in the editor.

这就是编辑器中块的渲染。

构建要在页面上呈现的块

现在，在编辑器中呈现块的代码已经完成，我们可以继续构建用于在前端呈现的块。

正如我们前面提到的，对于动态块，插件文件负责生成要在前端呈现的 HTML。

所以，打开插件的主文件(在我们的例子中是author-plugin.php)。

首先要做的是使 block 属性对 WordPress PHP 函数可用。在您的 PHP 文件中，按如下方式更改函数定义:

function author_box_author_plugin_render_author_content( $attr ) {
	...
}

现在你可以使用 WordPress 函数来检索和操作数据。例如，您可以使用get_posts来检索最新的博客文章(在我们关于 get_posts功能的深入文章中可以读到更多):

function author_box_author_plugin_render_author_content( $attr ) {
	$args = array(
		'numberposts'	=> $attr['numberOfItems'],
	);
	$my_posts = get_posts( $args );

	if( ! empty( $my_posts ) ){
		$output = '<ul>';
		foreach ( $my_posts as $p ){
			$output .= '<li><a href="' . esc_url( get_permalink( $p->ID ) ) . '">' 
			. $p->post_title . '</a></li>';
		}
		$output .= '</ul>';
	}
	return $output ?? '<strong>Sorry. No posts matching your criteria!</strong>';
}

上面的函数从你的 WordPress 数据库中检索最新的numberOfItems博客文章(默认情况下post_type被设置为post)并返回一个$post对象数组。然后遍历数组来构建列表项。

如果检查 HTML 输出，您会注意到这是一个简单的帖子列表，如下图所示:

A simple list of posts.

在我们之前的文章中，我们提到过你将使用useBlockProps React 钩子在你的 JSX 代码中标记块的包装元素。您需要在 PHP 函数中做同样的事情。

WordPress 为此提供了 get_block_wrapper_attributes函数。

因此，按如下方式更改您的 PHP 代码:

function author_box_author_plugin_render_author_content( $attr ) {
	$args = array(
		'numberposts'	=> $attr['numberOfItems']
	);
	$my_posts = get_posts( $args );

	if( ! empty( $my_posts ) ){
		$output = '<div ' . get_block_wrapper_attributes() . '>';
		$output .= '<ul>';
		foreach ( $my_posts as $p ){

			$title = $p->post_title ? $p->post_title : 'Default title';
			$url = esc_url( get_permalink( $p->ID ) );

			$output .= '<li>';
			$output .= '<a href="' . $url . '">' . $title . '</a>';
			$output .= '</li>';
		}
		$output .= '</ul>';
		$output .= '</div>';
	}
	return $output ?? '<strong>Sorry. No posts matching your criteria!</strong>';
}

现在一个 wp-block-author-box-author-plugin类已经被分配给容器元素，这个块有了不同的背景颜色。

然后get_posts函数获取WP_Posts数据，foreach循环构建列表项(参见如何显示 get_posts 返回的数据)。

A list of posts with a CSS class assigned.

添加特色图片、日期和摘录

接下来，你需要添加文章缩略图、日期和摘录。在同一个文件中，将您的 PHP 代码更改如下:

function author_box_author_plugin_render_author_content( $attr ) {
	$args = array(
		'numberposts'	=> $attr['numberOfItems']
	);
	$my_posts = get_posts( $args );

	if( ! empty( $my_posts ) ){
		$output = '<div ' . get_block_wrapper_attributes() . '>';
		$output .= '<ul class="wp-block-author-box-author-plugin__post-items columns-">';

		foreach ( $my_posts as $p ){

			$title = $p->post_title ? $p->post_title : 'Default title';
			$url = esc_url( get_permalink( $p->ID ) );
			$thumbnail = has_post_thumbnail( $p->ID ) ? get_the_post_thumbnail( $p->ID, 'medium' ) : '';

			$output .= '<li>';
			if( ! empty( $thumbnail ) && $attr['displayThumbnail'] ){
				$output .= $thumbnail;
			}
			$output .= '<h5><a href="' . $url . '">' . $title . '</a></h5>';
			if( $attr['displayDate'] ){
				$output .= '<time datetime="' . esc_attr( get_the_date( 'c', $p ) ) . '">' . esc_html( get_the_date( '', $p ) ) . '</time>';
			}
			if( get_the_excerpt( $p ) && $attr['displayExcerpt'] ){
				$output .= '<p>' . get_the_excerpt( $p ) . '</p>';
			}
			$output .= '</li>';
		}
		$output .= '</ul>';
		$output .= '</div>';
	}
	return $output ?? '<strong>Sorry. No posts matching your criteria!</strong>';
}

foreach循环遍历$my_posts数组。在每次迭代中，有几个条件会检查属性值并相应地构建输出。

现在看看屏幕上的输出:

A list of posts with featured images, dates, and excerpts.

现在你可以运行你的测试了。更改日期、摘录和缩略图设置，并检查块内容如何在前端发生变化。

在列中显示帖子

在我们的 JavaScript 代码中，我们使用了一个columns-${ columns }类在列中显示文章预览。现在我们需要在 PHP 中做同样的事情。

为此，您只需添加这两行代码:

$num_cols = $attr['columns'] > 1 ? strval( $attr['columns'] ) : '1';

$output .= '<ul class="wp-block-author-box-author-plugin__post-items columns-' . $num_cols . '">';

这将把一个columns-n类附加到包含文章预览的ul元素中。现在，页面上显示的列数应该与块设置中设置的列数相匹配。

构建作者框

最后，您需要构建包含作者详细信息的盒子，包括头像、姓名和描述。

在回调函数中，您需要添加一组条件来检查每个属性的当前值:

if( $attr['displayAuthorInfo'] ){
	$output .= '<div class="wp-block-author-box-author-plugin__author">';

	if( $attr['showAvatar'] ){
		$output .= '<div class="wp-block-author-box-author-plugin__avatar">' 
			. get_avatar( get_the_author_meta( 'ID' ), $attr['avatarSize'] ) 
			. '</div>';
	}

	$output .= '<div class="wp-block-author-box-author-plugin__author-content">';

	$output .= '<div class="wp-block-author-box-author-plugin__name">' 
		. get_the_author_meta( 'display_name' ) 
		. '</div>';

	if( $attr['showBio'] ){
		$output .= '<div class="wp-block-author-box-author-plugin__description">' 
			. get_the_author_meta( 'description' ) 
			. '</div>';
	}

	$output .= '</div>';
	$output .= '</div>';
}

代码非常简单。它检查每个属性的当前值，如果是true，那么它生成必要的 HTML。

现在保存您的 PHP 文件，并比较编辑器中的代码块和前端的相同代码块。

Our custom block in the block editor.

你可以在这个公共要点中找到示例块的完整代码。

Dynamic blocks are Gutenberg blocks under steroids 💪 and this guide covers all you need to know to create dynamic blocks for your next project 🙌Click to Tweet

动态块开发的推荐资源

如果你在阅读这篇文章时竖起了耳朵，并开始认识到学习如何创建古腾堡积木所带来的专业发展机会，那么，我们的建议是继续探索和获取积木开发背后的新技术。

虽然仍然缺少可靠的官方文档，但是仍然有很好的资源，无论是免费的还是付费的，我们在写这篇文章的时候参考了这些资源。在众多可用资源中，我们推荐以下资源:

官方资源

来自 WordPress 核心贡献者的推荐教程

Ryan Welcher(@ryanwelcher)使用 getEntityRecords 在古腾堡请求数据
Darren Ethier (@ nerrad )对@wordpress/data API 的实用概述

JavaScript、React 和 Redux 资源

MDN 的 JavaScript 教程
【React 入门(官方)
Redux 教程(官方)

来自 Kinsta 的相关资源

JavaScript 是什么？看看网络上最流行的脚本语言
处理 JavaScript 错误的权威指南
什么是 Node.js，为什么要使用它
如何在 Windows、macOS、Linux 上安装 Node.js 和 NPM
如何使用多种工具调试 Node.js 代码
Node.js 与 PHP:势均力敌的比较
2022 年最受欢迎的 10 种 Node.js 应用
角度与反应:详细的并排比较

摘要

我们已经到达古腾堡区块开发这一(第二)漫长旅程的终点。

在本文中，我们讨论了一些高级主题，比如应用程序状态和 Redux 存储。但是希望您现在应该对块开发有了更好的理解。

是的，Node.js、Webpack、 Babel 、React 和 Redux 技能在构建高级古腾堡积木时必不可少，但你不需要成为 React 忍者才能入门。学习如何开发古腾堡区块并不一定要复杂。只要有正确的动机并遵循适当的学习路径就可以了。

我们希望这篇文章以及上一篇文章为你提供正确的地图，让你找到自己的道路，并立即开始古腾堡的发展。

现在由你决定！你创建动态块了吗？你有什么例子可以和我们分享吗？你经历中最大的障碍是什么？欢迎在下面发表评论。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

WordPress 简易数字下载教程(深度)

原文：https://kinsta.com/blog/easy-digital-downloads/

销售数字商品和服务是网上赚钱的最聪明的方式之一。与销售实物产品不同，不涉及库存成本或运输成本。此外，数字产品的选择几乎是无穷无尽的:视频、电子书、音乐、音频文件、pdf、网站主题和模板、 WordPress 插件、开发时间、照片等等。

像 Selz、Etsy、 WooCommerce 和 Shopify 这样的公司允许新企业在几分钟内创建一个虚拟的在线商店。问题在于，许多购物平台会从你的销售额中抽取一定比例，或者收取月费。这对刚起步的人来说没什么，但那些对网上销售很认真的人会想创建自己的虚拟商店，省去中间人。谢天谢地，有了 WordPress，创建一个在线商店变得非常简单和容易。因此，今天我们将深入探讨简单的数字下载。我们将向你展示使用它相对于 WooCommerce 的一些优势，让它成为一个很好的 Shopify 替代品，并指导你如何在你的 WordPress 网站上安装它。

为什么选择简易数字下载？

WordPress 有许多电子商务插件，其中两个你可能很熟悉的最流行的是 WooCommerce 和 Easy Digital Downloads。WooCommerce 拥有超过 100 万的活跃安装量，并被全球忠实的数字商店所有者所使用。事实上，截至 2018 年 1 月，WooCommerce 超过了所有网店的 35%！尽管我们喜欢 WooCommerce，但这并不意味着它总是你的业务或产品的正确选择。

由 Pippin Williamson 创建的简易数字下载(EDD)是一个免费的 WordPress 电子商务插件，专注于数字产品。它的主要目标是让销售数字产品变得简单和完整。WooCommerce 实际上最初是为了处理实体产品而创建的，尽管现在也可以用它来处理数字产品。简易数字下载的一大优点是开箱即用的速度非常快(T4)。WooCommerce 可以很快，但需要一些调整，如果你正在处理大量的流量，你很可能最终需要优化的 WooCommerce 主机。

这是一个在 Kinsta 主机上运行的实时 EDD 商店的例子。它的加载时间不到 600 毫秒！数字下载和服务的伟大之处在于，很多时候他们不会有庞大的产品目录来阻碍他们的网站。通常，他们只销售两种产品或一种许可成本不同的产品。

easy digital downloads fast load times

EDD fast load times

从用户的角度来看，轻松数字下载的另一个巨大好处是使用起来非常简单。您可以在几分钟内启动并运行它。只需添加您的付款细节，创建您的数字产品，您就可以万事俱备了。就像 WooCommerce 一样，它有数以千计的扩展和集成，允许您处理信用卡支付、处理重复发生的交易、利用分支机构等。它非常通用，为您提供了一个简单的方法来分析和跟踪您的销售。它背后还有一个致力于 WordPress 编码标准的优秀团队，确保对代码库的修改简单而容易。

edd mascot

EDD mascot

EDD 目前有超过 60，000 个活跃安装，并在 WordPress 知识库上获得了 5 颗星的评级。这对于一个 WordPress 插件来说是非常高的！开发人员喜欢它，因为它易于使用并且有很好的文档记录。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

我们利用 EDD 作为提供支持的一种方式。我们的服务有一个可下载的插件，每个支持客户在注册后必须激活它。EDD 允许我们重新命名蛞蝓(产品)，并命名为任何我们想要的。我喜欢那个钩子！EDD 允许我们覆盖模板，以满足我们的需求。我喜欢 EDD 易于更新。没什么好担心的。为了安全起见，我们还是会分阶段更新。

–附加组件–
EDD 允许我们使用软件许可附加组件来更新我们所有客户端的插件。它与 Stripe 集成，为我们的客户创建一个帐户，并管理我们需要雇用两个人来完成的所有日常任务。— 亚伦，网络开发工作室的网络开发人员

支持

EDD 有各种可用的支持资源。

你可以很容易地在 WordPress 支持论坛上寻求帮助。皮聘本人实际上在那里非常活跃。在撰写本文时，39 张罚单中有 30 张在过去 2 个月内被标记为已解决。
他们有有用的操作视频、教程和一个非常广泛且记录良好的知识库。
基本支持是免费的，但您也可以选择优先支持，每月 39 美元或每年 129 美元。

轻松数字下载功能

EDD 的主要卖点是销售数字下载的便捷性。该平台允许客户购买多种产品，同时拥有多个附加文件。后端用户可以轻松地将产品捆绑在一起，插件使用 AJAX 在前端实现流畅的购物车体验。另一个突出的特点是能够创建折扣和促销代码。折扣可以按基本价格的百分比提供，并且可以设置自动过期日期和最大使用限制。

edd paypal amazon pay

EDD default payment processors

EDD 默认提供三种支付方式(Paypal、Amazon 和 manual ),但也有很多其他的扩展方式。EDD 最大的特点之一就是致力于帮助您提供卓越的客户体验。它有一个内置的客户访问区，因此客户可以轻松访问他们购买的文件，并跟踪他们的购买情况。如果他们不小心丢失/删除了下载的文件，客户可以登录他们的帐户重新下载。

EDD 提供了所有销售的完整历史，以及详细的销售和收入图表。一个特别酷的指标是预计销售报告，它让你根据你过去的业绩对未来的销售有一个概念。能够跟踪最畅销的产品并找出哪些产品卖不出去，这有助于企业主找到并利用最有利可图的产品。它让你专注于有潜力的业务领域，并改进其他领域。

它也可以在几乎任何 WordPress 主题上工作。根据我们的经验，WooCommerce 不是这样的。典型的 WooCommerce 主题开发者需要做额外的工作来构建支持。EDD 是建立一个有点不同，这使它成为一个完美的除了无论你已经安装的主题。

轻松数字下载扩展

有许多 EDD 插件可供购买，以进一步扩展平台。其中一些是由 EDD 开发商开发的，而另一些是由第三方销售的。

edd extensions

EDD extensions

下面是几个受欢迎的:

Stripe 支付网关:我们是金斯塔 Stripe 的忠实粉丝。轻松接受信用卡支付，并使用 Stripe 支付网关扩展进行处理，而无需客户离开您的网站。
EDD 社交折扣:如果用户在社交媒体上分享产品页面的链接，这个扩展可以给他们的客户一个折扣。它还可以选择关闭折扣功能，然后它就变成了一个简单的分享工具。
Mailchimp :这是一个用于电子邮件营销目的的出色扩展，因为它自动为客户订阅了一个 Mailchimp 邮件列表。可以根据购买的产品过滤订阅。如果你愿意，该扩展允许客户选择加入邮件列表。
交叉销售和追加销售:这种营销扩展在结账过程中向顾客推荐额外的产品。它还可以为客户提供一个追加销售选项，即推荐一种类似但价值略高于他们当前购物车中产品的产品。例如，可以将产品捆绑到一个包中，该包包括该产品以及其他产品。这是增加每位客户订单价值的绝佳方式。
EDD 可变价格描述:这个免费扩展允许用户为每个可变价格下载添加一个“选项描述”输入字段。它还允许用户添加更长的描述，并自动将描述放在产品页面的前端。
WP Menu Cart :这个免费简单的插件自动在网站的导航栏中安装一个购物车按钮。它有几个选项，包括显示购物车图标或商品/价格的能力。还有一个高级版本有一些额外的功能。
PixelYourSite :只需点击几下鼠标，即可管理并安装新的脸书 pixel。查看我们关于如何在轻松数字下载中设置转换跟踪的深入教程。
EDD 下载服务:这个免费插件让你可以轻松销售服务，而不是下载。这对 WordPress 开发者和自由职业者来说是完美的。它删除了购买确认页面上的“不可下载文件”。
EDD 软件许可:如果你销售需要许可证密钥的数字产品，比如 WordPress 插件。这个扩展为你处理所有的事情。
EDD 定期支付:这个扩展使得创建和销售自动定期订阅的产品变得容易。
Posts Table Pro :立即在表格视图中列出您的轻松数字下载产品，并提供额外数据。这是改进默认 EDD 布局的一个很好的方法，可以创建一个列出部分或全部下载的单页订单。
密码保护类别:如果你想隐藏部分或全部轻松数字下载商店，那么这个插件让它变得很容易。密码保护整个下载类别，或创建私人类别，只有登录用户可以看到。

轻松的数字下载安装

第一步

你需要做的第一件事是安装简易数字下载插件。你可以从 WordPress 知识库免费下载它，或者按照下面的步骤在你的仪表板中安装它。

Easy Digital Downloads WordPress plugin

要从你的仪表板安装它，导航到 WordPress 管理>插件>添加新的，搜索“轻松数字下载”，点击“立即安装”确保作者显示为简单的数字下载。2.7+是目前 EDD 的最新版本。

Install EDD plugin

第二步

然后点击“激活”

activate edd

Activate EDD

就是这样！你的任务完成了。真的就这么简单。不再有穿越向导。他们把它保持得非常简单。但是您可能希望在下面设置一些额外的配置选项。

配置 EDD

第一步

你要做的第一件事是配置结账、支付、重定向等选项。为此，点击“下载”下的设置，它现在在你的 WordPress 仪表盘的左侧。

EDD 会自动在你的 WordPress 站点上创建页面，用于结帐、购买确认等。所以对于典型的商店，你不需要改变这些。在这个页面上，你需要做的最基本的事情就是设置你的国家和州/省。然后点击“保存更改”

easy digital downloads settings

EDD settings

第二步

接下来，点击“支付网关”标签。在这里，您可以选择使用哪个支付网关来处理您网站上的交易。默认情况下，PayPal standard、Amazon 和 test payments 是你的选择。你可以让你的商店进入测试模式，这样你就可以在你的网站上测试购买情况，而不用花任何实际的钱。你需要获得一个免费的沙盒账户( PayPal ， Amazon Pay )来模拟真实的现场支付。

请记住，您也可以购买高级扩展来使用其他支付网关，如 Stripe、Braintree 、Dwolla、GoCardless 等。默认情况下，贝宝标准将通过他们的网站处理交易。这意味着你的客户会在你的网站上结账，然后被发布到 PayPal，然后被重定向回来。如果你想让他们留在你的网站上，你可以升级到 PayPal 专业支付或使用另一个提供商如 Stripe。查看我们关于如何用简易数字下载设置 Stripe 的深入教程或者我们的比较: Stipe vs. PayPal 。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

edd payment gateways

EDD payment gateways

第三步

接下来，点击副标题“贝宝标准”如果你使用贝宝，你至少要输入你的贝宝邮箱。它将使用贝宝的默认页面风格，除非你指定一个。查看他们关于如何为结帐创建自定义页面样式的文档。即使是免费版的 PayPal，你也可以用自己的品牌定制客户的大部分体验。

paypal standard settings

EDD PayPal Standard settings

第四步

然后点击“电子邮件”标签。默认情况下，一切准备就绪。但是你至少要为你的商店或产品设计一个标志。系统会自动向管理员和客户发送电子邮件。

edd email

EDD email settings

下面是一个默认的 EDD 电子邮件模板的例子，该模板连同徽标一起发送给客户。该电子邮件包含指向您的数字下载文件的链接。如果你使用的是像 EDD 软件许可这样的扩展，它也会自动插入他们唯一的许可密钥。

edd email example

EDD email example

您还可以设置样式、税和其他杂项设置。对于许多商店来说，这些实际上都不需要改变。这是 EDD 的一大优点，它开箱即用。但是这里有一些额外的选择:

将商品添加到购物车后，立即重定向至“结账”。
允许更改项目数量。
强制重定向到安全的结账页面。您必须安装 SSL 证书才能使用此选项。
要求用户登录才能购买文件。
允许顾客在同一笔交易中享受多重折扣。
文件下载限制、下载链接过期、禁用重新下载文件的功能。
结账时启用协议条款选项。

edd misc settings

EDD misc settings

添加数字可下载文件

下一步是将你的数字可下载文件添加到你的 WordPress EDD 商店。请记住，根据您使用的扩展名，这也可能是提供的服务，而不是物理文件。

第一步

点击“下载”下的“添加新项”,为您的数字文件命名。您可以添加描述(显示在客户的下载文件页面上)、类别、下载标签等。

add digital file edd

EDD add new download

然后给你的下载一个价格。只需点击一下按钮，就可以获得可变价格。然后，您可以上传您的数字文件，无论它是. zip 文件。pdf、. mp3 等。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

edd download prices

EDD prices

第 2 步(仅限 NGINX)

下一步是确保保存数字下载文件的文件夹是安全的。否则，有人可以浏览到该位置并免费下载文件。在你修复它之前，你很可能会在你的 WordPress 网站上看到一个警告:“下载在 NGINX 上不受保护的文件。”这一步只有在 NGINX 上需要，至于那些在 Apache 上运行的，一个规则会自动应用到你的上。htaccess 文件。

为了保护您的目录，将以下内容添加到您的 NGINX 配置中。注意:这个例子是针对。压缩文件。对其他文件类型进行相应的更改。如果您是 Kinsta 用户，您可以与我们的团队一起创建一个快速支持票证，我们将为您添加此票证。

rewrite ^/wp-content/uploads/edd/(.*)\.zip$ / permanent;

添加上述代码后，试图直接浏览您的下载文件的用户将被重定向到您的主页。

第三步

最后一步是为用户添加一个在你的 WordPress 站点上购买数字下载文件的方法。默认情况下，每个下载都有自己的带有购买按钮的 WordPress 页面。但是你们中的很多人可能在销售许可证时，仅仅想要一个定价页面。我们建议使用类似于简易价格表的插件。

一旦安装完毕，你可以在你的 WordPress 站点上创建一个“定价”页面，并使用插件中的短代码来显示你的定价表。然后，您可以使用自定义添加到购物车链接，以及价格表来创建完美的购物体验。下面是一个使用下载 ID 和可变价格的例子。

https://wp.dev/checkout?edd_action=add_to_cart&download_id=4444&edd_options[price_id]=1

这里是一个 EDD 商店定价页面的例子，以及自定义添加到购物车链接和可变价格。

edd pricing tables

EDD pricing tables

就是这样！您的 EDD 商店将使用它在安装过程中创建的页面自动引导人们完成结账过程。它会生成一封电子邮件给你和客户，附上他们的下载文件(和许可证密钥，如果适用的话)，并为他们创建一个 WordPress 帐户，以便他们能够重新登录并访问他们过去购买的产品。

edd checkout

EDD checkout example

附加选项

别忘了查看报告数据和支付历史数据。还有一件好事是，PayPal 也能与 EDD 对话。因此，如果你卖一个产品，他们通过贝宝支付，它将被标记为在 EDD 支付。或者，如果你后来退还产品，它会自动更新 EDD 显示为退款，以及更新你当月的总收入。

edd-reports

EDD reports

想要为黑色星期五创建折扣代码？没问题。只需点击“下载”下的“折扣代码”,创建尽可能多的优惠券和折扣代码。您可以选择产品的折扣百分比或固定费率金额。你可以设置有效期，甚至限制每位顾客只能使用一次。有了 EDD，时不时搞一次促销来宣传你的产品是非常容易的。

edd discount codes

EDD discount codes

通过 AffiliateWP 进一步扩展 EDD

你可以用 AffiliateWP 进一步扩展 EDD，这是一个由同一个团队开发的高端产品。这种产品集成得如此之好，以至于你甚至不会注意到它们是独立的产品。

AffiliateWP mascot

它能让你在几分钟内启动一个附属程序。开始让你的客户为你销售你的产品。它提供了你每月支付给你的代销商的所有信息，并为他们提供了他们自己的折扣代码，他们可以将这些代码提供给他们的读者，以帮助更好地销售你的产品。

admin affiliates

AffiliateWP admin

处理税款和增值税

当涉及到简单的数字下载时，税收可能会完全令人困惑。幸运的是，下面的解决方案可以让事情变得简单一点。这包括自动开具发票、向需要的国家收取增值税等。

笔记本
自由意志
保护费
WP 路线
用 OmnipayWP 划水

为您的电子商务需求选择正确的插件

创建新的数字业务时，选择正确的在线购物平台至关重要。虽然使用现有的第三方购物平台(如 Etsy)似乎是最简单的选择，但创建自己的网站始终是那些想要更上一层楼的人的首选方法。这样，你就拥有并控制了整个企业，从长远来看，你将能够获得更多利润。然而，与此同时，你不希望在客户服务或支付问题上花费数小时。这就是为什么选择一个导航简单且可靠的电子商务插件很重要。

简易数字下载作为一个伟大的 WordPress 电子商务插件脱颖而出有几个原因。首先，是免费的，然后你可以用高级扩展来扩展它(也可以查看最佳 WooCommerce 扩展)。第二，它是可靠的，并且具有出色的性能。最后，它的易于使用，并且有一个强大的支持系统和支持它的开发者团队。总的来说，EDD 对新手和有经验的用户来说都是完美的。如果你在市场上寻找一个伟大的 WordPress 电子商务插件，并想尝试从你的网站上销售数字产品，那么简单的数字下载 WordPress 插件是一个负担得起的有效选择。

我们很想听听你的想法。你更喜欢 WooCommerce 还是 EDD？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

电子商务欺诈预防:7 种最糟糕的骗局以及如何阻止它们(10 种预防工具)

原文：https://kinsta.com/blog/ecommerce-fraud-prevention/

你的怀疑是正确的:电子商务欺诈正在上升。根据 LexisNexis Risk Solutions 的一项年度研究，确切的数字是将近 30%的增长。更麻烦的是:根据来自数字商务 360 的数据，这个数字几乎是电子商务销售额增长的两倍。

更糟糕的是，电子商务商家不得不在两条不同的战线上打击欺诈。首先，你必须保护自己免受专门针对商家的计划，如欺诈性退款或网站模仿(见下文)。

但除此之外，你还必须保护你的客户免受诈骗。在你的网站上窝藏骗子是对网上商店的死亡之吻，即使你和你的顾客一样是受害者。

幸运的是，电子商务欺诈防范也在和上升，其方法与他们挫败的骗局一样复杂。在这篇文章中，我们概述了 7 个最糟糕和最常见的电子商务欺诈骗局:它们是如何工作的，需要注意什么警告信号，你最好的防御措施，以及 10 个电子商务欺诈预防工具来优化安全性。

我们开始吧！

7 个最糟糕的电子商务欺诈骗局值得警惕

你对电子商务欺诈的第一道防线就是知道要提防什么。以下是网上商店最容易受到的 7 种最常见的骗局。

1.电子邮件帐户网络钓鱼

大多数人都熟悉电子邮件网络钓鱼诈骗，所以让我们从这里开始。这些和互联网本身一样古老，所以你们中的许多人可能已经打开了一封陌生人的电子邮件，询问敏感的帐户信息。

然而，最近我们看到越来越多的骗子不是伪装成尼日利亚王子，而是伪装成电子商务商店。他们发送伪装成订单/交付确认的电子邮件，目的是提取敏感账户数据或将受害者引向欺诈网站。

fake amazon track package email image

Example of a phishing email posing as Amazon (Image Source: SecureWorld)

在最好的情况下，这些会导致意想不到的广告页面，而不是官方商店页面。其他时候，它不是那么无害；网络钓鱼邮件中的链接通常指向带有病毒、恶意软件或其他与黑客攻击相关的不幸事件的陷阱网站。这就是为什么总是建议将鼠标悬停在可疑链接上，而不是点击它们。

2.身份盗窃

如果某个可怜的人因为网络钓鱼邮件而丢失了账户信息，接下来会发生什么？骗子利用这些信息为自己买了一堆昂贵的礼物，猜猜谁会买单。冒充他人并使用他们的财务信息进行购买被称为身份盗窃。

听起来很奇怪，零售商通常是身份盗窃的最大受害者:信用卡公司通常代表受害者发起退款，但没有义务返还商品。即使零售商设法回收产品，它们也不再是新的了。零售商毫发无损地逃脱身份盗窃的唯一方法是在它开始之前阻止它。

同样值得一提的是，网店也需要警惕在不知情的情况下成为身份盗窃的帮凶。如果你的网站不安全，黑客可以从你眼皮底下窃取你客户的信息——正如 2013 年塔吉特黑客攻击中的百万美元案例。

3.页面劫持

你现在在一个你已经使用过几百次的网站上，但是这次，在这个特殊的页面上，有些东西似乎不太对劲。可能是该网站的某个页面被劫持了。网页劫持是指黑客创建一个模仿现有网站的欺诈性网页。

更高级的案例包括劫持一个排名靠前的网站，并窃取其搜索引擎流量。劫持页面通常也与“鼠标陷阱”有关，即页面阻止用户退出，例如，每次用户试图关闭浏览器时打开一个新窗口，或者用无休止的弹出窗口淹没他们的计算机。

但就电子商务而言，页面劫持是另一种有效的网络钓鱼技术，例如模仿网站的登录页面来收集用户名和密码。一个电子商务品牌最不希望的事情就是，客户每次登录时都要质疑自己的合法性。

4.退款欺诈

退款欺诈简单得令人痛苦，也普遍得令人悲哀。基本上，骗子购买大量电子商务订单，然后在发货后取消付款。当商品到达时，他们会免费保存。

方法各不相同，虽然它可以像骗子自己打电话给信用卡公司，说他们的身份被盗一样简单。

另一种流行的技巧是声称货物从未到达，这样骗子就可以免费收到一份重复的订单。即使骗局被及时识破，即使在最好的情况下，商家仍然要调查虚假索赔。

更糟糕的是，商家必须区分“友好欺诈”和真正的退款欺诈。

友好型欺诈是指合法客户意外导致退款欺诈，例如错过包裹递送或输入错误的付款细节。商家被蒙在鼓里，不知道退款是出于恶意还是仅仅是一个意外，他们害怕用欺诈的指控冒犯一个善意的顾客。

在订阅模式下运营的电子商务品牌经常遭遇善意的欺诈，因为客户声称他们不知道这些费用会重复出现。订阅品牌最好在客户签约前把收费说清楚、说明白。

5.三角欺诈

让我们进入更高级的诈骗计划，留给更聪明和更有经验的骗子。为了解释三角欺诈是如何工作的，让我们把它分解成几个步骤。

骗子为真正的产品创建一个虚假的列表，并大幅加价。这也不总是那么具有欺骗性；像易贝这样的网站允许用户未经验证就发布和出售商品。
客户从虚假列表中“购买”产品，向骗子提供所有个人数据。
骗子获取客户的数据，在不同的网站上以更低的价格为他们购买相同的商品。他们将物品运送给客户。
顾客收到他们购买的商品，但没有意识到他们多付了钱。骗子保留加价利润。

这个骗局中最狡猾的部分之一是受害者甚至不一定知道他们被骗了。

此外，成功的三角欺诈者会积累一长串帐户数据和信用卡号。通常情况下，他们在第三步使用不同的信用卡来分散注意力。

这意味着三角测量欺诈的受害者可能在几个月或几年后在一个不相关的骗局中再次使用他们的数据。

6.关联欺诈

代销商欺诈专门针对拥有代销商计划的电子商务商家，指的是骗子操纵或滥用代销商链接来获取更大的回报。换句话说，如果代销商从他们发送给网站的每个访问者那里获得报酬，骗子就可以让他们看起来发送了比实际更多的访问者，从而获得更高的薪水。

代销商欺诈通常涉及黑客和自动化系统，但在某些情况下，它可以简单到使用一系列伪造的个人资料。骗子通常必须有一定水平的计算机技能，以巧妙地避免检测。

7.供应商身份欺诈

最后，另一种针对特定商家的欺诈方案:骗子伪装成制造商、批发供应商或其他 B2B 企业，承诺提供他们从未打算提供的服务。网店注册，交一些钱，但再也没有供应商的消息。

这些骗局借鉴了很多其他骗局，如网络钓鱼，甚至可能是网页劫持，最大的区别是它们针对的是企业而不是消费者。这也是我们一直建议彻底调查你在和谁做生意的原因之一。

电子商务欺诈警告标志:在骗局开始前阻止它们

一盎司的预防抵得上一磅的治疗。

预防电子商务欺诈最有效的方法是尽早识别警告信号，以避免它们。以下是每个在线商店都应该留意的一些危险信号:

送货地址和帐单地址不同。就像通常的身份盗窃和三角欺诈一样，卡的所有者没有收到货物。
同一商品的多个订单。电子商务欺诈者倾向于锁定高价商品，当他们找到喜欢的商品时，就会反复使用。通常情况下，商品是被隔离的，所以更多的是货币价值而不是实际产品。
同一地址不同卡的多个订单。过度使用相同的被盗卡号会带来不必要的关注和怀疑，因此经验丰富的骗子喜欢更换卡号……使用不同的信用卡号比将商品运送到不同的地址更容易(请务必查看我们的指南如何使用条纹雷达防止和减少 98%的信用卡欺诈)。
可疑的大订单(尤其是加急运输)。与大多数犯罪一样，诈骗者希望确保回报值得冒险。这就是为什么电子商务诈骗经常涉及大额订单，以防这是欺诈者的最后一单。他们还希望交易能在受害者发现之前尽快完成，从而加快运输。
可疑的电子邮件地址或电话号码。身份盗窃很少是万无一失的——通常有一两个漏洞。保持警惕那些看起来不相符的电子邮件地址(不同的名字，冒充个人的公司，等等。)以及可疑的电话号码(即与账单地址不同的国家或地区代码)。
多次被拒绝的交易。交易被拒绝一次或两次的情况每个人都会遇到，但重复被拒绝的交易是一个危险信号。虽然有时是无辜的，但这可能是有人试图猜测他们没有合法权限访问的敏感信息的迹象。

电子商务欺诈防范:您的铁甲防御

现在你知道了所有可能发生在你身上的不幸，让我们继续你在这里的真正原因:确保它不会发生！以下是关于电子商务欺诈预防和保护您的在线商店免受欺诈的最佳建议。

信息

Kinsta 实施硬件防火墙、主动和被动安全以及其他高级功能，以防止访问您客户的数据。点击此处查看更多信息。

PCI 合规性

首先，从预防电子商务欺诈的官方指南开始:支付卡行业安全标准委员会(PCI SSC)。基本上，世界上最大的信用卡品牌聚集在一起，列出了避免诈骗的最佳做法。请将这些视为电子商务欺诈防范的最低要求，也是一个良好的起点。

幸运的是，许多支付网关可以为您处理 PCI 合规性，因此您可以通过选择更安全的网关来直接解决问题。我们在这里解释如何遵守 PCI 指南或者你可以通过 PCI SSC 博客直接找到来源。

PCI security standards council logo

PCI security standards council

AVS 和 CVV

打击欺诈更容易的方法是:地址验证服务(AVS)和卡验证价值(CVV)。这些标准的安全措施更接近于规则而不是建议。

AVS 确保输入的账单地址与文件上的账单地址相匹配，而 CVV 要求客户输入卡背面的三位数代码(以防身份窃贼只窃取了卡号，而不是实际的卡)。

这两种安全措施通常都包含在支付处理器中，所以在选择您的之前，请确保它们都存在。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

交货时要求签名

有如此多的电子商务诈骗涉及假身份，一个物理签名可以承载很大的重量。尽管根据您的运输情况，此选项可能需要额外的费用，但它是对身份盗窃、欺诈性退款和三角测量方案的一个很好的防御。

如果骗子试图让你相信他们是别人，或者货物从未送达，一个必要的签名会把他们诱入陷阱。

亲自跟进

骗子喜欢懒惰的受害者。他们从不多看一眼。

一个成功的骗局包括事情的败露，所以最有效的预防措施之一就是追踪可疑之处。如果你有多余的时间，一点额外的关注和努力可以揭示骗子不想让你看到的东西。考虑这些选项:

亲自给客户发电子邮件，看看他们的电子邮件地址是否真实可信。如果你礼貌地解释你的怀疑，无辜的客户不会介意，但骗子不会知道该怎么办。注意他们回答中的 T2 语法和拼写，看看英语是否是他们的第二语言。
在社交媒体上验证此人。搜索他们的姓名和/或用户名，查看他们是否真实，以及他们的个人资料是否与他们的其他信息匹配。
拨打客户的电话。这是验证某人身份的最快途径。
延期装运。正如我们所说，诈骗者希望尽快完成他们的操作，以降低被抓的几率。如果你故意推迟发货，并告诉他们，这可能会吓跑他们。这对诚实的购物者来说很不方便，所以只有在必要时才使用。

当然，你没有时间为每个订单做所有这些，所以一个好的开始是发展你的直觉。学会尽早识别可疑订单，如果你觉得有些不对劲——哪怕只是一点点——无论如何，不要忽视它。

永远用 HTTPS

HTTP 和 HTTPS 有什么区别？总之，加密。HTTPS 使用另一种协议，安全套接字层(SSL) ，来保护在互联网上“移动”的数据。HTTP (no S 没有，所以 HTTPS 总是更好地避免黑客。可以把它想象成 S 代表安全。

HTTPS 还有其他好处，比如更好的搜索引擎优化排名和更准确的推荐数据。如果你正在使用 WordPress，阅读我们关于如何从 HTTP 切换到 HTTPS 的深入指导。如果你正在管理一个网上商店，这里告诉你如何安装一个 SSL 证书。

更安全的密码

最后但同样重要的是，您可以通过要求客户使用更安全、更精细的密码来与他们分担安全负担。当然，没有人喜欢那些烦人的密码要求，尤其是如果他们在很多网站上都有账户的话……但是真的，成为信用卡骗局的受害者比记住新密码要麻烦得多。

目前行业标准是八个字符，一个大写字母，一个特殊字符。另一个小于这个的是一个风险，为了额外的安全，你可以添加更多的要求，比如一个数字，甚至随机生成的密码。

预防电子商务欺诈的十大最佳工具

在打击欺诈的斗争中，你不是一个人，如果你知道去哪里找，还有很多盟友。这里有 10 个最好的电子商务欺诈防范软件。

1.显著地

Signifyd

Signifyd 是寻找防欺诈软件的首选之地，其规模可适应大型和小型企业。它在你商店的后端运行，根据欺诈的可能性给每一笔购买分配一个“分数”。

用户可以选择自己处理案件，也可以向重大团队寻求帮助。他们还为精选的订单提供保险，以防出现你无法确定的可疑情况，让你更加安心。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

2.撒

Sift

以前的 Sift Science，欺诈预防工具 Sift 针对的是高端商店——更多的功能，更多的钱。虽然您可以购买单独的套装，但全套套装提供:

订单评估
虚假账户防范
防止帐户被接管
防止滥用促销
内容的垃圾邮件防护
设备指纹 API

Sift 吹捧其机器学习是业内最好的之一，所以也许这一点，加上其他功能，证明了价格的合理性。

3.相似性

Simility

similarity专门从事“设备指纹识别”，识别设备并评估其威胁级别。通过监控设备的数据—位置、操作系统、语言、网络浏览器、用户名，甚至电池电量！—相似性将设备与任何黑名单进行交叉引用，并确定其威胁级别。

4.杜普扎珀

Dupzapper

易于使用，快速安装，不需要 API 集成， DupZapper 是一个低维护，高回报的软件。他们的算法旨在监管在线游戏，检测重复账户、地理位置一致性、cookie 拦截和代理使用等情况。如果你正在寻找无痛和轻松的欺诈防范工具，这是我们的建议。

5.昆特

Kount

作为全球企业如大通银行和 GNC 的最爱， Kount 是另一个高成本、高质量的选择。如果你有预算，Kount 利用 200 多个数据变量，利用一些最先进的技术来评估交易的风险。他们的系统也是最快的系统之一，响应时间不到一秒钟(准确地说是 300 毫秒)。对于预算可观的大公司来说，这种速度在处理日常订单时会很有用。

6.苏布诺

Subuno

Subuno 的低价提供了很多东西:20 多种欺诈检测工具，可以分析 100 多种风险因素。对于那些预算不多但仍然优先考虑网站安全的人来说，这是一个首选，特别是考虑到它可以与像 Shopify 和 WooCommerce 这样的电子商务网站一起工作。

7.风险化

Riskified

Riskified 在几个方面与其他电子商务欺诈防范软件有所不同。首先，他们使用闪电般的实时报告。如果您想要像 Kount 这样的高端软件的速度，但没有企业级的价格，这是一个不错的选择。

抛开“欺诈得分”模型，Riskified 为每个订单提供了清晰的“批准/拒绝”分析。它也适用于滑动比例，即你只为产生销售的批准订单付费，这是较小的在线商店的明智选择。

8.FraudLabs Pro

FraudLabs Pro

FraudLabs Pro 与列表中的其他欺诈防范工具相比，有几个强大的优势。也就是说，它使用独特的检测方法，包括对电子邮件(如电子邮件域名年龄)、社交媒体、ISP 和用户名的真实性检查。

但是另一个优势更吸引人:一个可行的免费计划，每月接受多达 500 个查询。对于刚上线的小店或品牌来说，这是网安的幸运发现。

9. Forter

Forter

Forter 针对移动交易进行了优化，为几乎所有交易提供广泛、全面的覆盖，无论地理位置或支付方式如何。其最受欢迎的功能之一是定制选项，允许用户专注于特定的风险概况或支付网关。它还使用快速、实时的报告，提供简单的“是/否”报告，而不是欺诈评分。

10.拴住

Bolt

从技术上来说， Bolt 更像是一个结账 UI 解决方案，而不是一个防欺诈解决方案…然而，因为防欺诈是内置于其系统中的，所以它可以兼而有之。Bolt 是一个针对欺诈检测和用户体验进行优化的结账系统，旨在通过可用性增加销售和减少废弃。

Bolt 在结账时扫描了 200 多个行为数据点来评估风险。这一点，加上其可用性优势，使其成为在线商店的绝佳选择，这些在线商店不仅需要在线安全方面的帮助。

Ecommerce fraud is booming. What can you do to keep your store and users safe? Identify the trickiest scams and use fraud prevention tools! Your business is at risk 🦹‍♂️💰Click to Tweet

摘要

您的防欺诈安全措施直接提高了您的电子商务品牌的成功，或者更准确地说，您未能防止欺诈计划直接阻碍了您的成功。随着电子商务欺诈的增加，现在在线商店比以往任何时候都更加重视安全性。

幸运的是，如果你保持警惕，你可以避开它。回顾一下上面列出的 7 个最常见的骗局，这样你就可以“了解你的敌人”，并为将要发生的事情做好准备。同样，回顾一下我们概述的警告信号和危险信号，这样您就可以在欺诈企图还只是“企图”时就抓住它们

我们列出了有效的、DIY 的电子商务欺诈防范方法——任何在线店主都可以自己从头开始实施的技术。但你的电子商务品牌越大，你需要的外部帮助就越多。十大防欺诈工具为每个人都提供了一些东西，所以看看我们的评估，找到最符合您的需求、目标和限制的工具。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

电子商务托管:如果你对你的商店很认真的话，要注意的 8 件事

原文：https://kinsta.com/blog/ecommerce-hosting/

如果你有一个在线商店，选择一个好的电子商务主机提供商比你想象的更重要。太多的企业因为糟糕的加载速度、糟糕的安全性和不当的 web 服务器管理而失败。

但是，是什么让成为伟大的电子商务主机？我们整理了一份你应该在主机服务提供商中寻找的关键品质的列表，以支持你的研究并做出更明智的决定。

准备好开始了吗？让我们开始吧！

什么是电子商务托管？

每个网站和网上商店都需要一个关键的东西来上网:主机。虚拟主机为你的网站提供了一个服务器，让它能够连接到互联网，让人们访问它。

基本上，你是在购买他人未使用的服务器空间的权利，并从一家知道如何保护和优化其服务器的公司获得服务。

托管有各种不同的形式和专业。一些主机类型是根据它们所基于的硬件来命名的，而另一些则有一些具有独特功能的专门计划。

这就是电子商务托管。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

一个高质量的电子商务主机包是一个专为这种类型的业务定制的特殊功能包。这些可能包括免费的 SSL 加密，帮助建立支付网关，额外的安全性，或者在高流量期间扩展。

还有 WooCommerce 主机，这可以被认为是电子商务主机的一个子类。WooCommerce hosting 拥有电子商务主机的所有功能以及更多功能，服务器环境经过优化，可以运行 WooCommerce 插件。

Kinsta ecommerce hosting

WooCommerce Hosting with Kinsta

例子包括为 WooCommerce 优化的缓存，不会破坏你的网站的专门迁移或者来自受过使用 WooCommerce 训练的人的支持。

Boost customer satisfaction and site performance with an ecommerce host tailored to your company's needs 📊 Learn more in this guide ⤵️Click to Tweet

电子商务托管的类型

您需要了解几种不同类型的主机，它们决定了服务器的硬件和设置。传统上，有三种主要类型:共享、VPS 和专用托管。

共享主机是最底层的，适合创业公司和只想上网的个人。它通常很便宜，但代价是速度较慢，并且必须与其他几个网站共享服务器空间。这种类型的主机不适合电子商务网站，除非你负担不起其他任何东西。

VPS 代表“虚拟专用服务器”。您的服务器与其他网站共享一台机器，但其资源是隔离的，消除了许多与共享主机相关的问题。然后，专用主机是顶层，给你自己的私人，物理服务器。当然，这并不便宜。这两种主机类型都很适合电子商务，但还有一个更好的解决方案。

云托管是电子商务网站的一个普遍问题的流行解决方案:快速超越他们的服务器环境。云托管是完全可扩展的。您可以随时添加或删除资源。而且对创业公司来说也很实惠！

对于成长中的电子商务网站，云几乎肯定是你想要的基础设施。

Kinsta’s data center locations

托管类型还有另外一层:托管与非托管托管。

非托管主机通常更便宜，但也有很大的缺点。你必须自己完成所有的服务器设置和配置，以及持续的安全和维护。你基本上只是购买了一台空服务器的权利。

有了托管，一切都有了保障。安装、配置、安全、维护、支持和更新。一个托管的电子商务主机将帮助你让你的商店运行，并确保它保持这种方式。

简而言之，云托管可能是电子商务网站的最佳解决方案。

信息

想了解更多？在我们的免费电子书中了解您的企业如何从托管服务中获益。

电子商务主机提供商需要注意的 8 个方面

有一些功能，每个电子商务主机应该有。当你寻找一个电子商务主机，将是一个很好的适合你的网上商店，寻找这些关键特征。

1。高性能

作为一个电子商务网站，你的首要任务应该是找到一个又快又可靠的主机。如果加载时间超过 3 秒，57%的消费者会离开你的网站，其中 80%的人永远不会回来。这是很多失去的潜力。

共享主机的问题是速度慢，经常停机，这是任何在线商店都无法接受的。你还必须小心选择谁，因为有些主机的基础设施不可靠，会导致速度变慢或崩溃。

每一个虚拟主机公司都会标榜自己是最好最快的，所以做研究是必要的。像 Hosting Facts 这样的网站可以给你稳定的正常运行时间和 ping 数据，帮助你做出正确的决定。)你可以在那里找到他们的 WordPress 主机对比。

hosting facts kinsta stats

Kinsta stats on HostingFacts

CDN 是必备的，最好包含在您的托管计划中。cdn 是一个分布在广阔区域的服务器网络，在流行的如 Cloudflare 的情况下是全球性的。当一个远离你的主服务器的用户试图连接到你的网站时，他们会被路由到附近的 CDN 服务器，这样每个人的加载时间都会更快。

你的电子商务主机还应该包括性能和正常运行时间监控功能，当出现问题时会立即提醒你。如果一台服务器宕机或者一切运行缓慢，你需要能够立即采取行动。

例如，在 Kinsta，我们每分钟都会用 Sentry 检查网站的正常运行时间，如果有任何不正常的情况，我们就会发出警报。你选择的任何托管都应该包含这个重要的特性。

我们最近还将网络上每个站点的性能提升了 200% 。多亏了谷歌云平台的新 C2 虚拟机，大大加快了前端和后端的速度。我们用几个不同的参数测试了新机器。在 WooCommerce 网站上，我们在缓存绕过了 T3 的情况下，在 T2 进行了性能最佳的测试，我们发现新的服务器快了将近 4 倍。

cache bypass woocommerce gcp n1 c2

Cache Bypass WooCommerce GCP N1 C2

看看迁移到新机器对我们的一个客户产生了怎样的影响，他的性能瞬间提升了 100%!我们还测量了其他几个客户端，他们的网站速度都有显著提高。

client 8 migration gcp c2

Client 8 Migration GCP C2

如果你需要一个无论网站大小都能提供卓越性能的主机，我们这里肯定有你的空间。

2。带宽和文件存储

电子商务网站占据了大量的文件空间，它们也是通常吸引最多流量的网站类型。你需要一个有足够资源的主机，除非你想最终支付高额超龄费。

图片是任何网站设计的关键部分，无论你在设计什么，你都需要大量的图片。尤其是电子商务网站，往往会很快耗尽存储空间。你上传的每个产品都需要多个高分辨率图像，当你的商店足够大时，你很容易想知道你所有的文件空间都到哪里去了。

high bandwidth hosting

High Bandwidth Hosting

在 Kinsta，我们没有带宽限制。我们只有每月访问量和磁盘空间的上限。

3。可扩展托管

不像其他类型的网站，随着时间的推移稳步增长和可预测的，一个电子商务商店的流量可以相当多变。假期通常会引发流量的激增，顾客不知从哪里冒出来，增长往往是突然的、指数级的。在一个托管的电子商务主机中，你应该寻找可以和你的业务一起成长的可扩展资源。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

在 Kinsta，我们从 Starter 到 Enterprise 4 的所有计划都能够根据需要最大限度地利用 CPU。在您的站点可能需要额外资源的情况下，您可以在零宕机的情况下快速扩展到更强大的计划。对于预期流量巨大的网站——想想超级碗广告级别的数字——我们也有高性能的专用服务器解决方案。

你还需要一台不会把你锁在里面的主机，一台可以让你在需要时随时添加 CPU、RAM 和其他资源的主机。云托管是最好的解决方案，因为你可以随时升级你的计划或请求更多的电力，并立即增加电力。

对于物理 VPS 或专用主机，升级需要将您转移到不同的服务器，或者手动安装更强大的硬件，这可能成本很高。在云主机上升级很便宜。

4。主动支持

问题和错误肯定会在你的新网站上出现。如果你的主机没有一个好的支持团队来帮助你，你的网站可能会关闭几个小时。支持应该友好、乐于助人、快速，并且能够在出现问题时以积极主动的方式与您合作。

Kinsta support

每个支持团队背后都应该有一群经验丰富的开发人员。如果 web 主机的基础设施和服务器构建得很好，并且很少停机，这是一个好迹象，表明他们的开发团队将能够帮助您解决最意想不到的问题。

对于发生在你网站内部的问题，你通常不会得到帮助，但是当问题发生在他们的服务器端时，问题就会得到解决。在 Kinsta，虽然我们不能修复您代码中的所有错误，但我们可以帮助您识别问题，以便您可以快速解决问题。很多主持人甚至不会做那么多！

寻找 24/7 支持，因为服务器问题可能在任何时候发生，甚至在半夜。如果你被提醒你的网站关闭了，你需要解决这个问题。你不想失去任何流量，或者更糟的是，你不需要在奇怪的时间醒来，只是为了修复你的网站。

5。完全安全

由于电子商务网站保护敏感数据:信用卡号、Paypal 和银行密码，通常还有用户的全名和地址，所以它们经常成为黑客攻击的目标。

攻击一个安全性差的在线商店非常有利可图——而全新的创业公司通常不知道如何保护这些重要数据的安全——所以你现在需要保护你的网站。

kinsta hosting architecture v6

Kinsta Hosting Architecture V6

保护您自己的代码取决于您和您的开发人员，但是许多黑客攻击的发生是由于您的 web 主机部分安全性差。服务器代码中的缺陷允许恶意行为者轻松渗透到您的网站，获取用户数据，记录通过服务器发送的密码，甚至在您的网站上放置针对用户的恶意软件。

这就是为什么你需要选择一个知道他们在做什么的主机。如果他们没有免于黑客攻击的政策，要小心了。他们的安全性可能很差，如果你真的被黑了，他们可能不会采取任何措施来弥补损失。

信息

使用客户站点？通过我们的免费电子书《保护客户网站安全，了解如何增强他们的安全性。

在 Kinsta，我们非常重视安全问题，并采取积极措施防止攻击事件的发生。我们的防火墙被严密保护和限制，以防止任何未经授权的软件从裂缝中溜走，我们还阻止对未知服务的 XML-RPC 访问，并禁止在 wp-content/uploads 等敏感区域执行代码。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

我们还为我们的服务器使用谷歌云平台，这意味着您可以从云行业的一些最佳提供商那里获得顶级的安全性。

24/7 监控和扫描服务应该是您的电子商务主机中的必备功能，以识别任何进入您网站的恶意软件。即使有东西通过了，Kinsta 也提供免费的恶意软件检测和清除服务。很有可能，我们会在你之前注意到你的网站已经被感染了，然后马上修复它。

hosting security features

Hosting Security Features

DDoS 攻击也是电子商务网站的常见问题。这些攻击是由数千台计算机同时发起的，可以迅速摧毁一个网站。一个好的主机会发现 DDoS 攻击并阻止它们。

作为一个网店店主，你需要有一个 SSL 证书来加密进出的敏感用户输入。没有它，攻击者可以看到从你的网站传到你的服务器的任何东西，比如放入表单的用户数据。寻找一个免费提供 SSL 的主机。

6。WooCommerce 整合

如果你在 WordPress 上开始你的商店，很有可能你正在使用 WooCommerce 。并不是所有的网络主机都能很好地使用这个插件。一开始你可能不会遇到问题，但你的网站可能不会运行得很好，因为它可能缺乏高级功能，如 WooCommerce 专用缓存(等等)。

随着 WordPress 像一样受欢迎，最好的电子商务主机应该包括 WooCommerce 主机。

信息

需要更快的店铺？学习如何加快你的 WooCommerce 商店(前端+后端)与这个深入的指南！

kinsta woocommerce optimization

Kinsta WooCommerce Optimization

你应该要求你的电子商务主机提供商提供的另一个被忽视的方面是 PCI 合规性。PCI 代表“支付卡行业”，它是一套安全标准，旨在防止用户数据因网站安全性差而泄露。每个接受信用卡数据的网站都必须符合 PCI 标准。

主机不可能保证 PCI 合规性，因为您需要自己做大量工作来确保站点安全。但是他们当然有可能通过提供 SSL 证书，用防火墙保护他们的服务器，以及使用强大的服务器基础设施来简化这个过程。

做 PCI 审计是你自己的事，但是一个好的电子商务主机会和你一起帮助保护你的网站，并做任何必要的调整使你的网站符合 PCI 标准。

7.自动备份

我们怎么强调备份对电子商务网站的重要性都不为过。自动数据备份是绝对必须的。每天、每周甚至每小时在某些情况下:需要一个可靠的备份系统来保护你的重要存储和数据库文件。

特别是如果你在 WordPress 中工作，很容易意外地改变敏感设置，你可能会犯一个错误，导致你的网站关闭或者数据库损坏。

如果你没有最近的备份，你将会失去很多时间和精力去恢复正常。你甚至可能会失去一切。这就是为什么您需要一台内置备份的主机，这样您就可以安心地运营您的业务。

在 Kinsta，我们确保每天自动备份您的网站、数据库、文件，甚至 Nginx 规则，根据您的计划，这些规则从 14 天到 30 天不等。

Kinsta 客户喜欢的另一个有用的功能是，如果你也喜欢手动备份，你可以每周下载一次你的站点的备份。如果这还不够，每小时备份插件确保绝对最大的安全性和最小的损失，万一灾难来袭。

一般来说，数据安全应该是您的主机最关心的问题之一。良好的基础设施、自动备份和持续监控将防止灾难并保证您的站点安全。

8.开发人员友好的环境

如果你是开发者并且想要深入高级主机选项，可能很难找到支持你的主机。可以理解，网站主机不希望新手用户修改关键文件，导致整个网站崩溃。

但是当你需要编辑核心 WordPress 文件，设置 WP-CLI 或 Git 之类的工具，甚至只是更新你的 PHP 版本时，许多主机会让这成为你绝对的噩梦。

在 Kinsta，我们相信我们的用户知道他们在做什么，如果他们需要使用，每个人都有各种高级功能的完全开发权限。

创建登台环境，克隆你的站点，使用 WP-CLI ，设置 Git ，访问 SSH …任何你需要做的事情。这是最棒的部分:你不需要联系 Kinsta 支持来激活这些！

kinsta developer features

Kinsta developer features

如果您对我们基础设施设置的细节感兴趣，您可以在功能页面上找到大量信息。

Learn how ecommerce hosting could change your business, from site performance to sales 💰Click to Tweet

总结

太多的全新网站成为这个共同问题的牺牲品:加载速度慢，安全性差，以及由于糟糕的网站主机而缺乏支持。从一个普通的共享主机开始可能看起来很便宜，但是不值得对你的底线产生负面影响。

当你寻找一个电子商务主机提供商时，你应该选择一个可以根据你的业务需求进行扩展，并提供一流的质量和可承受的计划。

Andrew Reeve, CEO at HonestBrew

托管，虽然最初看起来是一个昂贵的解决方案，但它提供了大量的工具和规范，通过照顾你的所有重要方面，使你的生活变得更容易。

从商业角度来看，如果你认真对待你的网上商店，这是一笔值得投资的投资。在这一点上，你应该看看我们的托管云托管解决方案:我们提供各种各样的计划，将使一个电子商务网站起飞轻而易举。

现在轮到你了:说到电子商务托管，对你来说最重要的是什么？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

为您的新在线商店比较的 7 个最佳电子商务平台(免费和付费)

原文：https://kinsta.com/blog/ecommerce-platforms/

经营一家电子商务商店没有单一的“最佳”方式。这取决于你的产品，你的目标受众，以及你最喜欢的风格。

这就是为什么市场上有不同的电子商务平台来满足不同的需求。诀窍在于知道哪一个最适合你。

在本指南中，我们比较了 7 大电子商务平台，以便您了解所有关键细节，并了解哪一个最适合您独特的业务需求。

我们将介绍它们的特性、定价、优缺点，以及最适合推荐给谁，所以请看下文。

听起来很有趣？

我们开始吧！

1.伍尔科贸易公司

ecommerce platforms: woocommerce logo

WooCommerce

作为最受欢迎的电子商务平台之一， WooCommerce 提供电子商务所有者需要的一切，它在技术上是免费的。不利的一面是，它确实需要一点努力来建立和更新。

与列表中的其他电子商务平台不同， WooCommerce 实际上只是一个 WordPress 插件。这是它最大的优势之一，也就是说 WordPress 的所有功能都在你的掌控之中。WordPress 的任何插件或主题都可以在你的 WooCommerce 商店中使用，但是你也可以从一大堆 WooCommerce 特有的扩展和插件中选择。

WooCommerce 的弊端就是 WordPress 的弊端。首先，你需要找到合适的主机提供商，它负责你网站的安全和你客户的财务数据，更不用说你能接受多少流量。你还需要根据你的需求选择最佳 WordPress 托管计划。

第二，你必须亲自参与设计，如果你以前从未使用过 WordPress，这需要时间。这并不是说 WordPress 很难——它实际上非常用户友好——但是你需要做很多小工作来让你的网站看起来和运行起来像你想要的那样，比如寻找合适的插件或者调整网站的偏好。使用专业编码的 WordPress 主题和这个一步一步的 WooCommerce 设置指南确保没有任何漏洞。

主要特征

整个插件库。
WooCommerce 特定的插件和扩展，具有各种电子商务功能。
轻松整合博客。
无限产品。

价格

技术上是免费的，但是你仍然需要为托管付费
根据你想要的特性，你可以在插件/扩展上花费 0-200 美元，甚至更多。

优点

拥有自己的数据。
价格可伸缩，起价 0 美元。
原生的博客平台。
没有产品或图像的限制。
作为开源软件， WordPress 有许多社区寻求的帮助和支持。

缺点

不包括托管。
如果你是第一次使用 WordPress，学习起来会有点困难。

2.大商业

ecommerce platforms: BigCommerce

BigCommerce

你需要知道的关于 BigCommerce 的一切都在它的名字里:它做大的事情。这个电子商务平台是为拥有大量产品的大企业和商店，或者计划即将扩张的小商店而设计的。

作为一个复杂的电子商务平台， BigCommerce 提供了大量的功能。它是为专业人士设计的，所以它比列表中的其他产品有更多的高级选项。

如果你喜欢定制，并且了解网页设计的最佳实践，这当然很好，但这也意味着更陡峭的学习曲线。BigCommerce 不像这里的其他电子商务选择那样用户友好，尽管他们尽最大努力来吸引新用户。

这一大套功能体现在价格标签上。对于刚刚起步的小商店，你将为你还不需要的功能付费，因此很难证明其成本是合理的。相反，BigCommerce 最适合那些需要更多“引擎盖下的力量”的老牌商店

主要特征

容纳大量产品。
高度可定制。
包括保安。
迁移和导入选项。
内置 SEO 增强。
提高转化率的工具。
不收交易费。

价格:

BigCommerce 标准:每月 29.95 美元。
BigCommerce Plus:每月 79.95 美元。
BigCommerce Pro:每月 299.95 美元。
大型商业企业:各不相同。

优点:

满足复杂业务模型的高级功能套件。
许多复杂的定制选项。
你想卖多少产品就能卖多少。

缺点:

比其他电子商务平台更难使用。
如果你刚开始，有点贵。

3. Shopify

ecommerce platforms: Shopify

Shopify

另一个流行的电子商务平台是 Shopify，它专注于方便和简单。虽然一个 WooCommerce 网站可能需要几天时间来建立，但你可以在几分钟内启动一个功能齐全的 Shopify 网站。不过，缺点是你没有 WooCommerce 那么多的定制选项。

Shopify 是为那些不想在经营电子商务商店的设计和编码方面花费太多精力的人准备的。该网站是基于模板的，所以你只需选择你的主题并填写你的信息。

选好你的主题后，其他大部分方面就锁定了。虽然这是一个很好的时间节省，但它抑制了定制:没有特殊的视觉效果，创造性的小部件，或优化导航。

虽然这让有大胆想法的人感到沮丧，但对于只关注业务的人来说却是完美的。Shopify 拥有您需要的所有电子商务设施，例如不同类型的促销选项，以及内置的评级系统。

查看关于 WooCommerce vs Shopify 的比较指南，了解更多详情。

主要特征

用户友好的界面。
模板式设计。
开箱即用的功能。
应用程序商店的额外功能。

价格

Shopify Lite:每月 9 美元。
基本 Shopify:每月 29 美元。
Shopify:每月 79 美元。
高级 Shopify:每月 299 美元。
Shopify Plus:每月 2000-40000 美元。

优点

所有电子商务平台中最用户友好的。
可以快速轻松的开店。
不需要设计技能。
非常适合社交媒体整合。
适用于小型和大型商店。

缺点

限量定制。
很难从其他 Shopify 网站中脱颖而出。
第三方网关交易费用可能会变得昂贵。

4.体积

ecommerce platforms: Volusion

Volusion

仅次于 WooCommerce、Shopify 和 BigCommerce 等最受欢迎的电子商务平台， Volusion 处于劣势。它提供的服务不如其更成熟的竞争对手多，它的名字也不为人所知。尽管如此，Volusion 作为 Shopify 的替代品，为了方便和 T2 速度，正在慢慢攀升。

Volusion 的真正亮点在于订阅和定期支付。Volusion 是订阅盒和类似商业模式的完美选择，可以直接提供这些类型的支付。

你仍然可以在一些平台上找到这些选项——例如， WooCommerce 有订阅插件——但一般来说，你必须自己找到那些插件，有时甚至要为它们支付额外的费用。

因为 Volusion 没有提供很多高级功能，所以它可以更专注于可用性。例如，它整合了一个毫不费力的拖放式网站编辑器，所以你可以随意重新排列网站元素。

这种最基本的简单性对第一次建立网站的人来说很有用，但有经验的电子商务经理会错过其他平台免费提供的许多功能，如 SSL 证书、博客功能，甚至是销售数字产品。从好的方面来说，没有交易费，你可以拥有所有你想要的带宽。

主要特征

拖放站点编辑器。
不收交易费。
无限带宽。
针对繁忙的移动通信的响应主题。
接受订阅和定期付款。

价格

个人:每月 29 美元。
专业:每月 79 美元。
商务:每月 299 美元。
Prime:自定义。

优点

低成本的电子商务平台，尤其是考虑到没有交易费。
唯一一个天生允许订阅和定期支付的电子商务平台。
适合新手的简易网站编辑器。

缺点

功能有限。
必须从别处购买 SSL 证书吗？
没有博客集成。
不卖数码产品。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

此外，Volusion 非常适合使用订阅/定期支付模式的商店。这是电子商务商店中的一个小利基，但 Volusion 仍然迎合了他们的需求。

使用 Volusion 的在线商店示例

Sesame Street Live, the show’s live performance ticket hub

Notch, innovative hats for sunglasses

Antonelli’s Cheese Shop, artisanal cheeses

5.3dcart

ecommerce platforms: 3dcart

3dcart

尽管规模较小，知名度也不高， 3dcart 在一个领域胜过其他电子商务平台，它不是 3D 图像或虚拟现实——它是 SEO 。自称“搜索引擎优化的最佳电子商务平台”名副其实，它拥有像面包屑链接和规范网址这样的功能。

许多 SEO 是在幕后决定的，在大多数网站建设者不让你修改的领域:你如何将你的网站提交给搜索引擎、网站架构、URL 结构，甚至是代码本身。

了解了这一点，3dcart 就为你优化了那些区域，你就不用担心了。你得到了模板网站建设者的所有好处，但顶级的搜索引擎优化的保证。

不过，3dcart 也有和 Shopify 一样的局限:没有太多的定制。考虑到 3dcart 的主题有点过时，这是特别糟糕的。

然而，也像 Shopify 一样，3dcart 为营销、销售和促销提供了大量电子商务功能。他们还提供了大量的额外津贴，甚至是最低的价格:无交易费、24/7 支持、安全、API 访问、无限带宽和无限产品。

主要特征

内部 SEO 设计。
为 SEO 预建的主题。
无限产品。
无限带宽。
不收交易费。

价格

创业商店:每月 17.10 美元
基本商店:每月 26.10 美元
Plus 商店:每月 71.10 美元
电源商店:每月 116.10 美元
专卖店:每月 206.10 美元

优点

这个平台的一切，从上到下，都是为了 SEO。
很多额外津贴，包括 24/7 全天候支持。
简单的模板风格的网站设计者。

缺点

定制化的方式很少。
模板可以使用更新。

6.大卡特尔

ecommerce platforms: Big Cartel

Big Cartel

大卡特尔是一个利基电子商务平台，面向艺术家、手工艺者和其他喜欢出售自己作品的工匠。如果这是你经营的那种生意，大卡特尔是完美的…但对于大多数不生产自己产品的人来说，最好去别处看看。

大卡特尔的一切都迎合小型创意企业，包括艺术网站设计选项。对独立创作者来说，最有吸引力的特点是低成本——没有上市费和交易费。你只需支付月费，甚至还有一个免费账户，包含了大部分功能。

然而，如果你不是一个独立的创造者，许多其他电子商务平台提供更有吸引力的交易。许多创造性的设计方案并不适用于更严肃的品牌。

主要特征

不收交易费。
没有上市费。
艺术设计选项。
代码编辑。

价格

黄金:免费
白金卡:每月 9.99 美元
钻石:每月 19.99 美元
钛:每月 29.99 美元

优点

与其他电子商务平台相比相对便宜。
一个更有创造力和鼓舞人心的网站建设者。
透明的商业行为。

缺点

只与一小群卖家有关。

7. Ecwid

ecommerce platforms: ecwid

ecwid

就像大卡特尔瞄准艺术家一样，Ecwid 也瞄准小企业。从设置到成本，一切都适合初创公司和小规模公司。

Ecwid 与 Shopify 和 3dcart 属于同一类:设置简单方便，但定制选项有限。为了显示他们对小企业的承诺，他们甚至提供了一个免费计划，你可以列出多达十个项目。但是，一旦你的店铺达到一定规模，Ecwid 的好处似乎就不那么有利了。

对于商业方面的事情，Ecwid 提供了大多数常见的电子商务功能，如优惠券代码和 SSL 证书，也允许数字商品。他们有一系列优秀的社交媒体选项，加上在脸书、 Snapchat 、 Pinterest 和谷歌广告上做广告的选项。

同样，更高的支付层级可以将他们的商店与亚马逊、Etsy 和易贝等其他销售渠道连接起来。这使得 Ecwid 成为运营多渠道电子商务品牌的重要基地。

主要特征

简单的设置和用户友好的网站设计工具。
直接与社交媒体商店同步。
与其他销售渠道整合。
不收交易费。

价格

免费计划:免费。
风险投资:每月 15 美元。
商务:每月 35 美元。
无限制:每月 99 美元。

优点

强大的社交媒体功能。
非常适合多渠道策略。
专为小型企业设计—价格低廉且用户友好。

缺点

没有多少有趣的设计选择
不可扩展—对小型企业有利，对大型企业不利

您在线商店的最佳电子商务平台

你想卖多少产品？“设计和定制”在哪里符合你的优先事项？能花多少钱？你的技术知识有多先进？

这些问题的答案将帮助您确定最适合您的电子商务平台。

销售高端珠宝的完美平台可能是销售定制 t 恤的最差平台。在决定您的平台之前，考虑您公司的需求。

现在轮到你了:哪个平台是你个人的选择？为什么你最终选择了那个而不是其他的？在评论里告诉我们吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年电子商务统计–聊天机器人、语音、全渠道营销

原文：https://kinsta.com/blog/ecommerce-statistics/

由于电子商务的发展，即使资本有限，现在也很容易建立一个企业。随着消费者越来越依赖网上购物——据估计，到 2040 年，95%的购物将在网上进行——电子商务为无数企业家打开了机会之门。

而且，那些电子商务销售机会正在快速增长。2017 年，电子商务的销售额为 2.3 万亿美元，预计到 2022 年将翻一番以上，达到 5.5 万亿美元。仅在美国，网上购物就已经占到零售额的 10%，预计年增长率为 15%。

Worldwide ecommerce sales

Worldwide ecommerce sales (Image source: Shopify)

了解关键的电子商务统计数据和事实，从人口统计和购物行为，到购物车放弃和趋势，将让你更深入地了解电子商务现在正在发生的事情，以及它的发展方向。

挖掘电子商务人口统计数据

千禧一代和 x 一代是最大的网上购物者，67%的千禧一代和 56%的 x 一代更喜欢网上购物，而不是实体店。你看到这两部分人在网上花费更多钱的部分原因是他们花更多时间在网上购物。千禧一代和 x 世代花在网上购物的时间比他们的同龄人多 50 %: 6 小时比 4 小时。

尽管女性通常被认为是购物者，但在网上购物方面，男性占据了主导地位，他们的网上购物支出比女性高出 28%。

分解电子商务购物行为

关于电子商务购物行为的统计数据非常具有启发性:43%的网上购物者称他们在床上购物，23%在办公室购物，20%在浴室或车里购物。

事实证明，酒精可以促进电子商务的销售，10%的顾客称他们买过酒。最终，在这种情况下，男性购物的可能性是女性的两倍多，14%的男性表示会这样做，而只有 6%的女性表示会这样做。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

鉴于酒在网上购物中的作用，发现 42%的网上购物者购买了他们后悔的东西，21%的人意外购买了他们不想要的东西就不足为奇了。

尽管 48%的网上购物者在网上购物时超支或购买了计划外的东西，但购买路径并不直:85%的顾客在一个设备上开始购买，然后在另一个设备上完成购买。

电子商务市场份额:美国与全球趋势

尽管美国通常被认为是最大的电子商务市场，但事实并非如此。然而，它确实跻身于全球十大电子商务市场之列:

中国:6720 亿美元
美国:3400 亿美元
英国:990 亿美元
日本:790 亿美元
德国:730 亿美元
法国:430 亿美元
韩国:370 亿美元
加拿大:300 亿美元
俄罗斯:200 亿美元
巴西:190 亿美元

尼尔森的全球互联商务报告提供了各国最赚钱行业的详细细分，韩国在时尚(77%)和美容产品(66%)以及非食品家庭杂货(52%)、包装食品杂货(51%)和新鲜食品杂货(37%)方面独占鳌头。

Lucrative industries by country

Lucrative industries by country (Image source: Nielsen)

然而，在书籍、文具和音乐购买方面，日本以 79%的比例领先。西班牙以 67%的比例位居旅游排行榜榜首，巴西以 57%的比例位居消费电子产品排行榜首位。

随着更多全球市场的发展，美国在电子商务市场销售额中的份额正在稳步下降。美国的全球份额从 2015 年的 20.2%下降到 2020 年的 16.9%。另一方面，东方市场的 B2B 电子商务全球销售额有所上升。

US share of ecommerce market sales

US share of ecommerce market sales (Image source: Statista)

电子商务市场也支持全球化，57%的网上购物者从海外零售商购买了。这些购物者使用的首选支付方式在世界各地各不相同。在全球范围内，信用卡是首选的支付方式，在 53%的交易中使用，其次是数字支付系统(43%)和借记卡(38%)。然而，数字支付系统是中国和西欧最受欢迎的支付方式，而货到付款则是东欧、非洲和中东的首选支付方式。

Payment methods used by online shoppers

Payment methods used by online shoppers (Image source: Shopify)

除了支付方式，更多的美国人已经喜欢网上购物而不是在实体店购物，51%的人点击他们的方式购物。总共有 96%的美国人一生中至少进行过一次网上购物，其中 80%的人仅在上个月就这样做了。然而，美国人实际上有 64%的预算花在实体店，只有 36%花在网上。

2017 年，亚马逊占美国所有电子商务销售额的 44%，美国的年增长率为 23%，令人震惊的是，46%的美国企业仍然没有网站。

Amazon top growth products

Amazon top growth products (Image source: CNBC)

企业对消费者电子商务

B2C 电子商务指的是企业和消费者在网上进行的交易。它也可以指直接为消费者服务的付费在线服务或内容。亚马逊是 B2C 选择广泛性的一个很好的例子，因为它开始是一个在线零售商，但最终扩展到服务，如云存储，和付费内容，如应用程序和媒体。

中国占据了最大的 B2C 电子商务市场。然而，如果你认为 B2C 电子商务市场很大，那就准备好接受 B2B 电子商务市场的交易量吧。

企业对企业电子商务

B2B 电子商务是指从一个企业到另一个企业在线营销、销售和分销产品。这包括软件即服务(SaaS)公司、虚拟主机、批发商等等。也包括公司的买卖。

随着近一半的美国 B2B 企业在网上提供他们的全部产品线，2017 年 B2B 预计产生 7.6 万亿美元就不足为奇了，使估计为 2.4 万亿美元的 B2C 市场相形见绌。

B2B ecommerce

B2B ecommerce (Shopify)

Frost and Sullivan 进行的研究预测，到 2020 年，全球 B2B 电子商务销售额将达到 12 万亿美元，中国和美国将引领全球市场。一年前，到 2019 年，预计 B2B 公司将比在线零售商在电子商务技术上花费更多。

尽管 B2B 电子商务的增长很吸引人，但这种商业模式面临着无数挑战。价格经常波动，销售量很高，这意味着 B2B 业务需要灵活的运输和物流解决方案。此外，还有税收和监管方面的问题，尤其是在处理海外业务时。B2B 面临的另一个挑战，尤其是那些从事软件交易的，是确定产品如何与其他现有系统集成。

重要指标:转化率

转化率，即完成预期目标的网站访问者的百分比，是在线零售中最重要的指标之一。高转换率表明你能够从已经拥有的客户那里获得更多价值。这意味着更低的客户获取成本。同时，这也意味着当你付出更多的努力时，就会有更多的顾客和更高的收入。

Conversion rate online shoppers

Conversion rate online shoppers (Image source: Statista)

平均电子商务转换率从 3%到 4% 不等，其中 43%的电子商务流量来自有机的谷歌搜索。这意味着在建立你的电子商务网站时，考虑到 SEO 仍然是必不可少的。

Average conversion rates

Average conversion rates (Image source: Wolfgang Digital)

几个因素在提高你的业务转换率中起着重要作用。其中最重要的是良好的用户体验。这归结为良好的视觉效果，快速的网站加载时间，以及支付方便；Paypal 交易的结账率比非 PayPal 交易高出 70%。

PayPal checkout rates

PayPal checkout rates (Image source: PayPal)

优质的客户服务，以及强有力的评论、推荐和证明也在提高你的业务转换率中发挥作用。

创造客户体验

客户体验涵盖了客户与您的企业之间关系的整个过程。这包括客户服务、用户体验(UX)、定价策略以及运输和物流。

在购物时，64%的顾客认为顾客体验比价格更重要。据《卫报》报道，到 2020 年，一个品牌提供的客户体验质量将比价格和产品更重要，成为一个关键的差异化因素。

客户服务

美国人平均对 15 个人说顾客服务差，对 11 个人说顾客服务好，这印证了一句老话，坏消息比好消息传播得快。对于不注重客户服务的企业来说，更令人担忧的是，33%的美国人表示，在处理了糟糕的客户服务后，他们会考虑换公司。

由于糟糕的客户服务，美国公司平均每年损失 620 亿美元。然而，对于客户服务薄弱的公司来说，并不是一切都失去了，因为人们发现，对于年收入 10 亿美元的公司来说，客户服务的适度增加可以在 3 年内平均产生8 . 23 亿美元的增长。

Lost revenue from poor customer service

Lost revenue from poor customer service (NewVoiceMedia)

深入研究电子商务统计数据，优质客户服务的关键是尽可能让一切变得简单。事实证明，不方便的退货政策让 80%的购物者望而却步，而 74%的人如果觉得购买过程过于繁琐，可能会换品牌。

用户体验

UX 指的是一个人对使用你的系统、服务或产品的情绪和态度。你的网站的设计和加载速度在 UX 可以发挥巨大的作用。

总共有 57%的客户会放弃你的网站,如果他们必须等待 3 秒或更长时间才能加载一个页面的话。然而，更不利的是的搜索能力。一旦上了你的网站，60%的顾客会离开你的网站，如果他们找不到他们最初想要的东西。

评论、推荐和证明

如果用户知道如何使用某个产品，或者知道它对其他人有用，他们就更有可能购买该产品。这通常意味着企业需要提供产品描述之外的额外信息。

如果潜在客户能够提前观看解释产品或服务的视频，73%的潜在客户更有可能购买。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

根据 BigCommerce 的数据，46%的消费者希望从电子商务网站获得产品比较，42%的顾客希望从电子商务网站获得更多推荐。同样，69%的在线购物者希望从电子商务网站获得更多评论。事实上，77%的顾客在购买之前会阅读产品评论。

随着移动设备向前发展

在制定你的电子商务战略时，如果没有将移动设备考虑在内，可能会对你的业务不利。

根据 ReadyCloud 的数据，44%的互联网零售时间花在了智能手机上，11%花在了平板电脑上，45%花在了台式机上。这些数字似乎得到了 eMarketer 声称 59%的电子商务销售是通过手机完成的的支持。

Mobile websites vs mobile apps

Mobile websites vs mobile apps (Image source: ReadyCloud)

由于各种原因，世界正在见证移动购物的增长。其中包括大多数人无论去哪里都带着他们的移动设备，从办公室到浴室。此外，通过应用程序实现的无缝购物体验使得在移动设备上购物变得更加容易，正如 Apple Pay 和 Google Wallet 等移动钱包解决方案的激增一样。

网络星期一 2017 年，移动支付在一天之内获得了的第一笔 20 亿美元，占在线消费总额的三分之一。智能手机占当天零售访问量的 37.6%，收入的 21%。此外，研究发现，与前一年相比，手机上的转化率增加了 10%。

对于刚刚起步的创业者来说，移动尤其重要，因为人们发现，与大型零售商相比，小型零售商的移动转化率要高出 30%。

Mobile conversion rates

Mobile conversion rates (PracticalEcommerce)

让您的移动购物体验无缝衔接

让你的移动购物体验对用户来说尽可能简单是很重要的，因为 52%的人说当他们有糟糕的移动体验时，他们不太可能再次与某个品牌合作。

虽然转变这些顾客的船可能已经启航了，但是有很多方法可以改善你的移动购物体验。

第一步是有一个移动响应网站，这意味着它会自动改变以适应客户访问它的设备。接下来你需要做的是简化流程，这应该包括自动填写尽可能多的信息——只要能让顾客的生活更轻松，结账更快捷。

社交媒体和社交购物

当电子商务遇到社交媒体时，就会出现社交购物。它涉及社交网络的各个方面，如群组、社区、推荐和讨论，以及电子商务的核心功能——在线销售产品和服务。

你不要低估社交媒体对电子商务的重要性，因为 74%的消费者依靠他们的社交网络做出购买决定。此外，56%在社交媒体上关注品牌的用户是为了查看产品。

在新兴市场，如东南亚，社交购物占所有在线销售的 30%。社交购物开始出现多种趋势。其中之一是通过 Groupon 和 LivingSocial 等网站的激增进行的团购。这些网站是建立在通过批量销售来获得群体折扣的理念上的。另一个主要趋势是电子商务与 T2 社交网络的整合。

已经出现了从“喜欢”按钮到“购买”按钮的转变，这些平台让用户更容易在平台上购物。你可以通过 Instagram 的可购物 Feed 和 Pinterest 的可购买 pin，以及 Instagram Stories 和 Snapchat 的“向上滑动”外部链接来看到这一点。

品牌发现人们不必去寻找他们的产品。产品只需要到达正确的人手中，这可以通过社交媒体进行非常有针对性的营销来实现。

没有哪个品牌是唯一一个通过社交媒体锁定目标人群的品牌。然而，如果你必须额外努力才能脱颖而出也没关系，因为成本是值得的:在社交媒体渠道上阅读产品评论的移动购物者的转化率高达 133% ，这代表着全球数十亿美元。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

购物车废弃

大约 70%的购物车被丢弃，这种情况发生在潜在客户选择要购买的产品或服务，但从未完成结账过程的时候。

Shopping cart abandonment

Shopping cart abandonment (Image source: Baymard)

在一家电子商务商店中，每三次成功购买，就有大约七次最终被扔进了废弃的购物车。这导致 T2 每年损失大约 180 亿美元的收入。

购物车废弃的问题只会越来越严重。2006 年，平均弃车率为 59.8%。到 2017 年，这一比率已上升至 69.23%。

Online shopping cart rate abandonment

Online shopping cart rate abandonment (Image source: Statista)

超过 60%的放弃购物车的消费者是因为运输成本，而 57%的放弃购物车的人说他们是在“逛街”

企业降低这一问题发生率的方法之一是发送废弃购物车电子邮件。根据 Adobe 的数据，71%的移动购买受到零售商电子邮件的影响，而 T2 Salecycle 发现 28.3%的电子商务收入来自 T4 废弃的购物车电子邮件。

Mobile purchasing decisions

Mobile purchasing decisions (Image source: Adobe)

2018-2019 年电子商务趋势

电子商务的许多趋势在 2018 年占据了主导地位，并将在 2019 年继续保持下去。其中包括聊天机器人、语音助手、全渠道营销以及个性化和本地化。

以下是我们目前所知的一些最有趣的电子商务统计数据:

聊天机器人

超过 60%的客户表示，他们更喜欢使用数字自助工具，如网站、应用程序或聊天机器人来回答他们的简单询问。对于购买力日益占主导地位的千禧一代来说，聊天是 T4 首选的支持渠道。

聊天机器人如此受欢迎的主要原因是，当客户打电话给公司时，与真人交谈往往需要太长时间。尽管如此，客户仍然会在挂断电话前平均等待 11 分钟。这几乎是 75%的在线用户预期时间的两倍；他们希望在 5 分钟内得到帮助。然而，聊天机器人要快得多，这意味着处理查询的速度明显更快，进入聊天会话的平均等待时间为 45 秒。

专家预测，到 2020 年，80%的企业将使用聊天机器人。

你想了解更多关于聊天机器人的信息吗？看看我们的详细指南:什么是聊天机器人——你应该在你的网站上添加一个吗？

语音助手和语音搜索

语音搜索正在迅速增加，特别是随着语音助手——可以执行任务或服务的软件代理——的日益流行。已经有 20%的移动设备上的谷歌搜索是语音搜索。据预测，到 2020 年，语音搜索将占所有搜索的 50%。

另据估计，到 2020 年将有2140 万个智能音箱。这些设备为消费者创造了另一种网上购物的方式。已经有 22%的美国智能音箱拥有者用他们的设备购买了东西。

Voice Commerce

Voice Commerce (Image source: Voicebot.ai)

这些设备依靠语音助手让人们进行购物。事实证明，几乎 60%拥有虚拟助理的人都曾通过语音命令使用虚拟助理购物。语音商务销售额去年达到 18 亿美元，2022 年有望达到 400 亿美元。

据预测，到 2021 年，该技术的早期采用者已经重新设计了他们的网站，以支持语音搜索功能，他们的收入将增加 30%。

个性化和本地化

个性化是指根据搜索查询、浏览行为、购买历史和地理位置等数据，通过量身定制的推荐为每个客户创造个人体验的做法。

随着移动语音相关搜索的发展，个性化变得越来越重要，因为它们是基于本地搜索的三倍，例如“我附近的药店”。总体而言，22%的消费者表示，他们对目前获得的个性化水平感到满意。

个性化的主要好处之一是它可以帮助企业增加 15%的利润。这部分是因为 75%的顾客最有可能从一个能认出他们的名字并根据以前的购买推荐产品的零售商那里购买。实施个性化后，93%的公司看到转换率的上升。

尽管所有形式的个性化都很重要，但是本地化尤其重要。本地化是一种个性化，内容会根据客户的 IP 地址进行专门更改。

常识咨询公司的一项研究发现，75%的人希望用他们的母语购买产品，92.2%的人更喜欢在以当地货币标价的网站上购物。

全渠道营销

全渠道营销开发了一种多渠道的销售方法，允许客户通过几乎所有可能开发的渠道进行购买。在这一点上，大多数品牌不仅仅是在他们的网站上销售；他们在各种电子商务平台、社交媒体和实体店销售。

根据 Square 和 Mercury Analytics 2017 年对美国企业主的调查，品牌销售产品和服务的常见渠道包括:

实体店(56%)
网站(34%)
弹出式商店、活动和市场(26%)
脸书(25%，但在社交媒体上的整体份额为 40%，包括 Twitter 和 Instagram 等平台)
亚马逊(16%)
其他(22%；包括易贝、阿里、Etsy)

对你的公司来说，瞄准多渠道购物者尤为重要，因为他们的花费是单一渠道购物者的三倍。

Chatbots 🤖, voice/mobile 📱, and multichannel approach are the future of ecommerce marketing!Click to Tweet

摘要

通过了解使用电子商务的人口统计数据，以及推动电子商务公司收入增长的趋势，有可能开始进入数万亿美元的市场。

电子商务的强劲增长意味着，即使你的实体企业现在能够忽略它，到 2021 年，如果你拒绝适应这个越来越依赖移动设备的世界中不断变化的购买行为，你将很难适应。

你没有看到你最喜欢的电子商务统计数据或事实吗？在下面的评论区和我们分享吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

13 个可靠的电子商务策略，在 2022 年假日季节大幅提升销售额

原文：https://kinsta.com/blog/ecommerce-strategies/

假期即将来临:黑色星期五、网络星期一、感恩节、圣诞节。是一个接一个的事件！随之而来的是顾客的激增。你的网上商店准备好了吗？

今天，我们将与您分享一些独特的电子商务策略，您可以立即在您的网站上实施。希望你能在这里找到一些你以前没见过的东西，它可以帮助你准备你的网站在 2022 年假日季获得破纪录的销售额！

准备好开始了吗？

零售业继续消亡，电子商务蓬勃发展

黑色星期五和第三季度/第四季度的其他购物季传统上与实体店连锁有关。你可能会想象排长队和疯狂的顾客争夺有限的空间和资源。

但是越来越多的消费者选择呆在家里，避开潜在的暴力人群，转向网上商店购买节日商品。2020 年，黑色星期五创造了创纪录的 90 亿美元在线销售额，2021 年达到 81 亿美元，其中许多来自移动设备。对于实体店来说，他们的黑色星期五净销售额下降了 4%到 7%。随着整个世界开始更喜欢在智能手机上购物，这个数字预计只会增长。

在假期投资在线电子商务可能会为你的企业带来巨大的销售额。只关注你的实体店是一个巨大的错误。

而且不仅仅是在黑色星期五。由于销售额下降和来自亚马逊等在线卖家的竞争加剧，传统零售业中一些最大的品牌仅在 2017 年就关闭了 5000 多家店铺，亚马逊在 2018 年占据了 49%的电子商务销售额。2019 年将有超过 7000 家店铺关闭。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

当传统零售业继续消亡时，幸运的是，电子商务销售正在蓬勃发展！根据 2019 年 eMarketer 报告，美国零售电子商务支出将增长 13.2%，达到 1353.5 亿美元，并预测美国零售总额将首次突破万亿美元的假日季大关，增长 3.8%，达到 1.008 万亿美元。

Ecommerce holiday season sales growth

那么 WordPress 空间呢？

通常，当人们研究电子商务选项时，脑海中会出现两个大的选项: WooCommerce 和 Easy Digital Downloads 。这个市场也在快速增长。WooCommerce 的负责人 Todd Wilkens 估计，WooCommerce 商店在 2017 年的总销售额将超过100 亿美元，并表示这一数字可能高达 150 亿美元。Owler 目前估计其年收入为 120 亿美元，所以这些说法似乎是准确的。

看看 WooCommerce 和 Easy Digital Downloads 的内置数据也很有趣:

截至 2019 年 11 月，使用 WooCommerce 的网站数量已超过 380 万个，高于 2018 年的 220 万个。
截至 2019 年 11 月，现在有超过 43，000 个网站使用轻松数字下载，高于 2018 年的 40，000 个。

如果我们看一下谷歌趋势，我们肯定可以看到在过去五年中“WooCommerce”搜索词的稳步增长。不幸的是,“简易数字下载”仍然没有足够的市场份额在这里成为一个亮点。但请放心，两者每天都在抢夺更多的用户。

google trends

Google Trends for the term “WooCommerce”

许多人甚至没有意识到这两者实际上仍然只是 WordPress 的插件。因为它们实际上已经变成了成熟的电子商务解决方案。他们都有自己完整的生态系统，包括插件、扩展、支付网关、网络挂钩、在线社区等等。然而，受欢迎并不总是一件好事。由于任何人现在都可以轻松地推出自己的商店，在线竞争比以往任何时候都更难！

尤其是在这个假期，你将面临一些大的竞争，你的企业需要做好应对的准备。

13 个强有力的电子商务策略和技巧来促进你的假日销售

无论企业或团队的规模如何，每个人都在寻找更多的方法来优化他们的电子商务网站，并提高转化率。以下这些电子商务策略可以应用于大型网上 WooCommerce 商店，甚至是刚刚开始销售他们第一件优质产品的 EDD 小网站。

不管你的店有多大，你都需要为即将到来的顾客潮做好准备。希望下面的一些建议能让你在竞争中领先一点！

1.关注电子邮件

电子邮件营销是任何企业成功的关键。无论你是手动创建一份时事通讯，还是在大型活动中投入大量资金，任何规模的成功企业都做过一定数量的营销。

凭借 122% 的投资回报率，这里是投资的最佳去处之一。如此高的投资回报率意味着你投入的每一美元都会翻倍…甚至更多！另外，它很便宜，容易上手。全新的创业公司和长期运行的巨头都有充分的理由使用电子邮件营销。

另外，顾客喜欢它。欢迎邮件可以有高达 91%的打开率和 26.9%的点击率。想想有这样的数字的潜在商机。说服人们订阅你的时事通讯，并通过持续不断的特别折扣和优惠让他们参与进来，你就会建立起一个忠实客户的粉丝群。

随着这个假期所有客户的到来，确保你的电子邮件营销活动准备好接收他们。

自动化假日电子邮件活动

在疯狂的假日购物热潮中，自动化的电子邮件营销是绝对必要的。在 2018 年网络星期一奥运会期间，电子邮件带来了 24.2%的收入。换句话说，近 25%的流量可能来自电子邮件活动。

自动化基本上消除了电子邮件营销的所有工作。你所需要做的就是创建你的电子邮件模板，设置什么样的触发会导致电子邮件被发送给用户(经过的时间，购买的产品，注册，等等。)，并根据活动和人口统计数据定义用户群。请务必查看我们的指南如何开始使用 MailChimp ，这是最好的电子邮件营销工具之一(我们在 Kinsta 使用它)。你可以在这里阅读 Mailchimp 的替代品。

每当您的客户激活这些触发器时，该程序都会向他们发送电子邮件。想想看:这不是你想在假期手工做的事情。让自动化软件迎接新的季节性购物者，用折扣吸引他们，并在假期结束后锁定他们。

查看我们的综合列表电子邮件营销软件推荐，其中列出了每种软件的关键特性。你一定会在那里找到你喜欢的。或者，如果你想专注于夺回失去的用户，我们有一些特别适合废弃购物车恢复的建议。

回收废弃的购物车，并自动捕捉失去的销售

接下来的几个月将会是你不得不应对的最高弃车率。特别是在黑色星期五期间， 75%的购物车被丢弃。这是一笔巨大的收入损失！

到了假日季节，顾客可能会去各种商店看看，比较价格，看看每个人都提供什么。但是在新产品的热潮中，在他们的电脑上打开标签，他们可能会忘记他们在你的网站上装满的购物车。如果他们忘记退房，很有可能他们再也不会回来了。

你需要的是电子邮件营销软件，瞄准那些被遗弃的购物车并把它们带回来，所有这些你都不用动一根手指。

如果你需要一个与你的 WooCommerce 或 Easy Digital Downloads 商店配合使用的高质量电子邮件重定向工具，你可以尝试使用免费的 WooCommerce 扩展的废弃购物车 Lite ，它可以让你跟踪和恢复废弃的购物车，包括客人购物车，并使用可定制的模板对它们进行个性化设置。还有一个专业版，具有自动生成优惠券代码和高级分析等额外功能。

ecommerce strategies: abandoned cart lite settings

Abandoned Cart Lite

下面是一些公司使用这种策略的很好的例子，以及巧妙的信息传递。

abandon cart email

Easy Digital Downloads discount code

abandoned cart example 2

Fontspring discount code

abandoned cart example 3

An example of a Google Store discount code

时间是至关重要的，所以确保在假期，你运行一个更积极的购物车恢复运动。黑色星期五到网络星期一只有 3 天时间，所以不要担心一天发一封邮件给流失的客户。不要犹豫，提前推出那些有利可图的折扣。

下面是一个你可能为黑色星期五发起的活动的例子:

3 小时后自动发送一封标题为“[名字]，你忘了什么吗？”
1 天后自动发送一封电子邮件，标题为“我们仍保留您的物品，不要错过这个黑色星期五的折扣。”在这封电子邮件中，自动生成一个 15%的折扣代码。
3 天后自动发送一封标题为“立即完成交易，享受巨大的网络星期一折扣！”在这封电子邮件中，自动生成一个 20%的折扣代码。

在节奏较慢的 12 月购物季，你可以将邮件分散在 5-7 天内发送。

这种模式的最大好处是产品可以收回成本！你以前可能会失去这些客户，现在你可以为服务付费，同时获得更多的销售。

还有许多其他伟大的废弃手推车夺回服务也要考虑。Conversio 是你绝对应该尝试的。它会自动生成折扣券来迅速吸引用户的注意力。但其更好的功能之一是如何利用社交证明，提供客户截图和产品评论，以说服他们再试一次。这个社会证明给了他们 12%的回收率。

conversio abandoned cart recovery

Conversio

无论你选择什么工具来自动化你的假日电子邮件活动，那几个月都会带来许多浏览器和许多废弃的购物车。你将需要帮助重新吸引他们，这样的软件将是无价的资产。

2.利用你的电子邮件列表

如果你已经有一份时事通讯(这是金斯塔时事通讯)，是时候利用它来推动销售了。你的用户订阅你是因为他们忠于你的品牌，他们有兴趣看看你能提供什么。奖励他们大量的折扣和赠品。

如果你还没有建立简讯，现在就开始吧。随着季节性购物的到来，你仍然会让你的订户记忆犹新，所以这是整理电子邮件列表的好时机。

kinsta newsletter

Kinsta newsletter signup

每封邮件都应该有点击的动机。无论是提前获得销售价格还是可兑换的礼物，打开每一封电子邮件，你的参与率将会飙升。为您的订户提供独家优惠；这既是一种表达感谢的好方式，也是向那些还没有注册的人展示的东西。

创建一个清晰的电子邮件发送时间表，完全按照假期的节奏来安排发送时间。使用细分向最有可能点击它们的人发送报价。

mailchimp email segmentation

MailChimp segmentation

记住表现最好的黑色星期五主题行，这样你可以获得更高的打开率。你的主题是电子邮件中最重要的部分——糟糕的主题会被完全忽略。

因为你将会有大量的新访客涌入，记得优化那封欢迎邮件，并提供未来购买的折扣或其他礼物。你不想让数以千计的注册变成无效。不断激励他们参与你的品牌。

不要仅仅依赖随机的访问者。让这些促销邮件贯穿整个假期，利用你现有的邮件列表来获得更多的销售。

3.使用社交证明来促进购买

当消费者在进行倒计时销售时，他们没有时间做研究，但这并不意味着真实性对他们来说不重要。他们会选择一眼就觉得最可靠的公司。你需要一种快速沟通的方式，证明你是值得选择的商店。

让用户相信这一点的一个方法是使用社会证据。据维基百科:

社会证明是一种心理现象，人们假设他人的行为，试图反映给定情境下的正确行为。

你以前已经见过它的作用了。这就是为什么如此多的商店在首页展示推荐或者允许顾客评论产品。用户信任其他用户，所以知道人们从你这里购买往往足以让他们相信你的真实性。

72%的用户在阅读评论之前不会采取行动，根据同一来源，在线产品评论可以将其转化率提高 270%。人们希望在愿意购买之前看到其他顾客的反馈。

提示:带图评论已经被证明做的更好！下面是我们在 Kinsta 网站上使用的一个例子。请注意，我们不只是使用网站的照片，而是实际获得公司员工的照片。这给了它一种更加个人化的感觉，你可以与之联系起来。

social reviews

An example of reviews with pictures

你们中的一些人可能也听说过 FOMO 这个术语。这就是“错过的恐惧”。通过利用带有紧迫感的社交证明，你可以提高你的转化率！

FOMO 被定义为一种普遍的恐惧，即别人可能会有一个人不在的有益体验，其特点是希望与别人正在做的事情保持持续的联系。–科学指导

如果你想利用 FOMO，我们推荐 HollerWP 。这是一个很棒的线索生成工具，它有很多很酷的功能，比如 lightbox 弹出窗口和仿实时聊天，但展览的明星是销售通知弹出窗口。这些是完全可定制的，只要有人在你的商店购买产品，它们就会出现，从而让新访客相信你值得信赖，值得购买。是的，它完全集成了 WooCommerce 或简单的数字下载。

ecommerce strategies: social proof purchase 1

HollerWP

没有人喜欢最后一个参加聚会，如果他们看到在黑色星期五这样的活动中有大量的销售，他们会在你缺货之前迅速跟上潮流。

FOMO 的另一个例子是 24 小时网络星期一特卖，在你的网站上用倒计时钟做广告，并通过紧急邮件发送给老客户。再加上有限库存商品的进货信息，人们会争先恐后地结账。

HollerWP 由 Scott Bolinger 开发，他也创建了流行的 AppPresser 插件。我们喜欢来自致力于 WordPress 社区的开发者的插件，Scott 就是其中之一！其实我们也对他做了采访。

如果你喜欢 FOMO，你可能也想看看这个网站。它是由 IdeaBox Creations 开发的，目的是让网站所有者更好地利用社交证据。和 HollerWP 一样，它也集成了 WooCommerce 和简单的数字下载，可以显示客户购买的商品或限时优惠。

wpfomify

WPfomify

最后但并非最不重要的一点是，使用社交分享号来建立受客户欢迎的社交网络。盈利网站在他们的页面上做了一个 A/B 测试来确定这一点。他们实际上测试了一个没有计数器的按钮，一个有零股计数器，一个有超过 1000 股。你猜怎么着？拥有 1000 份股票的按钮的点击率比拥有零份股票的按钮高 60%。

social share 有一个关于社交分享证明和分享按钮的很棒的帖子。事实上，他们发现不显示股份数比显示低股份数要好。

我们为 WordPress 开发了一些最好的社交媒体插件，你可以在你的网站上使用它们来提高流量，分享和转化率。列出的大部分插件都有显示分享数量的能力。

请记住，社交分享计数不一定只是针对博客帖子，它们也可以用于你的 WooCommerce 和 EDD 产品！热门产品的份额统计可以让潜在客户知道这种商品可能很快就要卖光了。在 FOMO 的推动下，他们更有可能在失去机会之前拿起这个项目。

人们非常关心他们在社交媒体上的朋友和同龄人在购买什么。通过利用社交证明和社交分享，你会产生更多的兴趣。

4.提高优惠券/折扣的可见性

每个人都知道，在节日期间创造更多销售的一个好方法是创造促销活动以及优惠券或折扣。然而，很多电子商务网站失败的地方在于推广优惠券本身。

就像有了好内容一样，需要花时间推广！为了让你的优惠券吸引更多的眼球，一些小技巧也可以发挥作用。

我们最喜欢的方法之一是在你的电子商务网站顶部临时使用一个通知栏。你可以在你的假日促销期间运行这个。想出巧妙的信息来制造一种紧迫感，比如“限时九折”或者“从现在起到黑色星期五七折”。此外，让他们点击你的销售。

我们鼓励你运行你自己的 A/B 测试，但是你会惊讶于网站顶部产生的点击量！购买礼物的人也不会给予太多的关注；你可能正在进行闪购，他们需要尽快结账。但是 CTA 条很难被忽视，它让优惠券代码和假日公告等重要信息不容错过。

Perfmatters website

Perfmatters example

它也是非常轻量级的，不会因为额外的脚本和弹出窗口而使你的网站膨胀。

有几个简单的方法可以在你的 WooCommerce 或 Easy Digital 下载网站上添加通知栏。我们推荐以下插件，因为它们提供了简单的方法来定制通知栏的外观，创建 CTA 按钮/链接，以及创建过滤器和规则来决定何时何地显示通知栏:

简易通知栏:由 WPExplorer 开发，它提供了大量的功能，并且是 100%免费的！
WP 通知栏:由 MyThemeShop 开发。有免费版和高级版。
HollerWP :我们上面提到过这个插件。除了 FOMO，它还包括一个创建折扣标题横幅的方法。这是一个非常好的解决方案。

你也可以很容易地创建一个通知栏，就像上面截图中显示的那样，根本不需要任何插件。只需将下面的代码添加到您的 header.php 文件中，就在标签的下面。

<div id="dabar">Your website message.</div>

然后将下面的 CSS 添加到主题的样式表中。如果你的主题没有添加 CSS 的方式，你可以在 WordPress 定制器中添加，或者用一个免费插件，比如简单定制 CSS 和 JS 。

#dabar{
background: #2c3644;
color: #fff;
font-size:16px;
top: 0px;
left: 0px;
width: 100% !important;
padding: 10px 0px;
text-align: center;}
#dabar a {color: #ffffff; border-bottom: 1px dotted;}

你可以采取的另一种方法是实施一些人所说的“社会奖励”这是一种策略，你给客户的购买额外折扣，以换取脸书的股份或推文。

根据一项研究，54%的购物者会购买放在购物车里的产品，如果这些产品价格更低的话。所以给客户一个降低价格的方法。你得到了销售和一些免费的社会营销！

social sharing reward

Social Reward

这是一个不用动一根手指就能显著提高你在社交媒体上的参与度的好方法。你可能会看到，每个人都很乐意分享一些东西，如果他们能在购买时立即省钱的话。

这里有几个我们推荐的 WordPress 插件，可以帮助你在你的电子商务网站上实现社交奖励:

EDD 社会折扣

需要更多的想法吗？看看这些额外的 WooCommerce 推广技巧来推动更多的销售。不要让你的活动优惠券白白浪费——好好营销它们，你会带来数百名感兴趣的顾客。

创建大量节日和季节性优惠券

你知道假期到来时的惯例:市场上的每家商店都提供可笑的交易，如“高达 95 折”。拒绝降价的商店将会错过很多客流量，因为几乎可以肯定别处有更好的价格。

ecommerce strategies: huge sales

Coupon example. (Image source: WPExplorer.com)

现在是时候来一次大促销了。巨大的折扣，免费礼品卡，忠诚度积分计划。尽你所能引起兴趣并推动销售。

当然，你需要在实际上放弃你的商店和由于缺乏折扣而失去很多顾客之间找到一个平衡点。但是，即使你不打算让你店里的所有东西都打五折，至少制作一个像样的优惠券代码并通过各种渠道传播也是一个好主意。

promote coupon

A Coupons.com tweet

节假日是创造大量优惠券以鼓励销售的好时机，但是如果没有人看到它，它就没有多大用处。花点时间在社交媒体上做广告，在你的网站上醒目地展示，给你的时事通讯收件人发邮件，告诉他们这笔大买卖。

记得使用 FOMO，并提醒他们这种优惠券是暂时的。给你现有的订户送一张精美的礼品卡，吸引他们，如果他们在 Twitter 上宣传你，下次购买时还会有更大的折扣。

5.利用代销商促进假日销售

任何时候开始会员制计划都不算晚。联盟营销实际上是为自己买单；你的分支机构在他们的社交媒体和网站上发布链接，当你获得点击或销售时，你向他们支付费用。这样，你只有在潜在客户感兴趣的时候才会付钱。在大型促销活动期间，这可能会带来相当大的流量。

即使你在最后一秒推出了你的联盟计划，一个大的优惠券代码也可以在网上人群全面涌入之前成为一个有效的激励因素。利用你的代销商为特殊产品或大减价做广告，为你的网上商店增加流量。给他们你创造的大量优惠券代码，你肯定会看到人们涌入使用它。

这几个月是你的联盟营销计划的关键时刻。给你的分支机构一个赠品，折扣代码，或礼品卡，看看你的流量迅速上升。

推出加盟计划

加盟计划是一个很好的方式，可以迅速让你的品牌或产品的话。大家都知道口碑是提高销量的最好方法之一，而联属营销可以看作是口碑的一种形式。联盟计划可以为公司带来高达 30%的收入。

Kinsta affiliate dashboard

然而，AM Navigator 的另一个有趣的事实是，在大多数代销商项目中，只有 10%的代销商负责 90%的活动。这很可能是因为你会让很多人带着赚钱的想法或梦想签约，但事实上，他们永远不会坚持到底。

通常情况下，大多数电子商务网站的代销商销售额来自少数高质量的代销商。肯定有好的代销商和坏的。

但这不应该阻止你前进。立即启动联盟计划的最好理由之一是它是免费推广！运行 it 通常不需要或很少需要成本，除了一些时间。让博客帮助传播你的品牌或产品。

随着时间的推移，当你与行业中产生大量流量的更高权威人物发展关系时，你真的可以磨练这一点。

我们在金斯塔有一个会员计划，可以免费加入！我们有全职开发人员，所以我们从头开始创建我们的仪表板和整个系统。查看我们的顶级联盟营销技巧！

然而，对大多数人来说，这是不可能的，因为外包或时间的成本。在这种情况下，我们强烈推荐 premium AffiliateWP 插件。

AffiliateWP

AffiliateWP 与 Easy Digital Downloads 由相同的开发人员创建。但是不要担心，它在 WooCommerce 上也很好用！如果你担心它的复杂性，不要担心。我们已经自己设置了多次，你可以在几分钟内接受新的会员。

查看我们的行之有效的技巧，增加你的代销商销售额。

6.尝试推送通知

如果有一个电子商务战略被分享到死，它可能是“钱在清单上”。不要误解我们，你应该在客户购买时获取他们的电子邮件，因为这是一种与他们沟通的低成本方式。

创建简讯或产品订阅是吸引回头客的好方法，但请记住，在添加任何人到任何类型的定期电子邮件营销简讯之前，你需要得到许可。向人们发送不请自来的广告是将垃圾邮件列入黑名单的好方法，所以只向有意愿的客户推销。

有几个简单的插件可以用来将你的电子商务清单推送给你最喜欢的电子邮件营销软件:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

电子邮件营销可能会非常成功，但推送通知也取得了广泛的成功和高参与度。

推送通知是出现在浏览器中的弹出窗口，直接发送到手机的消息，或者出现在应用程序中的提醒。由于其直接的性质，客户更有可能与他们接触。

onesignal push

Push notifications

让某人启用推送通知需要更多的说服力，但是你的推送用户是你最忠实的用户之一。不像那些可以几天不读的邮件，它们在你发出提醒的那一刻就能立即察觉。

您还可以随时发送预定义的消息，这就是它真正强大的地方。您的客户可以获得即将开始的大减价的最新信息，或者他们看过的降价产品的最新信息。查看我们关于如何在您的网站上安装推送通知的深入指南。

如果你还没有使用推送通知，那你就错过了！记住，即使你没有订阅通知，也不意味着你的访问者就是这么想的。永远不要想当然地认为，在营销你的电子商务网站时，测试是获得具体数据的最佳方式。

我们过去使用过 OneSignal ，我们强烈推荐它用于任何在线商店，无论规模大小。它可以向手机、网络、应用程序和电子邮件发送通知。定价从免费开始，有无限的通知，多达 30，000 网络订户，和无限的电子邮件订户。完全没有理由不去尝试一下。

我们在一个全新的网站上添加了一个信号，在不到 48 小时的时间里，我们有超过 140 个推送通知订阅者(见下文)。

onesignal push notification dashboard 1

OneSignal

在使用 OneSignal 不到 3 个月的时间里，它已经是我们排名第三的有机流量来源！我们得到了非常一致的流量峰值，这与我们的内容发布相吻合。随着我们 OneSignal 用户群的增长，我们的流量也在增长。您可以在我们的 OneSignal 案例研究中看到更多统计数据。

traffic from push notifications

Some stats from our OneSignal case study

虽然推送通知往往用于博客内容，但你也可以轻松地发送关于新的电子商务产品或你正在进行的假期大减价的通知！请记住，你需要一个推送计划，就像你需要一个电子邮件营销计划一样。

重要的是，你不要发送太多的提醒，以避免打扰用户，你发出的东西需要优化，以最大限度地提高打开率。

人们也会对个性化反应良好，OneSignal 可以对其用户群做到这一点。根据行为、设备和位置进行个性化，人们会更感兴趣。

在进入下一个策略之前，我必须说:这个方法对一些店主来说有点太麻烦了。尽管如果实现得好的话，推送通知会有很大的帮助，但是有些用户并不喜欢推送通知。最好是测试一下它在规模较小、影响力较低的活动中的表现。把你的大实验留到假期结束后。

7.在社交媒体上推广

黑色星期五及其后的几个月在社交媒体上很受欢迎。每个人都在谈论销售和炒作，这是你加入的好时机。推出优惠券，宣传你的促销活动，让人们谈论你的品牌。

首先，你需要一份假期社交媒体营销计划。创建一个社交媒体日历,准确地列出你将在哪天发布什么，尽早把它写出来，并充满多样性。在促销和赠品之间，通过提问和投票来吸引社区。今天是假期，所以要开心点！

An image showing a HubSpot social media calendar

HubSpot social media calendar

记得回复任何提及你品牌的人。总是在 Twitter 和脸书上分享积极的反馈，尤其是来自在这个领域拥有大量追随者的有影响力的人。它能够也将会为你的企业带来新的商机和销售。考虑采用一种影响者策略来获得一些大曝光，并确保你的分支机构在他们的社交媒体页面上放置链接。

以下是我们收到并再次分享的关于 Kinsta 的反馈的几个例子。

Joe from WPbuff.com

Julien from Craftpeak & Roots

在大型节日促销期间，人们会在社交媒体上寻找最划算的交易，积极的社交证明可以将他们直接推向你的商店。尽你所能让人们谈论你的品牌。

利用产品搜寻

这种电子商务策略确实更适用于新企业，但如果你正在推出一种新产品，也很容易奏效。而那就是利用产品猎取！

我们一次又一次地看到这项工作。这会带来巨大的流量，尤其是当你成为每日产品的时候。以 Draftsend 为例。这是最近在产品搜索上发布的一款新产品，引起了轰动！他们仅在 24 小时内就收到了 900 多张赞成票。

product hunt example

Product Hunt

你几乎可以保证这导致了他们产品的大量注册和关注。最棒的是，你可以免费在产品搜索中列出你的商品。这绝对是你应该引入你的在线电子商务战略向前发展。

这可能有点像 Reddit 的赌丨博，因为你不知道你的产品是否会在那里起飞，但你可以做一些事情来提高你的胜算。查看关于如何开始寻找产品的完整指南。

8.考虑托管

预计今年会有大量顾客涌入？如果你还没有，你真的应该考虑让托管。如果你的网站在一次大抢购中宕机，可能会对你的销售产生灾难性的影响。托管主机配备了处理大量并发访问者的系统，以及管理资源和减少压力的专业知识。

一个快速的主机和网站在高流量的季节期间变得更加重要，在这期间你的网站将会承受很大的负载，同时，你还要应对激烈的竞争。如果你坚持不住，你肯定会失去销售。如果客户甚至不能快速完成交易，他们会很快将业务转移到其他地方。

我们在 Kinsta 提供应用托管、数据库托管和托管 WordPress 托管，即使在重负载时也能实现高速运行。

我们的架构经久耐用，完全可扩展以满足您的流量需求。我们每 2 分钟检查一次您的正常运行时间，如果出现问题，我们的快速支持将帮助您解决问题。

kinsta features

Kinsta features

你知道 40%的用户会放弃一个加载时间超过 3 秒的网站吗？2018 年假日季，移动端占电子商务流量的 66%。假期可能会让人们更加不耐烦。你需要保证闪电般的加载时间，否则你可能会失去客户。

如果你担心你的主机可能不具备处理所有你期待的访客的能力，托管可以消除你的这种担心。我们会处理一切，这样你就可以专注于经营你的商店。

当客户开始涌入的时候，你的网站有崩溃的趋势吗？许多系统在一年的大部分时间里都是完全可持续的，但就是无法应对假日高峰。为一年中除了两三个月之外没有使用的资源付费是一种浪费。

Kinsta 的计划由可扩展的虚拟机提供支持，这些虚拟机能够处理偶尔出现的流量高峰，但如果你知道即将发生的大事件会使你的网站变慢，请查看我们为处理大流量激增而设计的临时专用服务器产品。我们可以保护你的网站不崩溃，直到你的大拍卖结束，一旦结束，你不需要继续为资源付费。总的来说，你赢了。

不确定是否需要？你可以尝试像 loader.io 这样的负载测试，看看你的网站在高流量下如何支撑。想象一下，如果你的网站连压力测试都经受不住，在黑色星期五或网络星期一会发生什么。如果它在挣扎，相应地计划并暂时增加你的资源。

9.减少加载时间

虽然减少加载时间对任何人来说都不是什么新鲜事(这是我们关于如何加速你的网站的大量指南)，我们把它包括在内，因为它可能是你能为你的电子商务商店做的最重要的优化！

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗？Kinsta 提供所有这些服务，并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

我们有很多 WooCommerce 和 Easy Digital Download 客户端来找我们，因为它们以前的主机速度太慢或无法承受负载。毫无疑问，你的电子商务网站的速度与转化率和用户互动有着直接的关系。以下是一些快速统计数据:

全球速卖通在一次演讲中透露，通过减少 36%的页面加载时间，他们的订单增加了 10.5%，新客户的转化率增加了 27%。
在渲染时间提高了 68%，页面重量提高了 46%，加载时间提高了 64%之后，Ancestry.com 的转化率提高了 7%。
波特发现，每过一秒，你的网站转化率就会下降 2-4% 。
根据谷歌双击的研究，53%的移动网站访问在 3 秒钟后被放弃。

WooCommerce 站点要求特别高，因为它们会产生大量数据以及无法缓存的请求，这意味着你需要强大的 PHP 和数据库资源。在选择 WooCommerce hosting 时，重要的是你要使用一个基于容器的主机，它是为可伸缩性和独立资源而构建的。

当你运行一个要求很高的电子商务网站时，你可能会考虑转向托管平台。把你的主机交给合适的人可以极大地优化你的速度，减少你的加载时间。一个知道自己在做什么的托管主机可以让一切变得不同。

说到高流量的网络商务网站，这是我们在金斯塔的专长。我们知识渊博的支持工程师逐个研究每个案例，并习惯于与各种设置合作，从大型 WooCommerce 解决方案到小型 EDD 商店。

以前，我们帮助 DartDrones 等公司准备他们的 WooCommerce 网站，以应对他们在热门电视节目《鲨鱼坦克》中出现的大量流量。

不出所料，他们的流量在东部时间晚上 8 点左右暴涨(如下图所示)。在播出后的 6 小时内，总共有 1，263，233 个请求，使用了 2 TB 的缓存带宽，只有 3 GB 的未缓存带宽。我们能够提供 100%的正常运行时间，同时提供比他们之前的主机更快的页面加载时间。

shark tank traffic 1

Data transfer analytics

以下是 Kinsta 进一步寻找电子商务网站性能和功能之间的完美平衡的几种方法:

快速的服务器级缓存和规则确保了 WooCommerce 和 EDD 的正常运行。
如果需要，能够在更高的计划上提供额外的 PHP 工作人员。额外的 PHP 工作器允许多个请求同时执行。
默认情况下，某些 WooCommerce 和 EDD 页面，如 cart、my-account 和 checkout，被排除在缓存之外。
当检测到“woo commerce _ items _ in _ cart cookie”或“edd_items_in_cart”时，用户会自动绕过缓存，以确保顺利和同步的结账过程。

我们还利用 Kinsta APM 来帮助客户轻松诊断可能导致其网站异常加载时间的原因。通常这可能来自第三方插件、缓慢的查询或糟糕的代码。

Kinsta APM Tool

除了转移到一个快速的主机，还有很多其他的优化可以减少你的加载时间。以下是您可以采取的一些附加步骤:

根据 HTTP Archive 的数据，图片平均占网页总权重的 66%。由于产品目录的原因，这通常在电子商务网站上更糟糕！所以优化你的图片是必不可少的。
卸载并缓存附加文件，如 MP3、pdf 等。
利用内容交付网络 (CDN)在全球范围内快速交付您的资产。在我们的测试中，各大洲的网站页面加载时间减少了 50%以上。
在您的站点上实现缓存。我们在服务器级别为客户端处理缓存，但是如果你的没有，你可以安装一个缓存插件，比如 Cache Enabler WP Rocket 。
禁用和限制不需要的脚本，以确保更快的页面加载时间。WooCommerce 因收到来自(wc-ajax=get_refreshed_fragment)的 AJAX 请求而闻名。你可以确保它只加载在 WooCommerce 页面上，而不会拖累你网站的其他部分。你可以使用像 perfmatters 这样的高级插件，只需点击一下就可以做到这一点，或者深入研究我们关于如何在每页/每篇文章的基础上禁用脚本和插件的深入教程。
优化你的数据库。如果您的数据库太大，有数千个表，它会降低您站点上的查询速度。我们总是建议限制你的帖子修订，删除旧的，清除瞬变，将表格从 MyISAM 转换为 InnoDB ，以及清理你的 wp_options 表格。
努力降低你的电子商务网站的时间到第一个字节( TTFB )。
正确地诊断和修复任何高 Admin-AJAX 使用率。

别忘了手机！每年越来越多的流量来自移动设备，谷歌现在正在运行其移动优先指数。

还要注意的是:并不是每个人都在使用 4G 这样的快速连接。重要的是装载时间要快，这样你才不会失去客户。在你失去他们之前，你有三秒钟的时间来留下印象，所以不要错过潜在的销售机会。

以上所有的建议也将帮助你提高移动速度，或者你可以在你的网站上测试谷歌放大器。AMP 提供了一种以闪电般的速度提供当前网页精简版的方法。一些大的电子商务网站已经在使用它，并看到了巨大的成果！

我们在我们的网站上尝试了 Google AMP，但结果并不令人满意。而且目前没有 SEO 优势(暂时)。您可以在我们的案例研究中了解更多信息。然而，每个站点都是不同的。

所以我们总是建议在你自己的网站上测试。尤其是当你的网站被广告或第三方脚本所困扰的时候。AMP 可以真正让你受益，在某些方面，加速优化过程！在这个新的领域，新的插件不断涌现。这里有几个例子可供参考:

AMP WooCommerce
WP 放大器
weeblrAMP(包括 WooCommerce 和 EDD 支持)

10.简化、优化和安全

节假日是你销售的关键时期，他们会带来一批不寻常的顾客。在季节性大减价期间，人们会比平时更不耐烦。现在是时候优化你的网站设计，增加一些可以加速购买过程的功能了。

为了获得最佳效果，请简化一切，使您的产品页面尽可能易于访问。过于复杂的用户界面会让顾客失去兴趣。

移除或重新放置任何对你的销售漏斗没有贡献的东西，突出显示指向你的促销和产品页面的链接。使用图像和横幅链接来吸引眼球。确保您的导航不再混乱并且出行方便。

另外，考虑简化你的导航菜单。使搜索栏和你的核心类别易于查看和访问，并确保“添加到购物车”按钮在他们到达你的产品时易于到达。消除混乱，使用巧妙的网页设计来突出你的商店区域的链接。

从你的主页，用户应该能够开始浏览一个类别，选择一个产品，并添加到他们的购物车在 3-5 次点击或更少。

你可以在网上得到最优惠的价格，但是如果你的网站是一个导航的噩梦，你将不会得到任何销售。

不要忘记采取额外的安全措施。这是攻击者试图窃取用户信息的黄金时间，因此您需要确保您和您的客户得到保护。

备份你的网站，现在就做。
更新你的主题和插件。过时的扩展是 WordPress 被黑的主要原因。
将你的 PHP 升级到最新版本。
如果你正在接受敏感的客户信息，你应该已经有了一个 SSL 证书。
投资安全托管以防止服务器漏洞。
保护您的管理员登录(将您的用户名改为“admin”并选择一个包含大写、小写、符号和数字的密码)并使用双因素认证。

你可以采取很多更高级的步骤，所以看看我们的WordPress 安全指南和电子商务欺诈防范。

消除结账过程中的障碍

人们总是匆匆忙忙，比 10 年前多了很多。因此，消除结账过程中的任何障碍可以极大地增加你的销售额。如果结账是一个五步流程，他们会放弃购物车。

根据一项研究，如果不得不创建一个新的用户账户，23%的用户会放弃他们的购物车。太多了！这里有三个建议。第一个是为新客户创建一个客人结帐。

通过这种方式，他们可以快速地将产品添加到购物车，购买，然后上路。在很多情况下，你仍然可以为他们创建一个帐户，它只是自动生成，而不是提示他们所有的信息。这样，当他们有更多的时间时，可以通过电子邮件重置密码。

在 WooCommerce 中，您可以在“结账”标签下启用客人结账。在轻松数字下载中，客人结帐实际上是默认启用的。

guest checkout

Enable guest checkout in WooCommerce

第二个建议是利用社交登录进行结账。出于安全考虑，一些客户可能不喜欢这样，而另一些客户可能对此没有意见。最棒的是，你可以同时提供这两种服务来加快每个人的结账过程。

官方 WooCommerce 社交登录扩展由 SkyVerge 开发。还有社交登录扩展，方便数字下载。

woocommerce social login extension

Social Login for Easy Digital Downloads

而第三个建议是给那些有实物的，那就是去掉那些运费！根据同一项研究，如果出现意外的运输费用，28%的购物者会放弃他们的购物车。

因此，最好的建议是，要么从一开始就告诉他们运费是多少，要么想出一种方法来给你的产品定价，包括运费。你有没有试过免费送货，看看它如何影响你的转换？

你也可以完全跳过冗长的结帐过程，使用插件实现更快的结帐系统。你可以通过一个立即购买按钮在简单的数字下载中做到这一点，或者尝试一个 WooCommerce 扩展，压缩产品和结账页面或者为注册用户提供一键结账。

11.测试一切

这个很简单，但是很多人都忘记了。浏览你的网站，点击所有内容。仔细阅读每一页，点击每一个链接，浏览你的关键文本，测试你的导航。注册一个帐户，将产品添加到您的购物车中，并在点击“购买”之前停止测试结账。

忽视这一步是很常见的，但是你会惊讶地发现这么做有多少小问题。这里有一个断开的链接或一个的打字错误，那里有一个购物车的小故障……你想要尽早测试，以便有足够的时间来纠正任何问题，然后在你的第一次季节性促销即将推出之前再次测试。

自己测试，在多种设备和浏览器上测试，也请朋友测试。即使你什么都没发现，如果你发现了一些会损害许多客户体验的东西，你也会觉得很幸运。

利用 A/B 测试

当谈到电子商务策略时， A/B 测试应该总是排在列表的最前面。这是许多营销人员讨论的事情，但通常很少有后续行动。如果你在网上销售产品，底线是你应该不断地运行 A/B 测试。

把这变成一个每周或每月的习惯，你应该能够看到你的销售，点击率，网站时间，甚至搜索引擎优化的改善。

ab testing nelio

A/B Testing example with Nelio

A/B 测试，也称为分割测试，本质上是在面对面的场景中让两个页面元素相互竞争，告诉你读者对哪个元素的反应更大。例如，如果你想测试一个新的产品标题，你可以设计两个相同的网页，使用不同的标题，将流量导向每个网页，看看哪个标题会带来更多的页面浏览量、停留时间、更高的转化率等等。

然后你只需拿走获胜者，冲洗并重复这个过程。还有其他类型的测试，比如多元测试。

在大销售前的几周和几个月里，A/B 测试变得尤其重要。你要准备好保证为你赢得最多转化率的元素。

假期考 A/B 要小心。在流量激增时运行测试是可行的，但这往往会扭曲数据。客户往往行为不规则，许多不是你的目标受众，你的其他销售活动可以人为地夸大紧迫性。

假日 A/B 测试是快速获得大量结果的好时机，但是一旦事情平静下来，您需要运行相同的测试，否则您可能会因为数据失真而最终实施实际上损害您业务的更改。

这里有一些我们推荐的最好的 A/B 测试插件和工具。大多数，如果不是全部的话，都集成了 WordPress，可以用来运行你的 WooCommerce 和/或 Easy Digital Downloads 商店的 A/B 实验。

并且记住没有 A/B 测试是太小的！Brian Massey 进行了一项研究，他对电子商务网站导航进行了 A/B 测试。

他发现，你在主导航上使用的词语可能比主导航的工作方式更能影响你的访问者。例如，他将导航项目“产品类别”替换为“商店产品”,发现整个网站的转化率下降了 13%。

如果你能简单地改变一个词，并看到更多的销售，这不是很好吗？嗯，很可能就是这么简单。没有办法知道，除非你 A/B 测试，然后 A/B 测试更多。

12.使用实时聊天即时联系

发送一张支持票并等待某人回复需要很长时间。当顾客争先恐后地购买礼物，以免为时过晚时，他们就不会为这个繁琐的过程而烦恼了。

但是如果你的网站包含了即时快速的实时聊天，那就完全不同了。如果客户有问题，他们更有可能联系你，然后完成销售。如果你没有任何方法可以立即取得联系，他们有可能会弃船。

在 eMarketer 的一项研究中， 62%的用户表示他们可能会回到提供实时聊天的网站。为什么？因为客户喜欢知道他们可以马上得到答案。对销售有帮助吗？当然了。

Drift 能够简单地通过在他们的网站上进行实时聊天，将他们的呼入销售线索增加 200%。

从金斯塔的第一天起，我们就开始使用对讲机，它对我们来说非常有效。Intercom 为我们提供了一种简单的方法，将聊天和支持票证(如下所示)集成到我们的控制面板中，这样客户就知道我们随时随地都是一键操作。

尽管如此，直到今天，我们还是得到了对我们的聊天解决方案印象深刻的客户的称赞。您可以根据自己的情况决定是只让已登录的客户访问聊天，还是让所有人访问。我们建议测试这两种方法！

Intercom at Kinsta

At Kinsta we use Intercom

值得庆幸的是，由于聊天解决方案和插件的工作方式，它们几乎都支持 WooCommerce 或某种形式的简易数字下载。以下是我们推荐的几个例子:

如果你正在寻找更多的比较，不要错过我们关于 WordPress 的 11 个聊天解决方案的深度文章。

不要因为你没有给人们一个简单的联系方式，就让销售从你的手指间溜走。实施实时聊天将帮助您跟上购物者的快节奏。

13.通过营销自动化保持买家回头客

当您处理成千上万的并发用户时，您需要一种方法来简化推荐产品、跟踪销售和应用激励性折扣的过程。如果你在顾客紧张的假日购物期间给他们无缝的体验，你可以肯定他们会回来。

通过采用营销自动化和人工智能将更多的客户转化为收入，你可以将你的电子商务网站提升到一个新的水平。如果你有网上商店，我们建议你去看看。

这让你基本上把你的商店类固醇，并采用行之有效的营销策略，点击一个按钮，如推荐有针对性的产品添加到购物车。

target recommend

Beeketing

Beeketing WordPress 插件有超过 700 条评论，令人印象深刻的 5 星评价。以下是它们包含的一些其他令人惊叹的功能，可以真正微调您的商店:

在产品页面上添加销售倒计时钟和低库存指示器，以制造紧迫性和稀缺性。
在移动网络版:当用户浏览时，在顶部或底部增加一个立即购买按钮。
追加销售和交叉销售相关产品(支持手动产品选择和自动推荐)。
捆绑经常一起购买的产品，并以折扣价出售。
销售游戏化:激励客户花费更多以达到购物车价值阈值并获得奖励折扣。
如果客户完成订单，提供购物车级别的折扣、免费送货或免费礼品。
结账后追加销售更多产品以吸引重复购买(提供优惠券以激励)。
发送购物车& 浏览废弃邮件。
展示有多少人查看并购买了产品，以建立社交证明。

你也应该努力接触假日购物者。黑色星期五、网络星期一和 12 月的庆祝活动往往会带来巨大的收入增长。但是你的许多新客户只是暂时在这里利用你的大优惠，他们不打算逗留。

但是你已经抓住了他们的兴趣，并让他们中的许多人注册了一个帐户。这是一个留住大量新客户的巨大机会。不要让它溜走。

诀窍是说服他们在正确的时间重新与合作。人们往往会在圣诞节期间花很多钱，所以过早开始的活动可能无效，但如果太晚，你可能会完全失去他们的兴趣。时机至关重要。

然而，你要为你的下一次晋升安排好时间，让球滚动起来，并在新的一年里一直运转下去。在最初的几个月里，让一个大事件进行下去。它可以重燃人们的兴趣，带回那些在季节性购物期间对你的品牌有过良好体验的顾客。

一些更小的重新吸引假日顾客的方法是给他们回头客优惠券，要求他们评论以换取一些东西，或者使用自动化推荐与他们购买的产品相似的产品。这是一个很好的方法，可以伸出手，提醒他们你的存在，同时给他们回来的动力。

有了正确的策略，一年中最后几个月新访客的激增不一定是暂时的。这是吸引一些永久顾客并把他们变成你商店的忠实长期粉丝的好时机。

The holiday season is approaching and you need to capitalize on it. Get these 13 solid ecommerce strategies to grow your sales! 🎅🤖🤑Click to Tweet

摘要

在假期到来之前，你能负担得起的每一个小小的改变都可能带来不同。这是一年中你销售最多的时候，但是你需要准备好适应新客户的涌入。用正确的方法，你甚至可以说服他们留下来。

但你必须给人留下好印象。如果你的网站很难使用，优化很差，并且不断下降，你可能会赶走新的长期客户，也会让你现在的客户失望。确保你的 WooCommerce 和 Easy Digital Downloads 商店准备好了，不要磨蹭:你可以肯定你的竞争对手不会！

我们错过了什么重要的提示吗，或者你有其他独特的提示可以分享吗？我们希望听到一些电子商务网站的所有者。欢迎在下面留下你的评论。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年十大替代元素

原文：https://kinsta.com/blog/elementor-alternative/

当建立一个新网站或改变现有网站的设计时，使用页面构建器插件通常是有效的。这些工具不需要任何编码，而是提供简单的页面编辑工具来加速开发过程。 Elementor 是最受欢迎的选择之一，但其高昂的价格可能会受到限制。

幸运的是，有许多替代方法可以用来代替 Elementor。许多第三方页面生成器可以针对您的特定设计目标，同时保持成本效益。即使没有 Elementor，您也可以获得构建漂亮网站所需的功能。

查看我们的元素或替代品视频指南

在这篇文章中，我们将解释什么是 Elementor，以及为什么你可能想要一个替代品。然后，我们将提供一个其他十个页面生成器的列表来代替使用。我们开始吧！

元素或的介绍

如果你是网站制作的新手，你可能会担心网页设计是一个复杂的过程。在页面生成器出现之前，这是一个可以理解的问题。没有必要专业知识的网站所有者通常不得不依赖雇佣的开发人员来编写功能性网站。

然而，现在任何人都可以使用页面生成器来设计一个漂亮的网站。页面生成器是一个 WordPress 插件，它可以让你通过简单的拖放元素到页面上来编辑你的站点的外观和布局。使用正确的页面生成器，你可以在你的网站上添加任何东西，从文本和图像到社交媒体图标和联系方式。

虽然有很多页面生成器可以使用，但是element 或是一个流行的选择。它的拖放式实时编辑器让您可以完全控制您的网页设计:

Elementor homepage

Elementor

即使是 Elementor 的免费版本，你也可以访问 40 多个现成的小部件和一个完整的模板库。 Elementor Pro 提供了更多高级功能，如主题生成器和 100 多个小工具。

Elementor 是一个有效的页面构建工具，但它不会适合每个人的需求。尤其是如果你需要一个以上的许可证，Elementor Pro 计划可能会很贵。另外，它可能不会针对你的特定主题进行优化。当这些问题出现时，找到一个替代工具是有益的。

Elementor is one of the most popular page builders, but its high prices can be limiting. 🙅See 10 great alternatives in this post ✅Click to Tweet

在元素或替代品中寻找什么

因为你想找到满足你需求的最佳设计软件，所以回顾所有可能的选项是很重要的。为了有效地做到这一点，你必须知道你在寻找什么。

以下是选择元素或替代元素时需要考虑的一些因素:

性能:页面构建器应该响应迅速、可定制、速度快。
用户评论:你会想看看其他网站所有者，以你的经验水平，是否发现某个页面生成器易于使用且功能强大。
易于使用的特性:寻找一个简单的拖放界面和各种各样的小工具。
价格:评估定价等级，并与免费版本(如果提供的话)进行比较。

最后，评估你当前的主题很重要。虽然一个高质量的页面生成器应该可以很好地处理大多数主题，但是有些主题被设计成可以很好地处理特定的页面生成器工具。

2022 年十大替代元素

为了帮助你为你的网站找到最好的页面生成器，我们编辑了一个最佳元素或替代物的列表。这些是一些定制网页设计的顶级 WordPress 插件，无论你是仅仅改变你的主页还是改变你整个网站的外观和布局。

每个页面生成器都是不同的，但是大多数都有相似的安装过程。当然，你在网站上添加的每一个新插件都意味着更多的复杂性和管理额外软件更新的需要。

在 MyKinsta 仪表盘中，你可以通过执行批量更新、备份和故障排除来管理你的插件和主题。这样，您可以使用正确的页面生成器，而无需改变您的网站管理流程。

1.红利

Divi page builder

Divi

可用的最佳元素或替代品之一是 Divi 。这个页面生成器提供了一个完整的设计框架，你可以用它来定制你的整个网站。所有经验水平的网站所有者都可以从 Divi 易于使用的拖放界面中受益。

在与 Elementor 的对比中，Divi 提供了类似的设计元素，比如预制的模板。但是，您可以访问 800 多个模板和 100 个布局包。如果您不想从头开始构建自己的布局，这可以为您提供更多选择。

另外，Divi 可能是开发者和营销人员的更好选择。它包含内置的 A/B 测试，而 Elementor 需要第三方工具。有了这个高级特性，Divi 可以让您在发布不同模块之前测试它们的有效性。

主要特性:

拖放式实时编辑器
40 多个模块和 800 多个预制设计
能够保存自定义设计以供重复使用
全局元素和设计设置
可定制的 CSS

价格:要开始使用 Divi，你需要购买一份年度计划，起价 89 美元。这可能是 Elementor 的更好替代方案，因为没有站点限制。

2.海狸建造者

Beaver Builder plugin

Beaver Builder

使用 Beaver Builder ，您可以访问快速且用户友好的界面，使您能够快速构建和定制您的网站。由于其干净的编码和可靠的更新，Beaver Builder 是一个开发人员友好的页面生成器。

使用 Beaver Builder 的好处之一是它的实时前端编辑。您可以在进行修改时查看修改，而不必预览每个编辑。虽然 Beaver Builder 提供的布局比 Elementor 少，但它有更多样的选项。这可以帮助您为任何类型的网站(包括博客和电子商务网站)构建登录和内容页面。

主要特性:

拖放前端生成器
图像、文本、视频、按钮等内容模块
能够保存模块、模板和行
全局设置
添加 CSS 类和 id 的选项

价格:Beaver Builder 开发者提供免费版本，而的付费计划第一年起价为 99 美元。像 Divi 一样，即使是最便宜的计划也支持无限的站点。

3.茁壮成长建筑师

Thrive Architect page builder

Thrive Architect

Thrive Architect 的开发者想要创建一个不会浪费你时间的页面生成器。使用它的前端编辑器，您可以快速实现新的设计功能，而不会将您的注意力从业务上移开。

作为企业主，Thrive Architect 可以让您创建一个产生新线索的网站。通过以转换为中心的元素，你可以用动作按钮、倒计时器、联系表单等等吸引访问者。此外，通过使用预先设计的专业登录页面，您可以将更多时间用于发展业务。

主要特性:

前端编辑器
“点击编辑”模块
319 个预建的登录页面
以转换为中心的构建模块
自定义 HTML 块

价格:茁壮成长建筑师订阅计划每年 97 美元起。这个基本计划涵盖了一个网站，但包括数百个页面模板和初学者教程。

4.氧

Oxygen page builder

Oxygen

与这个列表中的其他页面构建者不同， Oxygen 是你整个网站的视觉设计者，而不是特定的页面。使用此选项可以让您更好地控制站点的外观，从页眉到页脚。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

在建立网络商务业务时，氧气尤其有用。它提供了 20 多种电子商务元素，因此您可以定制商店的任何部分，包括商店页面、单个产品和结账页面。

主要特点:

拖放编辑器
数百个设计模块
27 种动画类型
全局颜色
Flexbox 和 CSS 网格

价格:所有氧气计划都有一次性付款计划，基础版起价 129 美元。然而，更高层提供 WooCommerce 集成和一个古腾堡积木生成器。

5.布里兹

Brizy page builder

Brizy

Brizy 的目标是提供一个整洁的页面构建体验，这样你就可以一次专注于一个设计元素。虽然其他构建器都有固定的工具条，Brizy 编辑器只显示需要的东西。

如果你正在寻找一个易于使用和负担得起的页面生成器，Brizy 可以是一个很好的解决方案。即使使用免费版本，你也可以在几分钟内使用 500 多个预制块来设计你的网站。然后你可以整合你最喜欢的营销工具，开始在你的新网站上收集线索。

主要特性:

拖放编辑器
超过 500 个预制块
100 多个设计模板
桌面、平板电脑和移动视口
全局样式

价格:可以免费下载 Brizy。Brizy Pro T3 的定价从每年 49 美元起，或者一次性支付 149 美元。

6.WP 页面生成器

WP Page Builder plugin

WP Page Builder

有了 WP 页面生成器，你可以访问你期望的高质量页面生成器的所有特性。它的拖放式实时编辑器使您无需任何编码就能创建简单或复杂的布局。这个用户友好的界面对于那些不熟悉 WordPress 的网站所有者来说尤其有益。

WP 页面生成器附带了 30 多个插件，用于在内容中插入按钮、联系表单和功能框。您可以通过创建可重复使用的布局和一次单击复制任何元素来加快工作流程。更有经验的设计师甚至可以为高级功能设计他们自己的插件。

主要特性:

拖放前端编辑器
现成的块库
保存设计以备将来使用的选项
响应迅速、移动友好的网页
30 多个插件

价格 : WP 页面生成器是一个免费的 WordPress 插件，但是你可以购买 WP 页面生成器 Pro 起，每年 39 美元。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features ### 7.视觉作曲家

Visual Composer page builder

Visual Composer

Visual Composer 是一个超越简单页面设计的页面生成器。对于其他页面生成器，您可能需要额外的插件来定制您的主题或提供特定的功能。但是，Visual Composer 为编辑网站的外观和感觉提供了一个一体化的解决方案。

你可以使用 Visual Composer 的主题生成器来设计网站的每个细节。对于更广泛的自定义，您可以用自定义布局覆盖主题。如果你没有时间从零开始设计你的网站，你可以浏览预先制作的针对不同行业的专业模板。

主要特性:

拖放式网站构建器
500 多种插件、模板和块与 Visual Composer Hub
300 多个内容元素
主题生成器
开发者 API

价格:可以免费下载 Visual Composer，而高级计划单个网站 49 美元起。

8.按站点来源的页面生成器

Page Builder by SiteOrigin

SiteOrigin 的 Page Builder 有一个你能找到的最简单的界面，允许你编辑网格中的内容。与其他页面构建器类似，SiteOrigin 具有拖放功能，这使得它可以自定义并且易于使用。您可以简单地重新排列行、移动部件和调整列的大小来创建个性化的网站。

SiteOrigin 的页面生成器的一个好处是它的灵活性。对于每一行，您可以选择所需的确切列数。然后，您可以添加每列的精确权重。SiteOrigin 页面生成器还提供行和小部件样式来添加自定义间距、CSS 和类字段。

主要特性:

基于拖放网格的界面
选择使用普通的 WordPress 部件，加上一些插件
能够创建带有自定义行和列的自定义布局
用于插入主题的预建布局的功能

价格 : SiteOrgin 的页面生成器可以在任何 WordPress 网站上免费下载。如果你需要高级功能，高级插件每年 29 美元起。

9.种子产品

SeedProd page builder

SeedProd

虽然 SeedProd 最初是作为一个即将推出和维护模式页面的构建者，但现在它已经有足够的功能来帮助你构建一个完整的网站。SeedProd 仍然是创建登陆页面的最佳工具之一，但是你也可以用它来定制你的 WordPress 主题的每一部分。

使用 SeedProd，您可以编辑页眉、页脚、页面和文章，而无需使用任何代码。为了节省时间，你甚至可以实现一个预建的主题，这将是响应快，搜索引擎优化优化。当你需要进行网站维护时，可以轻松启用 SeedProd 内置的维护模式，即将推出，或者 404 错误页面。

主要特性:

拖放功能
80 多块专业积木
预构建的主题和登录页面模板
内置订户管理
WordPress 主题构建器，具有完整的站点编辑功能

价格【WordPress 核心插件是免费的，而的付费计划起价为每年 39.50 美元。

10.主题化生成器

Themify Builder

Themify Builder 与你的 WordPress 主题一起工作，帮助你定制你的内容布局以符合你的具体要求。使用此页面生成器，您可以通过插入模块和编辑模块的行和列布局来控制页面的外观。

另外，主题化生成器内置了所有的主题化主题。如果你从 Themify 中找到一个满足你需求的选项，你就不需要担心找第三方页面生成器插件了。这是保持你的主要网站建设工具兼容性和功能性的一种经济实惠的方法。

主要特性:

后端和前端编辑
40 多种预先设计的布局
复制/粘贴或复制模块和行的能力
60 多种动画效果

价格:你可以免费下载 Themify Builder 插件，或者获得每年 69 美元起的 pro 版。

Looking for an Elementor alternative? 😄 We've got you covered 💪Click to Tweet ## 摘要

如果你有足够的预算，Elementor 可以成为创建独特网页设计的有效工具。但是，您可以考虑其他价格较低的功能软件。这样，你可以为你的在线业务投入更多的资金。

Divi 和 Beaver Builder 在功能和特性方面都可以与 Elementor 相媲美。然而，与 Elementor 不同，它们都提供支持无限数量网站的低价层。对于完全免费的选项，您可以考虑 SeedProd 或 Themify Builder。

关于选择 Elementor 的替代产品，您有什么问题吗？在下面的评论区问我们吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何向 Elementor 添加自定义 CSS 种方法)

原文：https://kinsta.com/blog/elementor-custom-css/

使用 Elementor 等页面构建器的的最大卖点之一是，你可以访问预先构建的页面元素，或者“小部件”。Elementor 小部件包含大量定制和样式选项。然而，有时应用特定样式的唯一方法是使用级联样式表(CSS) 。

CSS 让你对网站的每个组件都有惊人的控制。如果你熟悉这种语言，把它添加到 WordPress 是很简单的。Elementor 还提供了几个添加定制 CSS 的选项。

查看我们的视频指南，向 Elementor 添加自定义 CSS

在本文中，我们将讨论什么是 CSS，以及如何给元素或添加定制样式。最后，我们将讨论在 WordPress 中使用 CSS 的一些最佳实践。我们开始吧！

什么是 CSS？

CSS 就是我们所说的“样式表”语言。您可以使用 CSS 样式表为 HTML 或 XML 文档添加定制样式。通过使用 CSS，你可以将一个基本的 HTML 页面转换成一个现代外观的设计。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

把 CSS 想象成一种描述元素应该如何出现在浏览器上的语言。它适用于所有浏览器，是互联网的核心语言之一。

例如，这是用于为 HTML 文档的正文分配背景颜色的 CSS 代码:

body {

background-color: red;

}

您可以使用 CSS 将样式应用于 HTML 中的特定组件、类和 id。例如，以下代码片段将对页面上的所有 H2s 应用特定的文本颜色和对齐方式:

h2 {

color: black;

text-align: left;

}

通常，当您加载一个 HTML 页面时，它也会加载一个包含所有 CSS 代码的单独样式表。这意味着您可以在多个页面中重用样式表。

你可以自由地将 CSS 代码直接应用到任何 HTML 页面上。也可以“内联”使用。这个术语指的是应用于单个 HTML 元素并驻留在该文件中的 CSS 代码。

下面是一个特定 H2 标题的内联 CSS 示例:

<h2 style="color:black;text-align:center;">This is where the heading text goes</h1>

将 CSS 添加到一个单独的样式表中被认为是最佳实践。然而，使用 WordPress 和 Elementor 的一个好处是你可以添加 CSS 而不用手动编辑文件。让我们仔细看看它是如何工作的。

Learn what CSS is and how you can add custom styling to Elementor to make your site your own in this guide💥Click to Tweet

元素或中的自定义 css 选项

如果您熟悉 Elementor，您会知道构建器使用节、列和小部件来帮助您组合页面。区段包含一列或多列，每列可以有几个模块:

Columns and modules in Elementor

使用 Elementor 的最大好处之一是，您可以在节、列和小部件级别添加单独的 CSS 代码。当您将鼠标悬停在某个部分上时，您可以选择六点图标来打开屏幕左侧的编辑部分菜单:

Add separate CSS code at the section, column, and widget level.

如果你移动到编辑部分菜单中的高级标签，你会看到一个自定义 CSS 部分。在里面，您会发现一个允许您为该特定部分添加代码的字段:

Find the custom css option in Elementor

Custom CSS option is found under the “Advanced” tab

当您编辑列和小部件时，您会注意到您可以在它们各自的设置菜单中访问相同的三个选项卡。部分、栏和小部件都包括布局、样式和高级设置。

要将自定义 CSS 添加到列中，请将鼠标悬停在该列上，然后选择该元素右上角的两列图标。然后，导航到高级选项，打开自定义 CSS 部分:

Add custom css to a column

Add Custom CSS to a single column

您可以按照相同的过程向 Elementor 小部件添加自定义 CSS。只需选择您想要定制的小部件，并直接移动到高级>定制 CSS 选项卡:

Add CSS to a widget

You can add CSS to a widget as well

向 Elementor 页面生成器中的特定元素添加自定义 CSS 非常简单。但是，请记住，样式将只适用于这些元素。如果您想添加影响整个网站的自定义 CSS，您需要使用不同的方法。

如何使用 Elementor 添加自定义 CSS 种方法)

在这一节中，我们将探索添加元素或自定义 CSS 的其他方法。我们将介绍在整个网站中应用 CSS 的方法，应用于特定的页面，元素或小部件。

方法 1:使用 Elementor HTML 小部件

Elementor 使您能够向它的任何小部件添加自定义 CSS。然而，在某些情况下，您可能想要使用 HTML 和 CSS 手动添加元素。在这些情况下，您需要使用 HTML 小部件:

Use the HTML widget in Elementor

Use the HTML widget

HTML 小部件可以解析 HTML、CSS 和 JavaScript 。你可以在 HTML 代码字段中添加任何你想要的代码，如果它是有效的，Elementor 会把它显示为一个小部件:

Add any code inside the widget

HTML 小部件支持内嵌和独立的 CSS。您使用小部件添加的任何代码都只会影响该单个元素。

方法 2:使用元素或站点设置菜单

Elementor 包括一个全局设置的集合，类似于你在 WordPress 定制器中可以找到的选项。要访问 Elementor Site Settings 菜单，打开编辑器并点击屏幕左上角的 hamburger 菜单:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Click on the available hamburger menu in Elementor

Click on the available hamburger menu

在下一页上，选择站点设置选项:

Choose the site settings option

Click on the “Site Settings” option

在里面你会看到一系列的设置，让你可以自定义你的网站风格。您在此菜单中所做的任何更改都将应用到您的整个网站，即使从技术上讲您只编辑了一个页面。

你可以阅读如何使用站点设置菜单在 Elementor 官方网站上定制你的页面。目前，我们唯一关心的部分是自定义 CSS 选项卡。打开它，您将看到一个字段，它看起来就像用于节、小部件和列的自定义 CSS 选项:

Adding custom CSS here will affect the entire site

您在此添加的任何自定义 CSS 都会影响您的整个网站。如果您只想定制特定的元素，我们建议您使用更有针对性的方法(比如将 CSS 直接添加到小部件中)。

方法 3:使用 WordPress 定制器

WordPress 定制器也可以让你在站点范围内添加定制的 CSS。为此，进入外观>定制并选择左侧菜单中的附加 CSS 选项:

Add custom css via the WordPress customizer

Use the WordPress Customizer to add CSS

然而，值得注意的是，Elementor 代码字段比定制器中可用的字段更加用户友好。如果您已经在使用 Elementor 构建站点，那么就没有理由通过定制器添加定制 CSS。

方法 4:将自定义 CSS 文件入队

如果你习惯于编辑 WordPress 文件并通过文件传输协议(FTP) 客户端访问你的网站，你可以将一个 CSS 样式表加入到 Elementor 中。这种方法要求你将代码添加到 functions.php 文件中。

要访问functions.php文件，通过 FTP 连接到你的网站，进入 WordPress 根目录文件夹。打开文件夹，找到 functions.php 的文件，并编辑它。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

以下是您要添加到文件中的代码示例:

add_action( 'elementor/frontend/before_enqueue_scripts', function() {

wp_enqueue_script(

'custom-stylesheet',

get_stylesheet_uri()

);

} );

这段代码使用 before_enqueue_scripts 钩子来加载一个名为的定制样式表 的样式表。我们还使用 get_stylesheet_uri 函数指向样式表在服务器中的位置。

理想情况下，您将在子主题的目录中或者在 Themes 文件夹本身中添加定制样式表。样式表可以包含您想要的任何元素或 CSS 代码。你添加到 functions.php的代码片段确保了只有当 Elementor 在你的网站上激活时代码才会加载。

方法 5:使用 CSS 插件

有几个插件可以让你在不使用定制器或页面生成器的情况下给你的网站添加定制 CSS。我们最喜欢的工作工具之一叫做简单定制 CSS 和 JS :

Simple Custom CSS and JS plugin

Simple Custom CSS and JS

使用简单的定制 CSS 和 JS，您可以选择直接向主题的页眉和页脚元素添加代码。首先，进入自定义 CSS & JS >添加自定义 CSS ，点击添加 CSS 代码。

一个基本的 CSS 编辑器将出现在左边。在右边，您可以配置是在外部样式表中还是在内部加载 CSS 代码。您还可以决定代码应该放在页眉还是页脚中:

Load code on an external stylesheet

当你编辑完 CSS 代码后，点击发布按钮。您可能需要切换到前端视图来查看运行中的代码。

使用 Elementor 创建自定义 CSS 的最佳实践

无论何时你处理定制 CSS 或者添加任何类型的代码到你的网站，你最好记住下面的最佳实践。让我们从使用一个子主题开始。

使用 WordPress 子主题

如果你想用 CSS 改变你的主题风格的任何部分，我们建议你使用子主题。“子”主题是继承指定主题的所有样式的模板。

这样，如果您对原始主题进行任何更改，它们不会影响您添加到子主题的自定义。此外，当你更新你的主题，它会保留这些变化。

使用代码预处理器来简化编写

在 WordPress 中添加代码或使用 Elementor 的最大挑战之一是，你无法获得现代代码编辑器提供的所有功能。我们建议您使用您最喜欢的预处理器，而不是使用基本的现场编辑器来争论代码。然后，你可以简单地复制并粘贴你的代码到 WordPress。

考虑使用分期网站

当你计划对 WordPress 做任何大的改变时，我们建议你使用一个升级网站。临时站点使您能够测试样式和功能的变化，而没有破坏您的活动站点的风险。

一些 web 主机为您提供了从控制面板访问登台功能的权限。如果您使用 Kinsta，您可以使用 MyKinsta 仪表板选择您的网站，并在实时和临时环境之间来回切换:

Use staging in MyKinsta

The staging environment in MyKinsta

如果你的 web 主机没有提供 staging 功能，你可以使用一个本地的 WordPress 开发环境，比如 DevKinsta 进行测试。或者，你可能想考虑转换主机提供商。

Want to gain even more control over your site? 👀 CSS is the best place to start 🚀Click to Tweet ## 摘要

添加元素或自定义 CSS 比您想象的要简单。页面生成器提供了多种方法，用于向部分、列、小部件以及整个网站添加代码。

概括地说，这里有五种主要的方法来添加自定义 CSS 到 Elementor(或者你的网站):

使用 Elementor HTML 小部件。
使用元素或站点设置菜单。
使用 WordPress 定制器。
将自定义 CSS 文件入队。
使用 CSS 插件。

在 Kinsta，我们的计划旨在帮助您使用 Elementor 这样的页面生成器来构建您梦想中的网站。查看我们的计划或咨询销售人员，寻找适合您的计划。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

使用元素或表单的完整指南

原文：https://kinsta.com/blog/elementor-forms/

当你有一个商业网站时，表格是一个主要部分。它们让客户更容易与您联系，并提供重要的信息和反馈。然而，弄清楚如何创建它们可能具有挑战性。

如果你正在寻找一个简单直接的策略，我们推荐使用元素或者表单。这个流行的页面生成器为构建各种既美观又易于使用的表单提供了解决方案。

在这篇文章中，我们将讨论为什么你可能想要创建元素或表单。然后，我们将带您完成这个过程，并介绍一些有用的插件和故障排除技巧。让我们跳进来吧！

查看我们的元素或表单视频指南

为什么要创建元素或表单

为你的 WordPress 站点创建表单有很多好处。首先，你可以为你的访问者提供一个快速简单的与你交流的方法。此外，您还可以利用它们从您的受众那里获得线索和重要信息。

表单也是注册用户和接受付款的有用工具。然而，如果你想给你的 WordPress 站点添加一个表单，你需要使用插件。或者，您可以使用像 Elementor 这样的页面生成器。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

Elementor 让你不用接触一行代码就能构建出令人惊叹的表单。您可以使用拖放编辑器来创建与您的品牌和网站美学相匹配的响应表单。

您还可以从中选择多种类型的表格，包括:

Elementor Contact Forms :您可以使用该功能构建一个简单的表单，以便用户与您联系。
elements or Gravity Forms:这个 Gravity Forms 小部件让你在定制和设计表单时更加灵活。
Elementor 注册表单:该功能让您在自己的网站上设置用户注册表单。

正如您所看到的，每种表单都有自己特定的用例，可以帮助增强站点的功能。接下来，我们将向您展示如何使用 Elementor 构建联系人表单。

想使用 Elementor 表单与您的客户联系吗？✅:这本指南是给你的🤝 点击推文

如何在 WordPress 中创建一个元素或联系人表单(6 个步骤)

既然我们已经更好地理解了为什么要使用 Elementor forms，那么让我们看看如何通过几个简单的步骤来创建一个。请注意，对于本教程，我们将假设您已经在您的网站上安装并激活了 Elementor。

有免费工具和付费插件。要使用表单功能，您需要 premium 版本。

步骤 1:添加 Elementor Contact 小部件

若要开始，请导航到要插入联系人表单的页面或帖子。然后，点击屏幕顶部的用元素编辑或按钮:

Click on edit with Elementor

Click on the “Edit with Elementor” link.

这将启动 Elementor 编辑器界面。从左侧的小部件中，搜索并选择表单小部件:

Find the form module and drag and drop it

Drag and drop the “Form” widget.

然后，您可以将小部件拖放到您的页面上。这将插入一个标准的联系表单。

步骤 2:设置联系人表单字段

一旦你把你的联系方式放在页面上，有一些设置供你配置。现在，让我们把重点放在设置表单字段上。

您可以通过单击小部件并定制文本来编辑基本表单字段(如果您想要更改任何默认选项)。如果您想添加额外的字段，您可以通过选择添加项目来完成:

Customize the form by adding an item

Customize the form by adding an item.

您可以从下拉列表中选择要添加的字段类型。接下来，您可以添加一个标签，即表单域的名称。这向你的访问者展示了什么是期望的输入。

对于占位符选项，您可以定制在用户输入信息之前出现在表单域中的文本。你可以用这个给访问者提供你想要他们提供的数据的例子。

此外，您可以选择启用必需的设置并修改列宽。你也可以点击按钮面板来定制你的表单按钮的外观。您可以更改大小以及字体和颜色。

步骤 3:配置表单提交

创建完表单域后，下一步是配置表单提交设置。您可以在 Elementor 编辑器中导航到 Email 来访问各种选项。

例如，您可以在到字段中输入您希望提交的电子邮件地址。如果愿意，您可以输入多个电子邮件地址:

Configure Elementor form subbmissions

Configure your form submissions.

您还可以自定义电子邮件和消息的主题。当您完成所有选项的配置后，请确保保存您的更改。

第 4 步:定制您的联系人表单信息

如果您想进一步个性化您的联系人表单，您可以通过启用自定义消息来实现。选择附加选项，然后将自定义信息的拨动开关移动到是:

Customize the contact form messaging

Customize the contact form messaging.

您可以修改四种类型的消息:

成功消息:用户提交表单时出现
错误消息:如果在提交过程中出现问题，就会出现这种情况
必需消息:通知用户某个特定字段没有完成
无效消息:让用户知道表单提交有问题

您可以定制这些信息，以符合您品牌的声音和风格。例如，你可以修改措辞来增加一点个性。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

步骤 5:设计元素或联系人表单的样式

一旦你有了表单的基本文本和字段，你就可以开始设计你的 Elementor 或 contact 表单的样式了。例如，您可能希望确保它与您的品牌相匹配。

首先，您可以点击小部件编辑器顶部的样式选项卡:

Style the Elementor form

Style and design the form.

在这里，您可以找到各种各样的选项和设置，用于自定义联系人表单的设计。例如，您可以调整间距和填充，以及更改颜色、大小、标签和按钮。

步骤 6:保存并发布表单

当您对 Elementor contact 表单的外观和内容感到满意时，剩下唯一要做的事情就是保存并发布它。您可以通过选择屏幕左下方的发布按钮来完成。

就是这样！然后，您可以在前端预览您的联系人表单，以确认它看起来像您想要的那样。

元素或表单的顶部附件

开箱即用，Elementor 页面生成器提供了大量选项来为你的 WordPress 网站构建表单。但是，您也可以考虑添加插件来帮助扩展表单的功能。让我们来看看一些选项。

元素的主插件

Master Addons for Elementor

Master Addons for Elementor.

Elementor plugin 的 Master Addons 是一个免费增值工具，它提供了一系列有用的工具来增强页面生成器，进而增强您的网站。它包括以下功能:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

页眉、页脚和注释表单生成器
巨型菜单生成器
图像悬停效果
显示条件

它还兼容各种各样的表单插件。这包括接触形态 7，忍者形态，WP 形态，火山口形态。要访问该插件的所有功能，你需要购买 pro 版本，每年 39 美元。

加号插件

The Plus Addons for Elementor

The Plus Addons.

Elementor 的另一个便利工具是加插件。这个插件包含超过 8000 个定制选项和超过 300 个用户界面(UI)块，可以帮助您轻松创建和设计您的页面和表单。

其特点包括:

图标框
地图部分
形式
定价表

还有超过 18 个模板可供选择。这些是专门为某些类型的企业设计的，包括代理机构、餐馆、沙龙等等。

有一个免费版本。然而，为了利用整套有用的功能，我们建议购买一个高级许可，每年 39 美元。

创建元素或表单的其他提示和技巧

如果你想为你的 WordPress 站点创建元素或联系表单，而不需要支付额外费用，有很多方法可以实现。这样做需要你将页面生成器与另一个 WordPress 表单插件配对，比如 WPForms 或者强大的表单。

假设你选择了令人敬畏的形式。一旦你在你的网站上安装并激活了插件，你就可以导航到强大的 > 表单 > 添加新的:

Adding a new form using Formidable Forms

Formidable Forms.

接下来，您可以从选项列表中选择联系人表单，并从一些预制的模板中进行选择。构建完表单后，浏览到要放置表单的页面，启动 Elementor 编辑器界面。

从左侧面板中，搜索并选择强大的表单小部件。您可以调整格式、颜色、按钮、文本等。：

Selecting the Formidable Forms widget in Elementor.

Formidable Forms widget in Elementor.

完成后，您可以保存并发布您的更改。这种方法比 Elementor Pro 插件需要更多的时间和精力。然而，如果你不想购买保费计划，它可以帮助你节省一些钱。

元素或表单故障排除

元素或接触形式非常简单易用。但是，在使用它时，您可能会遇到问题。人们报告的最常见的问题之一是未送达的电子邮件。

Elementor 使用 wp_mail 函数来分发它的电子邮件。这意味着您的主机服务提供商接收并发送发送的电子邮件。

但是，一些主机禁用了通常用于发送电子邮件的 PHP 功能，这就是为什么会出现此问题。要解决这个错误，我们建议联系您的主机提供商，让他们启用 send_mail 功能。

或者，您可以使用简单邮件传输协议(SMTP)服务器。这是一个电子邮件服务器，它会使用外部资源(如 Gmail)将您的电子邮件以表格形式发送到您客户的收件箱。这可以减少你的邮件出现在垃圾邮件文件夹中的几率。要设置 SMTP，可以使用 WP 邮件 SMTP 之类的插件。

Learn why you might want to create Elementor forms (and helpful addons to level them up!) in this guide ⬇️Click to Tweet ## 摘要

表单在网站中起着举足轻重的作用。它们使客户能够与您联系，注册帐户，提交支付信息，等等。然而，弄清楚如何为你的网站设计美观的表单是一个挑战。幸运的是，Elementor 让这变得很容易。

将 Elementor 表单小部件添加到页面后，就可以设置字段并配置表单设置。您还可以自定义表单的设计，以便与您的品牌保持一致。

关于在 WordPress 中创建元素或表单，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何导出和导入网站元素(完整指南)

原文：https://kinsta.com/blog/elementor-import-template/

Elementor 工具让设计漂亮的页面、帖子和整个网站变得容易。然而，即使有强大的页面生成器，如 Elementor，创建一个新的网站设计也需要时间和精力。

这就是 Elementor 的进出口系统的用武之地。使用此功能，您可以通过为项目创建可重用的模板或导入第三方布局来缩短设计和开发时间。

这篇文章将深入探讨 Elementor 灵活而强大的导入/导出系统。我们将涵盖从部分模板到页面模板的所有内容，甚至导出您的整个 Elementor 网站。我们开始吧！

如何为新的 Elementor 模板准备您的站点(两步)

元素或模板是预先设计的布局，适用于单个页面或特定的用户界面(UI)元素。尽管它们听起来和 WordPress 主题相似，但还是有一些本质的区别。

改变整个网站的设计。相比之下，元素或模板影响单个网页的布局。因为它们被限制在一个页面中，所以可以同时使用多个元素或模板。此外，这些模板基于一个 WordPress 主题，无论是免费还是高级。

将新的元素或模板应用到您的网站可以改变它的外观或功能。考虑到这一点，在更改模板之前，您应该执行一些操作。

The Elementor tool makes it easy to design beautiful pages, posts, and entire websites ✨ Make importing and exporting sites equally easy with this guide 💪Click to Tweet

步骤 1:创建备份

明智的做法是在改变你的元素或模板之前创建一个备份。这一步确保您在遇到新设计的问题时有内容可以恢复。

各种插件让你创建网站备份。其中包括 UpdraftPlus 插件，它可以将你所有的文件和数据库信息复制到云端:

UpdraftPlus plugin

UpdraftPlus

如果您是 Kinsta 的客户，我们会每天自动备份您的网站。如果您需要更频繁的备份，我们可以每六小时(每月每个站点 50 美元)或每小时(每月每个站点 100 美元)复制您的站点。

或者，您可以随时手动创建备份。为此，请登录您的 MyKinsta 仪表盘:

The MyKinsta dashboard

MyKinsta dashboard

在左侧菜单中，选择站点并点击相关网站。然后选择备份>手动:

Click on sites in the dashboard

Click on “Sites then “Backup”

只需点击一下 Back up now 按钮，剩下的我们会处理。如果您遇到问题并希望恢复您最近的备份，请导航至备份>手动选项卡。在这里，MyKinsta 显示了所有备份的列表:

MyKinsta displays list of all backups

MyKinsta displays a list of all backups

要恢复您站点的早期版本，请点击其附带的恢复到按钮。您现在可以选择将此备份恢复到您的实时网站或临时网站。

第二步:将你的网站置于维护模式

更改网站的模板可能会导致意外的崩溃、错误或其他奇怪的行为。在应用了新的设计之后，你可能需要花一些时间来测试你的站点并进行调整。

如果访问者试图在您进行这些更改时访问您的网站，他们可能会影响他们的体验质量。这可能会导致你失去潜在的转换。

在应用一个新的元素或模板之前，你可能想让你的站点进入维护模式。这一步将防止访问者在您测试新设计时访问您的网站。

几个插件可以创建一个自定义的维护模式。然而， WP 维护模式是一种流行的选择:

The WP Maintenance Mode plugin

WP Maintenance Mode

这个插件有很多额外的功能，包括为你的维护启动画面添加倒计时。这个特性可以帮助你产生一个围绕你的网站重新设计和重新启动的嗡嗡声。

一旦你的网站进入维护模式，你就可以自由地尝试各种模板，测试它们在网站前端的表现。当你对结果满意时，你可以让你的网站脱离维护模式——用你的网站重新设计让访问者惊叹。

如何保存元素或模板(2 种方法)

作为世界上最受欢迎的页面生成器之一，Elementor 并不缺少现成的第三方模板。但是，有时您可能希望创建自己的模板。

使用模板可以帮助你实现整个网站的设计一致性。它还可以节省你的时间，主要是如果你在多个网站上使用相同的设计。

例如，WordPress 设计和开发机构可以从创建模板中受益，这些模板以他们经常应用于客户网站的核心元素为特色。

方法 1:将页面保存为 Elementor 模板

您可以将任何页面保存为 Elementor 模板。这可以帮助您建立一个标准的外观和感觉，准备在您的网站上部署。

例如，你可能创建你网站的菜单，加上页眉和页脚。然后，您可以将此页面模板应用到您的所有网页。

创建模板还意味着您不必为每个网页手动重新创建相同的元素。这对你的生产力来说是个好消息。

要将当前页面保存为 Elementor 模板，请在 Elementor 侧边栏底部找到绿色的更新/发布按钮。然后，单击该按钮附带的箭头图标:

Save page as an Elementor template

您现在可以点击另存为模板。这将启动一个窗口，您可以在其中为该模板指定一个描述性名称:

GIve your page template a name

Name your page template

然后，点击保存。你现在可以通过启动 Elementor 库并选择我的模板选项卡来随时访问这个设计。

方法 2:将部分保存为 Elementor 模板

许多网站都有重复出现的元素。这些包括销售线索生成表格或描述你最畅销产品的文字。

通过制作一个节模板，您只需点击几下就可以将其添加到任何页面。您甚至可以为不同的内容类别创建节模板。

例如，您可以构建一个行动号召(CTA) 模板。然后，每当您需要 CTA 时，您可以简单地导入这个模板并调整它的消息传递。

要创建一个模板，请按住 control 键单击有问题的部分。然后，选择另存为模板:

Save an Elementor section as a template

Save a section as a template

在出现的窗口中，为该模板指定一个描述性名称。然后，点击保存:

Give your Elementor template section a name

Give your section a name

要将这个模板应用到任何部分，只需启动 Elementor 模板库。您会在我的模板选项卡中找到该设计。

如何创建元素或模板

虽然您可以将任何正在进行的页面或部分保存为元素或模板，但有时您会明确地想要创建一个以供重用。在这种情况下，您可以将设计作为常规的 Elementor 网页开始，然后将其保存为模板。

但是，您也可以提前通知 Elementor 您正在创建一个模板。这种方法让你更灵活地为网站的不同区域创建模板。

例如，你可以为你的错误 404 页面设计一个模板，搜索结果页面，或者甚至创建一个弹出布局。此方法还允许您使用库中的任何模板作为新设计的基础。

要创建页面或节模板，请导航至模板>保存的模板。然后，点击添加新的。在下一个窗口中，打开选择模板类型… 下拉菜单:

Choose a template type for your Elementor template

Choose a template type

现在，您可以指定想要创建的模板种类。我们已经介绍了页面和节模板，但是此窗口为您提供了额外的选项。

选择后，给你的设计起一个描述性的名字，然后点击创建模板。这将启动 Elementor 库，您可以在其中使用预先存在的模板作为基础。或者，您可以退出此窗口，重新开始。

现在，您可以使用标准的 Elementor 编辑器来构建您的模板。当你准备好保存你的设计时，点击发布。这将启动发布设置框:

Elementor publish settings box

The Publish Settings box

在这里，您可以设置使用该模板的一些规则。例如，您可以点击添加条件，并指定该布局仅适用于单页。

如何导出元素或模板

你可以从 WordPress 仪表盘导出元素或模板。这种方法可以帮助你与同事分享设计，或者将设计发送给客户进行审批。您甚至可以使用导出功能来创建 Elementor 设计的备份。

导出模板是跨多个域使用您的设计的一种简单方法。这种方法对于管理众多网站的 WordPress 设计和开发机构来说非常方便。如果你想将你的设计货币化，出口通常是与世界分享的第一步。

在 WordPress 仪表盘中导航到模板>保存的模板以导出设计。此选项卡显示保存到库中的所有模板:

View saved Elementor templates

View all saved templates

WordPress 还将这些模板分为页面和部分标签。只需找到您想要导出的模板，并将鼠标悬停在它上面:

Choose between page and section templates

当导出模板链接出现时，点击它。Elementor 现在将下载这个模板作为一个 JSON 文件。

您还可以从 Elementor 库中导出模板。在该库中，打开我的模板选项卡。找到您想要导出的模板，并单击其附带的三点图标:

Export temples from the library

Export templates directly from the library

然后，点击导出。Elementor 现在将下载这个模板作为一个 JSON 文件。

如何导入元素或模板

有时，您可能希望将模板导入 Elementor。它可能是从不同网站导出的设计，也可能是从第三方购买的设计。

如果您有 JSON 或 ZIP 格式的模板，您可以将它上传到 Elementor 库。首先，导航至模板>保存的模板。在该屏幕顶部，点击导入模板:

CLick on the import templates button to import an Elementor template

Find and click the “Import Templates” button

然后，选择您的元素或导入模板，并点击立即导入。该模板现在将出现在您的库中。

要将这种设计应用到您的网站布局中，只需用 Elementor 编辑器打开有问题的页面或帖子。然后，点击由白色文件夹表示的添加模板图标:

Find the Add Template button and click on it

Find the “Add Template” button

在下一个窗口中，选择我的模板选项卡。在这里，您可以找到所有元素或导入的模板:

View all imported templates

要查看该设计应用于当前页面时的外观，请点击预览。如果你喜欢使用这个模板，选择它附带的插入链接。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

如何导出和导入单个元素或页面

您可能希望在多个网站中重用同一页面。例如，如果你运营几个 WordPress 网站，你可以使用一个标准的关于我们的页面。

与其手动重新创建此页面，不如将其保存为 Elementor 模板并导出。然后，您可以将该设计导入任何安装了 Elementor 的网站。

要将单个页面保存为模板，请单击 Elementor 的发布/更新按钮旁边的箭头图标。然后您可以选择另存为模板:

Save an individual page as a template

在随后的弹出窗口中，给出该模板的名称。然后，点击保存。

WordPress 模板库应该会自动打开。您可以找到刚刚创建的模板，然后单击它的三点图标。出现提示时，选择导出:

Locate any of your templates in the library

Locate any templates in the library

或者，你可以在你的 WordPress 仪表盘中导航到模板>保存的模板来导出这个单页模板。然后，将鼠标悬停在有问题的模板上，点击导出。

一旦单页模板安全地存储在您的本地计算机上，您就可以将其导入到另一个网站。只需切换到您的新网站，并导航到模板>保存的模板。

在该屏幕顶部，点击导入模板。您现在可以导入您的单页设计。

如何导出和导入整个 Elementor 网站(分 3 步)

虽然 Elementor 使得导入和导出单页模板变得很容易，但是您可能还需要导出整个网站。

例如，您可能想要创建一个包含所有标准网站页面的模板工具包，如联系页面和主页。然后，您可以使用这个工具包来形成您的基本网站。

让我们看看如何创建这个工具包。以下是如何通过三个简单的步骤导出您的整个 Elementor 网站！

步骤 1:启用 Elementor 导出工具包

Elementor 的导出工具包功能可以导出您的完整站点，包括其内容和设置。

如果您正在创建相关网站并希望保持相同的品牌，此功能会很有帮助。例如，您可以创建一个微型网站来宣传即将推出的产品。

在撰写本文时，Elementor 的导出工具包还处于试验阶段。你需要通过导航到元素或>设置来启用它。然后你可以点击实验选项卡:

Click on Elementor tab and find the Experiments tab

Click on the Elementor tab and find the Experiments tab

滚动到导入导出模板套件部分。然后，您可以打开相应的下拉菜单，选择活动:

Find the Import Export Template Kit option

Scroll to the “Import Export Template Kit” option

不要忘记滚动到这一页的底部，并点击保存更改。这个实验性的特性现在已经可以使用了。

步骤 2:导出整个 Elementor 网站

在你的 WordPress 仪表盘中，导航到元素或者>工具。现在点击导入/导出工具包:

Click on Import Export Kit

点击开始导出。出现提示时，请指定您希望下载的内容和数据。

例如，您可以选择仅导出模板。或者，您可以导出您的所有内容，包括页面、帖子和自定义帖子类型:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Export any or all of the content you want

接下来，单击展开套件信息部分，并为您的文件指定一个描述性名称。您也可以输入可选的描述:

Give your file a descriptive name

当您对选择满意时，点击导出。Elementor 现在将创建您的工具包，并显示该文件中包含的所有内容的摘要:

The display summary of your kit

You get a display summary of the kit

Elementor 会自动将生成的工具包下载到您的计算机上。出现提示时，点击返回仪表板。

步骤 3:导入您的网站

现在，您可以将模板工具包导入任何安装了 Elementor 的网站。这将覆盖您的现有内容，因此我们建议您在继续之前创建一个完整备份。

一旦备份就绪，您需要在目标网站上启用 Elementor 实验。如前所述，导航至元素或>设置>实验。然后您可以选择导入导出模板套件部分并激活此功能。

接下来，导航到模板>套件库。点击开始导入。在随后的屏幕上，选择您在上一步中下载的文件:

Import a Template Kit

如果您要将套件应用于预先存在的安装，Elementor 将显示与您正在导入的模板具有相同条件的任何模板。然后，您可以选择替换哪些模板，保留哪些模板。

做出选择后，点击下一个的。Elementor 现在将导入您的站点工具包。

如何修复 Elementor 的“无效文件”错误

有时，在尝试导入模板时，您可能会看到“无效文件”错误。这通常意味着您正在尝试导入使用早期版本的 Elementor 创建的模板。

要解决此错误，您需要暂时切换到 Elementor 或的早期版本。此更改可能会导致您的网站出现问题。

考虑到这一点，我们建议在继续之前创建完整备份。您可能还想考虑将您的站点置于维护模式。

当你准备好继续时，前往元素或插件列表。然后，选择高级视图:

Click on the advanced view option

Click on the “Advanced View” option

在页面底部，使用下拉菜单选择 Elementor 的早期版本。为了获得最佳效果，我们建议下载 Elementor 1 的最新版本，即 1.9.8 :

Download the latest version of Elementor from the plugin page

Download the latest version of Elementor

一旦你有了这个文件，你有几个选择。您可以停用并删除当前的元素或版本。然后，您可以上传并激活刚刚下载的软件。

或者，你可以使用简单的主题和插件升级。激活此插件后，您可以上传旧的 Elementor 版本，而无需停用和删除最新版本。

上传旧版本的 Elementor 后，导航到插件>已安装插件。WordPress 应该已经自动切换到较早的软件版本:

View the new version of Elementor in the plugins section of the WordPress dashboard

View the new version of Elementor in the plugins section

现在，您应该能够顺利导入模板了。一旦导入完成，导航回插件>已安装插件，并恢复最新版本的 Elementor。该模板现在应该在您的库中，可以使用了。

用于导入和导出模板的前 3 个元素或插件

正如我们刚刚看到的，Elementor 有一个健壮的导入和导出系统。开箱即用，您可以使用此功能为单个部分、页面甚至整个网站创建模板。

但是，您可能希望扩展这个内置功能。考虑到这一点，这里有三个 Elementor 导入模板插件，承诺增强导入和导出过程！

1.快乐插件专业版

Happy Addons Pro 增加了 20 多项新功能，扩展了标准的 Elementor 体验。其中包括几个可以集成到您的导入和导出工作流程中的功能:

Happy Addons Pro website

Happy Addons Pro

如果你正在与多个网站合作，你可能想使用 Happy Addons Pro 的跨域复制粘贴功能。它使你能够轻松地从一个网站复制内容，并粘贴到一个完全不同的领域。

如果你想重用任何快乐插件专业演示内容，你可以把它复制到你的元素或编辑器面板。此外，这个插件拥有一个定制的进口功能。它提供了您期望从内置元素或导入和导出系统中获得的所有功能。

特别是，你可以根据版块名称或者页面版块类别来搜索快乐插件模板。

特性:

从 70 多个登陆页面模板中选择。
使用快乐复制功能复制任何页面或帖子。
从 HappyAddons Pro 的演示内容中轻松复制部分模板。
从任何网站复制一个部分，并将其粘贴到不同的域中。

定价: 年度许可证起价 33 美元。

2.元素的强大插件

Elementor 的强大插件附带了一系列预先设计好的模板套件。当您将这些工具包导入您的网站时，您将可以访问设计各种网站所需的所有页面。

Elementor 的强大插件为许多不同的行业提供模板工具包。这些包括动物福利、健身、接待、咨询，甚至跳伞业务:

Mighty Addons for Elementor

Mighty Addons

这个插件还具有跨域复制粘贴功能。如果您管理多个网站，这可以是对传统的导入/导出元素或工作流的强大补充。特别是，这个特性使您能够在多个 Elementor 支持的网站上使用任何部分、行、列，甚至整个页面的内容。

特性:

轻松复制域之间的图像和视频。
使用各种现成的章节模板。
将该工具与 Pixabay 股票摄影服务集成。

定价:你可以下载 Elementor 插件的核心强力插件。专业版也有售，T4 许可证起价 29 美元。

3.环境元素

Envato Elements 插件让你不用离开 WordPress 就可以浏览成千上万的页面和模板。找到完美的模板后，您可以轻松地将其导入您的网站:

Envato Elements plugin

Envato Elements

为了帮助你快速设计出专业外观的网站，Envato Elements 还提供了大量的模板工具包。此外，如果你使用库存照片，这个插件可以让你轻松访问超过一百万张免版税的图片。

特性:

多用途模板
灵活且完全可定制的内容
一键导入
与元素或用户界面无缝集成

定价:可以免费下载 Envato Elements 插件。但是，您需要订阅 Envato Elements 才能访问和使用模板内容。这是，每月售价 16.50 美元。

Importing and exporting your Elmentor websites just got a whole lot easier 😌Click to Tweet ## 摘要

我们不会假装设计一个令人惊叹的网站很简单。幸运的是，有了 Elementor 的导出和导入模板功能，您不必从头开始每个项目。

通过利用现成的模板，您可以快速通过早期的 web 开发阶段。您还可以创建节和页面模板，以便在将来的项目中重用。如果你对一个网站感到特别自豪，Elementor 甚至可以导出你的整个网站。可能性是无限的！

创建 WordPress 网站时，你需要一个强大的主机。在 Kinsta，我们为您的所有 Elementor 需求提供一系列性能优化的托管计划。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何集成 Elementor 和 Mailchimp(5 个步骤)

原文：https://kinsta.com/blog/elementor-mailchimp/

Mailchimp 是你网站上最好的电子邮件营销自动化工具之一。它的服务可以有效地组织你的订户，并向他们发送他们感兴趣的内容。然而，Mailchimp 联系方式可能与您网站的品牌不符。

要解决这个问题，可以集成 Elementor 和 Mailchimp。使用 Elementor，您可以轻松设计自定义订阅表单并将其嵌入到您的网站中。然后，可以直接从 Mailchimp 管理注册信息。

在这篇文章中，我们将讨论为什么你可能想要集成 Elementor 和 Mailchimp。然后，我们将用五个步骤向您展示如何做到这一点。我们还包括了一个附加组件列表，以访问额外的特性和功能。我们开始吧！

集成 element or 和 mailchimp 的好处

无论你是在经营网上业务还是博客，你都可能需要一种方式来持续联系你的受众。有了 Mailchimp ，你就可以做到这一点。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

Mailchimp 是一种电子邮件营销服务，可以建立用户列表和设计电子邮件:

Mailchimp email marketing

Mailchimp.

使用 Mailchimp，您可以创建包含订户联系信息的电子邮件列表。使用预先制作的电子邮件模板和内容优化器，您可以向您的受众发送引人入胜的信息更新。

如果您是 Mailchimp 的新用户，您可以免费创建一个帐户。只要你的订户少于 2000 人，你就可以免费使用其易于使用的功能。

当你试图增加你的邮件列表时，在你的网站上嵌入一些订阅表格是个好主意。他们可以帮助你从你的有机交通产生线索。虽然 Mailchimp 有这个功能，但是它的嵌入形式通常是通用的，很可能与你的品牌不匹配。

这就是 Elementor 的用武之地。Elementor 是一个简单易用的页面生成器，你可以用它来设计你的网站，而不需要编码。它的拖放式编辑器使创建您的站点所需的特性和功能变得简单:

Elementor

Elementor page builder.

此外，Elementor 可以轻松地与 Mailchimp 集成。与其他页面构建器相比，Elementor 是创建和管理选择加入表单的最佳选项之一。

有了 Elementor，你可以在网站的任何地方添加一个联系人表单，并在它的设置中链接 Mailchimp。当您的在线访问者注册后，他们将自动添加到您的 Mailchimp 列表中。使用这两种工具可以让您拥有设计良好的表单，而不会错过订户分析。

Elementor+ Mailchimp = the dream team 😌 Learn more about integrating these two powerful tools in this guide 🚀Click to Tweet

如何集成 Elementor 和 Mailchimp(5 个步骤)

现在你已经知道 Elementor 和 Mailchimp 如何让你的网站受益，让我们讨论一下如何开始这个整合过程！

第一步:注册一个 Mailchimp 账户

首先，你需要去 Mailchimp 网站注册账户。您只需输入您的电子邮件地址、用户名和密码，即可免费完成此操作:

Mailchimp sign up page

然后，Mailchimp 将向您发送一封带有激活链接的电子邮件。点击此处，您将看到一个包含不同计划选项的页面:

Plan options on the Mailchimp website

Mailchimp plan options.

如果您不确定哪个计划适合您，请选择比较计划功能。在这里，您可以查看每一层中的所有内容:

View the compare all plans feature

Compare Mailchimp plans.

在本教程中，我们选择了免费计划，它可以支持 2000 个联系人和 10000 封电子邮件。这对于一个基本的电子邮件营销计划来说已经足够了。但是，您将无法访问重定向广告、自定义编码的电子邮件模板或自定义品牌。

要开始注册过程，请填写您的姓名和业务信息。尽管这是可选的，但您也可以输入您网站的 URL 并导入您的内容:

Add name and business info

Add your name and business info.

接下来，填写您的地址信息。此步骤确保您的电子邮件不会导致垃圾邮件:

Fill out the proper address

Add your address to the field.

Mailchimp 会询问你是否已经有用户。如果是，选择是并填写您有多少:

Let Mailchimp know how many subscribers you have

Fill in how many subscribers you have.

为了帮助 Mailchimp 了解您的业务，请指明您销售的是产品还是服务。要绕过这个问题，您可以点击跳过:

Selling products or services

Products or services option.

完成注册过程后，您将能够访问您的 Mailchimp 帐户！

步骤 2:创建受众和 API 密钥

要开始在 Mailchimp 中组织您的订户，您需要创建一个受众。请记住，一个免费帐户只支持一个观众，但任何高级计划可以包括三个或更多。

尽管你可能想创造几个受众，Mailchimp 建议从一个开始。这种设置可以帮助您从整体上了解您的订户。它还可以简化您的电子邮件流程，并随着公司的发展保持您的联系。

即使只有一个受众，您也可以创建标签和段来将联系人组织成不同的子集。然而，建立多个受众可以有一定的好处。

例如，如果您同时向卖方和买方发送电子邮件，您可能需要向这些群体分别发送邮件。

在你的 Mailchimp 仪表盘中，转到观众>观众仪表盘。然后，点击添加您的联系人:

Add contacts in Mailchimp

Add contacts in Mailchimp.

这将带您进入一个页面，导入您的订户的联系信息。只需将他们的姓名和电子邮件地址复制并粘贴到文本框中。或者，您可以从第三方服务导入数据或上传 CSV 或 TXT 文件:

Select an upload method

Different upload options are available.

一旦你做到了这一点，去你的观众仪表板，找到管理观众>设置。在这里，您可以更改名称和默认设置:

Changing the name and default settings in Mailchimp

Change the name and default settings.

请务必从姓名设置一个，从电子邮件地址设置一个。您还可以启用双重选择加入，以便在订户注册后向他们发送确认电子邮件:

Add more campaign default options

Add more campaign options.

创建和设置完帐户后，请转到您的个人资料。然后点击附加功能> API 键:

Click on the extras tab to find the API option

Click on the “Extras” tab to find the API option.

如果你没有 API 密钥，你需要点击创建一个密钥。Mailchimp 会自动为您添加一个:

Create your API key

Create an API key.

一旦你的 API 键被激活，复制它。由于此信息授权访问您的 Mailchimp 帐户，因此切勿公开共享此代码。

步骤 3:用 Elementor 设计一个 Mailchimp 注册表单

接下来，你需要下载并安装 Elementor Pro 。它包括一个 WordPress 表单生成器，你可以用它来设计定制表单，并从你的观众那里收集反馈。

激活 Elementor Pro 后，进入 Elementor >设置>集成。向下滚动到 Mailchimp 部分并粘贴 API 键:

Paste your Mailchimp API key

Paste your Mailchimp API key.

点击验证 API 键。如果集成成功，您会在该按钮旁边看到一个绿色的勾号。在此之后，保存您的更改。

现在您可以开始设计您的注册表单。首先，添加一篇新文章或页面，并选择用元素编辑或:

Select edit with elementor

Select “Edit with Elementor”.

在 Elementor 编辑器中，向下滚动到 Pro 小部件。在这里，您将看到一个表单的选项。将此小部件拖放到页面上:

Find the form widget

Drag and drop the “Form” widget to the page.

Elementor 将自动创建一个基本表单，包括姓名、电子邮件地址和消息字段。但是，您可以继续自定义表单，直到它满足您的需要:

Start customizing the form

Customize the form how you see fit.

例如，如果您想要添加一个订阅表单，它通常不需要消息字段。你可以简单的点击这个项目旁边的 X 。

为了产生潜在客户，你需要要求访问者填写他们的姓名和电子邮件。您可以点击每个字段并选择【T2 要求】旁边的是:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Click on the appropriate elements

Click on the appropriate elements.

然后，转到按钮部分编辑动作按钮。尽管默认文本是“发送”，但考虑将其更改为“订阅”或“注册:”

Edit the button action in Elementor

Edit the button action in Elementor.

您可以根据需要继续更改按钮的大小和列宽。如果你愿意，你也可以添加一个图标。

第四步:连接 Mailchimp

根据自己的喜好自定义表单后，就可以连接 Mailchimp 帐户了。为此，在提交部分之后找到动作:

Find the actions after submit option

Access the “Actions After Submit” option.

然后，点击 + 图标，从下拉菜单中选择 Mailchimp :

Choose Mailchimp from the dropdown menu

Choose Mailchimp from the dropdown menu.

这将在下面创建一个名为 Mailchimp 的新部分。当您点击它时，您将看到设置 API 密钥和受众的选项:

Set API key and audience if needed

Set API and audience options if needed.

如果您已经在集成设置中输入了您的 API 密钥，您可以将 API 密钥部分保留为默认。然后，选择您想要链接到此订阅表单的受众:

Select the audience from mailchimp you want to attach to the form

Select the appropriate audience from Mailchimp.

您还可以选择您在 Mailchimp 中创建的任何群组或标签。最后，根据您在表单中提供的字段定制字段映射设置。这将告诉 Mailchimp 在其系统中编目哪些信息。

对于这个例子，我们的订阅表单只包含一个姓名和电子邮件字段。这意味着我们将只在字段映射部分包含此信息:

Select field mapping options

Field Mapping options.

最后，导航到附加选项并找到自定义信息。打开此选项以在某人完成表单后提供成功消息:

Add a custom success message

Add a success message for your users.

默认消息将是“此表单已成功发送”你可以考虑把它改成类似于“感谢你的订阅”您还可以为错误和必填字段添加自定义消息。

步骤 5:将表单添加到您的站点

完成表单定制后，选择发布。考虑自己使用注册表单来检查它是否正常工作。然后，您可以查看新的电子邮件地址是否记录在您的 Mailchimp 帐户中。

您可能还想将这个新表单添加到网站的多个区域。您可以将它保存为一个全局小部件，以便简化这个过程。

首先，在表单右侧找到编辑表单图标。右键点击并选择另存为全局:

Save the form as Global

Save as Global.

这将把订阅表单添加到您的全局设置中。当你添加一个新页面或帖子时，你只需进入 GLOBAL ，找到预先设计好的表单，然后将其拖放到你想要的任何地方:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Use the Global form anywhere on site now

Drag and drop the Global form wherever you want.

当考虑在网站的什么地方放置订阅表单时，您可能会考虑可见性。你可以在一个设计良好的登陆页面上收集更多的线索，访问者在进入你的网站时可以看到。然而，用户可能没有兴趣这么早订阅。

有时，一个更好的选择是在你的内容或侧边栏中包含联系方式。虽然这比登陆页面的可见性稍差，但这种布局可以让访问者在与你的网站互动时订阅。

将表单添加到页脚也是一个实用的选择。滚动到网站底部的用户通常对你的内容很好奇，这意味着他们更有可能订阅。但是，这种放置不像其他选项那样明显。

Elementor/Mailchimp 集成的顶级附加组件

有了最好的 WordPress 插件，你可以为你的观众创建一个定制的网站。Elementor Pro 为设计表单和集成 Mailchimp 等第三方服务提供了大量选项。

尽管如此，您可能需要更多的高级功能。通过一些加载项，您可以更好地控制表单的外观和功能。

1.基本附件

使用基本插件是扩展核心元素或特性的好方法。有了这个工具，你可以接触到更多的创意元素。其中包括交互式功能，如 Woo 产品网格、倒计时和可过滤图库:

Essential Addons for Elementor

Essential Addons.

特性:

高级内容小部件，用于添加活动日历、信息框、证明等
WooCommerce 产品展示区、网格和传送带等元素
与 Mailchimp 和 Ninja Forms 等第三方平台集成

当你在你的 WordPress 站点上安装基本插件时，你可以使用 Mailchimp 的 Form Styler 元素来集成它。在这里，您可以简单地输入您的 Mailchimp API 键，这会将一个 EA Mailchimp 小部件添加到 Elementor 编辑器中。然后，您可以将小部件拖放到页面上，并根据需要继续定制。

价格:一个网站的基本插件订阅计划起价 39.97 美元。它包括 70 多个小部件和 7 个扩展。

2.快乐插件

有了快乐插件，你可以从超过 400 个预先设计的模块和部件中进行选择，导入到 Elementor 编辑器中。要加快创建过程，您可以设置设计预设。

Happy Addons 还可以从一个网站复制元素，然后粘贴到另一个网站上:

Happy Addons for Elementor

Happy Addons.

特性:

部分嵌套
跨域复制粘贴
400 多套预制设计

在 Happy Addons 设置中的凭证下输入 Mailchimp API 键后，您可以使用 Elementor 将 Mailchimp 表单小部件拖放到页面上。

然后，您可以编辑该工具的高级设置，以自定义表单边距、颜色和版式。您还可以重新设计字段和按钮，使其具有独特的背景、阴影、字体大小和间距。

价格:快乐插件提供年度订阅计划，一个网站起价 39 美元。

3.元素短剧

像这个列表中的其他选项一样， ElementsKit 是一个一体化插件包，为 Elementor 提供了额外的插件和扩展。在编辑诸如页眉、页脚或菜单等功能特性时，它可以提供更多的定制。

此外，如果您找不到适合您的选项，ElementsKit 还包括一个自定义小部件生成器:

ElementsKit addon

ElementsKit.

特性:

自定义控件，如多窗口小部件、AjaxSELECT2 和图像拾取器
85 个以上的小部件和扩展
500 多个预先设计的 web 块

您可以使用 ElementsKit 通过 Elementor 编辑器完全集成 Elementor 和 Mailchimp。您只需要将 Mailchimp 小部件拖放到一个页面上，并定义 API 键。然后，您可以向表单中添加自定义字段和图标。

价格:elements kit 的年度计划一个站点起价 39 美元。

4.加号插件

Plus Addons 宣称自己是为每个人打造的 Elementor 工具。有了现成的模板和深入的 YouTube 教程，即使是初学者也能很快学会如何设计一个功能性网站。

此外，Plus Addons 还包含大量的小部件，为设计师提供可定制的功能:

The Plus Addons for Elemenotr

The Plus Addons.

特性:

96+高级元素或小部件
列出显示产品、博客文章和图片库的选项
为自定义帖子类型设计的易于使用的生成器

Plus Addons 工具提供了一种集成 Elementor 和 Mailchimp 的最简单的方法。从您的 Mailchimp 帐户中，复制 API 密钥和受众的列表 ID。然后，转到 API 连接设置并粘贴这些信息。之后，您可以拖放 Mailchimp 订阅小部件，并编辑其布局和结构。

价格:Plus 插件有免费版。然而，它的计划选择包含更多的部件和扩展。这些套餐每年起价 31 美元。

Mailchimp 🤝 Elementor. Discover how you can level up your services with help from these tools ⬇️Click to Tweet ## 摘要

尽管将 Mailchimp 和 Elementor 结合起来似乎令人生畏，但任何人都可以集成这两个工具。通过这样做，您可以创建自定义订阅表单，以满足您对外观和功能的期望。

回顾一下，下面是在你的网站上集成 Elementor 和 Mailchimp 的五个简单步骤:

注册一个 Mailchimp 账户。
创建受众和 API 密钥。
用 Elementor 设计一个 Mailchimp 注册表单。
连接 Mailchimp。
将您的表单添加到您的网站。

电子邮件营销和设计是网站成功的关键。你还会想与一个专门的托管服务提供商合作。

在 Kinsta，我们的托管计划(应用程序托管、数据库托管和托管 WordPress 托管)可以让你的网站性能更上一层楼。联系我们了解更多信息！

关于集成 Elementor 和 Mailchimp，你有什么问题吗？在下面的评论区问我们吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何修复元素或不加载错误

原文：https://kinsta.com/blog/elementor-not-loading/

使用元素或，您可以用一个更直观的页面生成器来替换块编辑器。如果您是 Elementor 用户，每次想要创建或编辑页面时，您都需要加载编辑器。但是，有时错误可能会阻止 Elementor 加载。

幸运的是，这个问题有几种解决方案。如果您了解导致错误的原因，您应该能够立即排除故障。

在这篇文章中，我们将讨论是什么导致了 Elementor 无法加载的问题，并看看插件的需求。然后，我们将向您介绍几种排除此错误的方法。我们开始吧！

为什么元素 or 没有加载？

在我们详细了解什么会导致 Elementor 出现问题之前，讨论一下“未加载”错误意味着什么是很重要的。启动 Elementor 编辑器时会出现此错误。

通常，加载编辑器只需要一点时间:

Screenshot of the Elementor page builder loading

Elementor page builder loading

但是，如果编辑器卡在加载屏幕上，您可能遇到了错误。请注意，这与编辑器无法完全加载或获得一个 HTTP 代码是不同的。在这种情况下，你的网站应该可以很好的工作，除了元素或者无法加载。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

通常，Elementor 可能会因为您的服务器不符合插件的要求而无法加载。你也可能使用了导致 Elementor 兼容性问题的插件。在接下来的几个小节中，我们将概述 Elementor 的需求，并向您展示如何排除不加载错误。

Seeing this frustrating error? 😅 The solution is a cick away 😌Click to Tweet

有哪些要素或要求？

每个插件都有自己的系统需求。大多数插件开发者不会公布这些信息，因为他们假设每台服务器都能满足他们的最低要求。通常情况下，都是这样。

一些插件如页面生成器和安全工具往往有特定的系统需求。在 Elementor 的情况下，这些是最低要求(不包括存储空间):

WordPress 5.2 或更新的版本
PHP 7 或更新的版本
MySQL 5.6 或更高版本
至少 128 MB 的 WordPress 内存限制

在大多数情况下，即使你的服务器不符合它的要求，你也可以安装一个插件。然而，这可能导致插件无法正常工作，在 Elementor 的情况下，无法加载编辑器。

如何修复元件或不加载(5 种方法)

如果 Elementor 卡在了加载屏幕上，你要做的第一件事就是重新加载页面。尝试再次访问 Elementor 编辑器，并查看错误是否仍然存在。如果是，就该进行一些故障排除了。

1.更新元素或

Elementor 加载失败的原因可能是您使用的插件版本已经过时了。过时的插件会导致与其他工具或最新版本的 WordPress 的冲突。

要检查你的 Elementor 是否是最新的，进入插件>已安装插件并寻找构建器。如果你有高级许可，你应该在你的插件列表中看到 Elementor 和 Elementor Pro :

Make sure Elementor plugins are updated

Update Elementor

如果您看到有关 Elementor 新版本的通知，您将需要运行必要的更新。然后，再次尝试访问编辑器。

2.检查插件冲突(并测试元素或附加组件)

插件之间引起冲突并不罕见。当您有多个提供重叠功能或冲突代码的插件时，这种情况经常发生。

诊断插件冲突可能是一个挑战。你最好的办法是一个一个地测试插件，看看是否有插件导致 Elementor 无法加载。理想情况下，你将使用一个升级网站作为来做这件事，禁用关键插件将会影响你网站的功能。

要开始，请进入插件>已安装插件。然后，你会想要在活动插件列表中一个接一个地禁用它们。禁用每个插件后，尝试重新加载 Elementor 编辑器，看看它是否正常工作。

你还需要特别注意元素或附加插件。这些附加组件扩展了页面生成器的功能和微件库:

Pay attention to Elementor add ons

如果在加载 Elementor 编辑器时禁用一个特定的插件或附加组件没有影响，你可以继续并重新激活它。目标是一个接一个地测试插件，看看是否有插件导致了兼容性问题。

另一种方法是一次禁用所有插件(除了 Elementor ),看看编辑器是否工作。然而，我们建议不要使用这种方法，除非你使用的是分期网站。大多数 WordPress 网站依赖插件来实现关键功能，所以一下子禁用它们会影响用户体验。

3.检查你的网站的 PHP 版本

我们之前提到过，Elementor 只支持 PHP 7 和更新版本。你可以从 WordPress admin 查看你当前的 PHP 版本。

进入工具>站点健康并选择信息选项卡。在这里，你可以找到一些关于你的网站的技术信息。如果你打开服务器标签，你将能够检查你的服务器使用的 PHP 版本:

Check your PHP version

Double-check that the PHP version is appropriate

理想情况下，你会看到 PHP 7 或 8。然而，你也许可以通过你的主机控制面板更新你的 PHP 版本，这取决于你的提供商。

如果您使用 Kinsta，MyKinsta 仪表板使您能够为您的每个站点选择 PHP 的版本。打开仪表板并导航至站点，然后选择您想要更新的网站。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

接下来，转到工具标签，向下滚动直到你看到 PHP 引擎选项。您可以使用修改下拉菜单来选择该站点使用的 PHP 版本:

Easily update PHP in MyKinsta

Updating PHP using the MyKinsta platform

有了 Kinsta，您可以从 PHP 的最新版本中进行选择。这些提供了更好的性能和功能。

如果你的主机提供商不允许你直接切换 PHP 版本，我们建议联系支持团队。如果需要，他们应该能够帮助您更新它。如果您的 web 主机不支持 PHP 的新版本，可能是时候迁移到另一个提供商了。

4.检查你网站的内存限制

你的网站的 PHP 内存限制决定了整个 WordPress 安装可以使用多少内存。低内存限制会阻止很多插件正常工作。

正如我们之前提到的，Elementor 对内存的最低系统要求是 128 MB。如果你不确定你的站点的内存限制是多少，你可以通过进入工具>站点健康并选择信息标签来检查。然后，打开服务器选项卡，查看 PHP 内存限制条目:

Checking the PHP memory limit

Check your PHP memory limit

大多数现代 web 主机将提供 128-256 MB 作为 PHP 内存限制基线。如果你使用的是一个应用程序、数据库和管理的 WordPress 主机，比如 Kinsta，这个数字可能是 256 MB。

如果您正在处理一个较小的数字，您可以尝试手动增加 PHP 内存限制。最简单的方法是通过 FTP。

首先通过 FTP 或 SFTP 连接到你的网站，找到 WordPress root 文件夹。这就是俗称的 www，public，或者 public_html 。

找到文件夹后，打开它，寻找wp-config.php文件:

Look inside the wp-config file

FInd the wp-config file

用文本编辑器打开wp-config.php文件，寻找这样一行:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

define( 'WP_MEMORY_LIMIT '，' 256m ')；

根据服务器的内存限制，这个数字可能会更低。如果找不到那一行，可以手动添加。但是，请确保不要编辑wp-config.php文件中的任何其他条目。您还需要将这段代码添加到如下代码行之前:

/就这些，别再编了！博客快乐。/

从技术上讲，您可以接受小于 256 MB 的内存限制，但是您也可以尝试设置一个更高的内存限制。然而，根据我们的经验，256 MB 是 PHP 内存的最佳选择。

完成后，保存更改并关闭文件。现在，再次检查站点健康页面，看看 WordPress 是否识别 PHP 内存限制的变化。

在某些情况下，您的 web 主机可能不允许您手动更改 PHP 内存限制。这意味着你需要联系支持团队，看看他们是否能为你做这件事。

5.Switch Elementor 的 Loader 方法

Elementor 包含一个内置特性，可以让你改变插件加载编辑器的方式。更改 Elementor loader 方法不会对您产生任何影响，但是如果没有其他故障排除方法起作用，我们建议将其作为最后的手段。

要更改元素或加载方法，请转到元素或>设置>高级。然后，找到开关编辑器加载器方法设置，选择启用:

Changing elementor loading methods

Change Elementor loading methods

保存您的更改，并尝试再次加载编辑器。元素或未加载错误现在应该消失了。

其他元素或故障排除方法

如果您在使用 Elementor 时遇到任何技术问题，并且不确定如何继续，您可以使用一些其他的故障诊断方法。让我们来看看它们。

切换主题

大多数受欢迎的 WordPress 主题都用主要的页面生成器插件测试过。然而，我们建议您浏览每个主题的描述，以确保它提到了与 Elementor 的兼容性。

如果你当前的主题不是 Elementor 友好的，更新主题可能会解决你的页面生成器问题。无论如何，切换主题只需要一分钟，所以如果你在使用 Elementor 时遇到问题，值得一试。

禁用浏览器加载项

在某些情况下，浏览器加载项可能会导致逐页错误。例如，您可以使用阻止脚本的加载项，或者向特定网站添加自定义代码的扩展。

当尝试使用 Elementor 时，其中一些加载项可能会导致问题。检查是否如此的一个快速方法是尝试使用 Elementor 进行干净的浏览器安装。

如果错误消失，您需要缩小导致问题的浏览器扩展的范围。这意味着一个接一个地禁用扩展，直到您确定了罪魁祸首。

Learn what causes the Elementor not loading issue and look at the plugin’s requirements, then find out how to fix it, all in this guide 🚀Click to Tweet ## 摘要

如果你依赖于elements 或来构建和更新你的网站，让编辑器无法加载会给你的计划带来很大的麻烦。编辑器可能加载失败有几个原因，但通常与系统要求或插件兼容性问题有关。

以下是如何逐步排除元素或未加载错误的方法:

更新元素或。
检查插件冲突(并测试元素或附加组件)。
检查你的网站的 PHP 版本。
检查你的网站的内存限制。
Switch Elementor 的 loader 方法。

在 Kinsta，我们的计划旨在帮助您使用 Elementor 这样的页面生成器来构建您梦想中的网站。查看我们的计划或咨询销售人员，寻找适合您的计划。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

Elementor 弹出窗口的完整指南(以及如何创建它们)

原文：https://kinsta.com/blog/elementor-popup/

弹出式表单可以是基本的营销工具，使您能够获取电子邮件地址，促进销售，等等。然而，在 WordPress 中制作有吸引力的定制弹出窗口并不总是简单的。

幸运的是， Elementor 页面生成器插件使得在你的网站上创建和定制弹出窗口变得容易。你可以调整它们来匹配你的网站的设计，并根据用户行为或来源添加触发器。

本指南将概述不同种类的 Elementor 弹出窗口，以及为什么您可能想要使用它们。然后，我们将解释如何使用免费和 Pro Elementor 工具制作这些弹出窗口。我们开始吧！

元素或弹出窗口概述

Elementor 是 WordPress 网站最受欢迎的页面生成器插件之一。它使您能够将元素拖放到适当的位置，以设计美观且用户友好的页面:

Elementor page builder plugin

Elementor page builder

此外，Elementor 使您能够创建各种弹出窗口。这些自定义表单在预定时间后或用户完成特定操作后出现在您的站点上。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

出于各种原因，弹出窗口可能是必不可少的工具。你可以用它们来收集线索，扩大你的电子邮件营销列表。Elementor 弹出窗口与电子邮件营销软件集成，将客户地址直接发送到你选择的平台。

你甚至可以利用它们来促进销售、折扣和与你的电子商务商店相关的活动。因此，弹出窗口可以成为你整体营销策略的一部分。

此外，弹出窗口可以帮助你联系你的客户。您可以嵌入调查，以征求消费者的反馈，并改进您的产品和服务。

然而，如果你没有很好地设计弹出窗口，并且没有为你的观众选择正确的触发器，那么弹出窗口会让人觉得廉价和烦人。因此，你需要确保有效地使用它们。这就是 Elementor 的用武之地。

Popup forms can help you capture email addresses, promote sales, and more. 📧 Learn how to make your own in this guide! 🚀Click to Tweet

元素或弹出窗口的类型

Elementor 提供了 100 多个弹出式模板，您可以根据自己的需要进行定制。这些设计包括:

销售线索捕获表单
电子邮件注册弹出窗口
促销弹出窗口
登录和欢迎表单
受限内容弹出窗口
追加销售和交叉销售形式

这些弹出模板内置于 Elementor 工具包中，其中包括针对不同类型网站的各种设计功能:

Popup templates in ElementorKits

ElementorKits popup templates

此外，您可以选择不同的弹出位置和视觉设计，包括:

情态的
滑入式
全屏
顶部或底部条

最后，您可以使用 Elementor 编辑器快速定制任何弹出模板来满足您的需求。我们现在将解释如何使用 free 和 Elementor Pro 实现这一点。

如何用 Elementor(免费)创建一个弹出窗口

之前，Elementor 插件的基本插件有一个模态弹出特性，使用户能够创建一个免费的弹出表单。使用它是最受欢迎的支付 Elementor Pro 的方式之一。你可以找到很多几年前的教程视频，教你如何使用这种方法。

然而，免费的模态弹出功能已经转变成了一个高级的灯箱和模态元素。它不再免费使用。因此，你需要升级到 Elementor Pro，或者购买一个我们将在本文后面介绍的高级 Elementor 插件。

如何用 Elementor Pro 创建一个弹出窗口(5 个简单的步骤)

Elementor Pro 带有一个内置的弹出窗口功能，我们将在本教程中使用。你首先需要购买并激活 Elementor Pro 。然后，你可以去你的 WordPress 仪表盘开始制作弹出窗口。

步骤 1:制作弹出窗口

首先在你的 WordPress 仪表盘中导航到元素或者>模板>弹出窗口。然后，点击添加新弹出创建一个新的:

Add a new popup in templates

Go to “Templates” then “Add New Popup”

然后会提示您命名模板。一旦决定了名称，选择创建模板:

Name popup template and click on create

Name your popup template and click on “Create”

这将启动 Elementor 页面生成器。现在，您可以从现有的弹出模板设计中进行选择，或者从头开始构建自己的弹出模板。在我们的示例中，我们选择了一个现有模板进行编辑:

Choose from existing popup designs in Elementor or build one from scratch

Choose from existing popup designs or build one from scratch

现在，您可以使用设计设置来自定义您的弹出窗口。例如，您可以更改其布局、对齐方式、背景图像和颜色。

第二步:选择你的展示条件

一旦你对你的设计满意，点击发布旁边的向上箭头。然后，从出现的菜单中选择显示条件:

Choose your display conditions

接下来，点击添加条件来选择你的元素或弹出窗口将在你的网站上显示的位置。然后您可以从以下选项中选择一个位置:整个站点、档案、单个或 WooCommerce :

Choose where you want to display the popup on your site

Choose where you want the popup to display

当你对自己的选择满意时，点击下一个。您将被带到弹出表单的触发器。

步骤 3:设置你的弹出窗口触发器

在触发器页面上，您可以决定用户需要做什么来查看您的元素或弹出窗口。默认情况下，每个选项都是禁用的，您可以通过单击滑块来启用它。然后，您需要为您的触发器指定值。

例如，如果您在页面加载上选择，您将需要选择弹出窗口显示的秒数:

Select different popup triggers

Select the popup triggers you want

当在滚动时，你可以选择用户需要滚动的方向，以及在弹出窗口出现之前他们必须覆盖多少页面:

Page scroll triggers

滚动到元素时的设置要求您输入一个 CSS ID。当用户到达页面上的该元素时，将出现弹出窗口:

Scroll to element triggers

当点击时，你必须指定在弹出窗口显示之前用户必须点击你的网站多少次:

More advanced rules options

More trigger options under advanced rules

不活动后设置使您能够在用户在您的页面上闲置一段特定时间后触发您的弹出窗口:

Inactivity triggers

最后，您可以选择在页面退出意图上启用。当用户试图离开您的页面时，此设置将触发您的弹出窗口:

Select the on page exit intent trigger

Select the “On Page Exit Intent” trigger when applicable

完成后，点击保存&关闭或下一步导航至高级规则。我们将在本教程的稍后部分研究这些规则。

步骤 4:在你的站点上添加一个弹出按钮(可选)

您可能希望在用户单击页面上的特定元素时触发 element 或 popup。例如，你可以设计一个写着“立即注册”的按钮，并将其嵌入你的页脚。当用户点击按钮时，他们会在屏幕上看到你的电子邮件注册表单。

首先，你需要在你的网站上创建一个元素或按钮。在 Elementor 编辑器中打开文章或页面，从菜单中选择按钮。将其拖放到您的页面上:

Choose the button option from the menu

Choose the “Button” option from the menu

一旦你指定了按钮文本并定制了它的外观，点击链接>动态标签。然后，从下拉菜单中选择动作>弹出:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Select the popup action for your button

Select the popup action for the button

点击弹出框并从动作下拉菜单中选择打开弹出框。您也可以从弹出菜单中选择您的表单:

Select the popup dropdown option

最后，选择更新来发布你的按钮。每当用户点击它，他们将被带到你的注册表单。

步骤 5:保存你的弹出模板以备后用

您也可以将弹出窗口保存为模板。用 Elementor 编辑器打开你的弹出窗口，点击更新旁边的向上箭头。从菜单中选择另存为模板:

Save your elementor popup as a template

Save your popup as a template

然后会提示您命名模板。完成后，点击保存:

Give the popup template a name and then save it

Give the popup template a name and click “Save”

弹出窗口将保存到您的模板库中。现在，您可以在使用模板构建页面或帖子时使用它。

如何配置高级元素或弹出设置

我们已经介绍了如何制作一个基本的弹出元素。但是，也有一些您可能想要使用的高级设置。

用 Elementor 编辑器再次打开弹出窗口，导航到显示规则。让我们来看看不同的设置。

弹出显示设置

一些高级弹出显示设置使您能够控制用户何时看到您的表单。这些配置可以方便地针对回头客，而不是第一次。

例如，您可以选择在访问者查看您的页面一定次数后显示您的弹出窗口:

More advanced settings and conditions

或者，您可以选择在 X 个会话后显示。此设置针对整体访问，而不是特定页面:

Show after X sessions

Show popup after a certain amount of sessions

最多显示 X 次设置可以限制用户查看您的弹出窗口的次数。如果您不想不断地向访问者发送带有侵扰性表单的垃圾邮件，您可以考虑启用它:

Select how many times users will see your popup

您还可以使用在设备上显示和在浏览器上显示设置来限制弹出窗口的显示位置。在移动设备上弹出窗口可能会特别烦人，所以你可以考虑在那里禁用它们:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Show on devices option

You can choose the “Show on devices” option

提供更好的移动用户体验可以让你的访问者满意。它还可以提高你的搜索引擎优化(SEO)努力，帮助你的网站在搜索结果中排名更高。

用户来源设置

最后，Elementor 使您能够根据您的用户来自哪里来配置弹出显示设置。如果您将访问者引导到促销登录页面，然后使用弹出窗口进行广告交易或询问联系方式，这些设置会很方便。

以下设置使您能够指定 URL 并选择哪些链接将触发弹出窗口:

Show to users arriving from a specific place

最后，您可以选择对登录用户隐藏弹出窗口。如果你运营一个付费会员网站，你可以使用这个设置:

Hide popups for logged in users

当你对所有选择的设置满意时，点击保存&关闭。如果需要，您可以返回到这里并更改这些配置。

元素或弹出窗口的前 3 个插件

正如我们所看到的，Elementor Pro 使得为你的网站创建弹出窗口变得很容易。但是，您可能还没有准备好升级到高级页面生成器。或者，您可能正在寻找额外的设计功能。

考虑到这些因素，这里有几个最好的 Elementor 弹出窗口插件。

1.JetPopUp (Crocoblock)

JetPopUp (Crocoblock) plugin

JetPopUp (Crocoblock)

JetPopUp 是一个用户友好的插件，具有拖放界面，与 Elementor 完美集成。它使您能够创建动态和定制的弹出表单，包括电子邮件注册、cookie 同意表单和倒计时。

JetPopUp 因其交互功能而大放异彩。您可以从多种动画设置中进行选择，如滑动、翻转和旋转。此外，该插件有各种模板，您可以根据自己的需要定制。

这个插件还可以让你选择和定制多个显示设置。例如，您可以在特定日期当用户试图离开您的网站时，或者在一定数量的滚动之后，向用户显示您的 JetPopUp 表单。

特性:

从预设的弹出模板中选择
选择不同的弹出显示条件
包括和排除特定条件
使用动画效果

定价: JetPopUp 费用每年 22 美元。这个包包括 MailChimp 集成、一个弹出窗口小部件和客户支持。你也可以升级到全包订阅，每年 130 美元。它带有 20 个额外的插件和 150 个额外的部件。

2.弹出框部件(PowerPack)

Popup Box Widget (PowerPack) plugin

Popup Box Widget (PowerPack)

如果你正在寻找高级元素或弹出设置，考虑使用 PowerPack 的弹出框小部件。它允许您构建包含视频、图像和谷歌地图等动态元素的自定义弹出窗口。

这个插件使你能够根据不同的用户操作触发弹出窗口，包括退出意图和自定义时间延迟。您还可以创建包含链接和其他行动号召(CTA)元素的交互式两步弹出窗口。

此外，弹出框部件具有高级动画设置。您可以缩放弹出窗口、使用报纸格式或使用 3D 动画。

特性:

从动画效果中选择
创建两步弹出窗口
使用时间延迟和用户触发器
显示图像、视频和其他交互式元素

定价:弹出框部件包含在 PowerPack 订阅中。计划起价为每年 49 美元，包含 70 多种不同的 Elementor 小部件。

3.light box & Modal(Elementor 的基本插件)

Lightbox & Modal (Essential Addons for Elementor) plugin

Lightbox & Modal (Essential Addons for Elementor)

我们之前简单地提到了这个 Elementor 弹出插件。Lightbox & Modal 是一个多功能的小工具，带有 Elementor 工具的基本插件。它帮助您创建具有交互式功能的弹出窗口，如视频、图像和动画。

Lightbox & Modal 设计用于 Elementor 网站上的按钮和链接。您可以创建自定义按钮、图标和文本来触发您的弹出表单。此外，小部件可以使用时间延迟和其他用户操作。

总的来说，Lightbox & Modal 可能是与用户互动的最佳选择，而不仅仅是展示信息。

特性:

对弹出窗口使用按钮触发器
显示图像、视频和自定义内容
自定义弹出布局
从不同的动画类型中选择

定价: Lightbox & Modal 包含在 Elementor Pro 的基本插件中。计划起价为每年 39.97 美元，有 70 多个插件和 7 个扩展。

Learn how to make popups using both the free and Pro Elementor tools with help from this step-by-step guide 💪📧Click to Tweet ## 摘要

弹出式表单对您的销售线索挖掘和营销活动至关重要。他们还可以帮助你与访问者互动，并让他们留在你的页面上。幸运的是，您可以使用 Elementor 页面生成器创建自定义弹出窗口。

用elements 或 Pro 创建弹出窗口非常容易。您可以自定义它们以匹配您的品牌，并决定它们在您网站上的显示位置。您还可以设置高级显示设置，根据用户操作和来源显示您的弹出窗口。

用 Elementor 设计一个漂亮的网站只是第一步。你还需要一个托管的应用程序、数据库和托管的提供商。

今天就来看看我们的定价方案，看看 Kinsta 如何为你的网站增压！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

元素或粘性头的最终指南

原文：https://kinsta.com/blog/elementor-sticky-header/

无论你是一个有抱负的网络开发者还是一个电子商务企业家，你的网站都有一些基本的元素。例如，每个网站都需要一个清晰的标题来帮助访问者在不同的页面之间导航。然而，如果你使用像 Elementor 这样的页面生成器来削减编码，你可能会想是否还有可能制作一个复杂但用户友好的 Elementor sticky header。

幸运的是，使用一个元素或者标题可以为你的用户提供一个浏览你的网站的简单方法。有了这个流行的页面生成器，你可以构建各种各样的标题，当用户向下滚动一个站点时它们不会消失。这一特性使它们具有“粘性”。

在本帖中，我们将讨论粘性头是如何工作的，以及使用粘性头的好处。然后我们将向您展示如何使用该工具的免费版和专业版制作 Elementor sticky header。最后，我们将使用 CSS 为您的粘性标题提供额外的定制选项。我们开始吧！

元素或粘性头简介

没有两个网站是相同的。然而，高质量的网站有一些共同的特征。

如果你运行一个多页面的网站，其中一个元素就是页眉。这是包含有用信息的任何页面顶部的水平栏。

通常情况下，标题包括导航菜单，其中包含诸如关于或联系我们等页面:

The Kinsta website header

Kinsta website header area

当访问者浏览您的页面时，他们可能会希望有一个有组织的标题来引导他们浏览您的站点。由于用户体验(UX)是网站成功的关键，你最好创建一个直观明了的标题。这就是用 Elementor 设计的粘性头可以发挥很大作用的地方。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

想做一个精致又人性化的表头？✨:这本指南会让你了解💪 点击推文

粘性标题的工作原理

在我们学习 Elementor sticky header 如何工作之前，让我们先来看看当你向下滚动页面时，一个标准的 header 是如何工作的:

Example of a standard header

Standard header example

正如你在上面的例子中所看到的，这个标题包含了一个复杂的导航栏，包含了诸如销售、服装、鞋子等类别。这些标签无疑会帮助购物者找到他们想要的东西。但是，当您向下滚动页面时，页眉会消失。

用户可能会觉得这令人沮丧，因为这需要他们滚回页面顶部才能访问导航菜单。幸运的是，粘性头提供了一个简单的解决方案。

通过停留或“粘贴”在页面顶部，粘性标题可以极大地提高网站的 UX:

Example of a sticky header

Sticky header example

当你的网站设计包括粘性标题时，你的用户可以快速跳转到新的页面，而不用浪费时间滚动。

此外，有了这个固定元素，您可以随时将徽标放在前面和中间。这个功能可以帮助用户更容易地回忆起你的品牌，并鼓励他们在你的网站上停留更长时间。

何时应该考虑使用粘性头

当浏览带有粘性标题的大型网站时，访问者不太可能迷路。因此，如果你的网站有很多页面，你可以利用这个特性。这就是为什么你会经常在电子商务网站上看到粘性标题。

如果您想在标题中包含搜索功能，粘性标题会特别有用。这样，当用户滚动并意识到他们找不到他们要找的东西时，他们可以快速地在搜索栏中输入一个查询。

此外，如果你运营一个货币化的博客，在主页上显示你所有的帖子，一个粘性的标题可以改变游戏规则。总的来说，这个头文件可以保证你的网站具有可维护性和可扩展性。

但是，如果你的网站只有一个页面，用这种方式转换你的页眉就没有多大意义了。另外，如果你的网站上有大量的页面，但是每一页都相对较短，你可能也不需要粘性页眉。

总的来说，粘性标题减少了滚动时间，提高了网站的可用性和导航性。如果你不确定这个功能是否对你的网站有益，你可能需要对你的页面长度做一个快速的审核，然后再做决定。

如何创建元素或粘性头

在本教程中，我们将带你完成制作 Elementor sticky header 的步骤。我们将假设您已经在您的站点上安装并激活了 Elementor 插件。

我们将介绍如何使用免费版和 Elementor Pro 制作这个标题。你可能会很高兴地知道，你不需要学习 HTML 或重要的编辑代码来做这件事！

如何使用 Elementor(免费)创建一个粘性头

Elementor 的免费版本为页面构建提供了一些强大的功能。然而，如果你想改变你的页眉和页脚，你需要一些额外的(也是免费的)工具。

记住这一点，让我们看看如何使用 Elementor 创建粘性头！

步骤 1:安装并激活你的基本插件

幸运的是，一些可靠的工具可以轻松扩展 Elementor 免费版本的功能。

导航到你的 WordPress 仪表盘找到你的第一个工具。进入插件>添加新的并使用搜索功能查找 ElementsKit 元素或插件:

Install and activate ElementsKit plugin

Install and activate ElementsKit

像平常一样安装并激活这个插件。完成此过程后，您将进入插件主页面:

You will see the installed plugin on main page

Plugin now installed

现在，再次点击添加新的，在搜索栏中找到元素的粘性标题效果或插件:

Find the Sticky Header Effects for Elementor plugin

Sticky Header Effects for Elementor

重复此工具的安装和激活过程，您就可以开始下一步了！

第二步:创建你的菜单

在你制作任何类型的页眉之前，你需要一个导航菜单。我们要用最常见的元素做一份简单的菜单。它将包括徽标、页面和行动号召(CTA)。

要在你的 WordPress 仪表盘中创建你自己的菜单，进入外观>菜单。在菜单名称字段旁边，给你的菜单起一个描述性的名称。我们将称我们的菜单为“粘性标题菜单”:

Name your sticky header menu

GIve your sticky header menu a name

务必选择表头作为显示位置。您可能还希望选中该框以自动向菜单添加新页面。

接下来，您需要在菜单中添加一些页面。在左侧的页面部分，勾选您想要包含的任何页面的方框，然后点击添加到菜单:

Add pages to the menu

Add pages to your sticky header menu

然后你会看到你的页面被转移到右边的菜单上。继续点击屏幕右下角的保存菜单:

Click on save menu button to save sticky header menu

Save your sticky header menu

如你所见，我们添加了一些基本页面，包括联系我们、T3、T5、样本页面。你可能想重新排列你的页面，这样访问者就能直观地感受到这个顺序。

第三步:创建标题

现在你的导航菜单存在了，但是你不能在任何地方访问它。那是因为你需要为它创建一个头。

为此，请转到左侧菜单中的 ElementsKit 选项卡。如果你还没有，现在你需要点击几个“入门”页面。

每个人都可能有不同的偏好，所以请慢慢选择您想要激活的功能。但是，确保页眉页脚模块在上切换到:

Turn on header footer option in Elements Kit

现在，转到 ElementsKit >页眉页脚:

Add New template

Add new template

此页面将为空，因为您还没有任何页眉或页脚模板。点击屏幕顶部的添加新的，创建您的第一个页眉模板:

Fill in template settings

在上面的屏幕上，输入一个描述性名称，并确保选择割台作为类型。由于你使用的是免费版本，这个标题将会出现在整个网站上。

确保将激活/去激活开关切换到上的，并点击保存更改。现在，您将返回到您的模板页面，在这里您可以看到您的新标题模板列表:

Now you will see your new header template listed

New header template is now available for use

您可能还会注意到这个标题旁边有一个绿色的活动图标。然而，它还没有直播。

要完成你的标题，在模板列表中将鼠标悬停在标题上，点击标题名称下方的Edit in element 或。这将把你带到 Elementor Builder 屏幕。

在这里，点击 ElementsKit 图标:

Click on the ElementsKit icon

在以下屏幕上，选择部分选项卡:

Select the Sections tab

Select the “Sections” tab

向下滚动一点找到你喜欢的标题部分，然后点击插入。我们选择了标题–第 5 节:

Insert header where applicable

Insert the header where you want

正如你可能看到的，我们的导航菜单是不可见的。所以让我们继续把它添加到我们的头模板。为此，将鼠标悬停在标题的导航菜单部分。在这种情况下，它就在中间:

Hover over navigation menu section of the header

点击这个区域，你的菜单设置应该出现在左侧面板中。现在，找到选择菜单字段。在下拉列表中，选择您之前创建的菜单:

Choose the menu you created earlier

此时，您应该看到在您的标题模板中填充了菜单。点击屏幕左下角的更新，你的标准表头就完成了。

让我们看看它是如何工作的:

New sticky header

New header

如你所见，我们的头球看起来很棒。然而，当我们向下滚动时，它就消失了。让我们看看如何才能让它坚持下去。

第四步:让你的页眉有粘性

最后一步，导航到 ElementsKit >页眉页脚>Edit with elements or。然后选择您的标题，并点击带有六个圆点的中间图标:

Click on the dotted icon

当您将鼠标悬停在它上面时，您会看到这允许您编辑部分。一旦你点击它，你的编辑选项将出现在左侧面板。

点击高级标签，向下滚动到粘性标题效果。会有一个警告消息说插件没有控制粘性头，但是你可以忽略它。因为我们也为 Elementor 插件添加了粘性的标题效果，它会工作得很好。

现在通过将开关切换到上的来启用元素或粘性割台:

Enable the Elementor sticky header

根据你的主题，你的粘性标题可能看起来是透明的。如果是这样的话，你可能想做一个风格上的改变。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

在你的编辑部分面板中，在风格下，转到背景>颜色并确保你已经选择了一种能突出你的正常背景的色调:

Make a stylistic change if needed to your sticky header

Make a stylistic change if needed

然后点击更新。现在，您可以预览您的站点，查看最终结果:

Your Elementor sticky header in action

Sticky header in action

就是这样！这是一个简单的 Elementor sticky header，但是它可以很容易地把你的站点带到下一个层次。

如何使用 element 或 pro 创建粘性页眉

使用 Elementor Pro 时，创建一个 sticky header 稍微简单一点。只需三个简单的步骤，您就可以将此功能添加到您的网站中。

第一步:创建你的菜单

要制作你的菜单，在你的 WordPress 仪表盘中导航到外观>菜单:

Create a menu to use

Create a menu

给你的菜单起一个描述性的名字，选择显示位置旁边的主菜单，点击创建菜单:

Give your menu a name and select location

Name your menu and select a location

在这一点上，你的网站上应该有一些现有的页面。从左侧面板中选择您希望包含在菜单中的页面。

然后点击添加到菜单，接着点击保存菜单:

Select the pages you want to inlcude

Select pages to include on menu

现在，您的页面应该被填充到右侧的菜单结构下。

第二步:创建标题

接下来，我们需要创建我们的基础。我们来做一个经典的头球。

首先，在左侧边栏中找到元素或标签。就在那下面，去模板>主题生成器。下面的页面看起来像这样:

Find templates inside theme builder

Find “Templates” inside “Theme Builder”

正如你可能看到的，使用 Elementor Pro，你可以很容易地开始设计你的网站的每一个元素。

点击标题元素上的加号图标( + )。现在，您应该会看到一个弹出窗口，显示多个标题块供您选择:

Choose from multiple header blocks

如果您有预先存在的标题模板，您可以在我的模板选项卡下选择它。否则，您可能想要使用 Elementor Pro 附带的一个截面块。

做出选择后，只需将鼠标悬停在所需的模块上，然后点击插入:

Go ahead and insert the desired block

Insert the desired block

在这里，你会看到这个区块有自己的标志，但我们的导航菜单已经自动填充。现在，点击发布:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

In publish settings add a condition

Click on “Add Condition” inside Publish Settings

以下屏幕将提示您确定您的发布设置。在这里，选择添加条件来决定你想在哪里显示你的页眉:

Select where you want to display the template

你可能想要选择旁边的整个站点包括。您也可以通过点击旁边的箭头排除某些站点区域，包括并交换到备选区域。当您对您的选择满意时，点击保存&关闭。

此时，屏幕右下角会出现一条弹出消息。如果在您可以点击它之前它没有消失，请选择查看您的实时站点的选项。

或者，回到你的 WordPress 仪表盘，点击左上角的房子图标，然后选择访问网站，预览你的网站:

Header is now available

正如您所看到的，我们的标题现在正在运行，但是当我们向下滚动页面时，它就消失了。让我们看看我们能做些什么！

第三步:让你的页眉有粘性

现在让我们看看如何用 pro 工具创建一个 Elementor 粘性头！

进入模板>主题生成器并选择你刚刚制作的标题。然后，点击以下屏幕上铅笔图标旁边的编辑。这将把你带回元素编辑器。

将鼠标悬停在标题模板上，然后单击中间的六点图标。这将打开左侧的编辑部分面板:

Click on the dotted option to edit

现在，导航到高级选项卡并找到运动效果部分。这里，通过将上的开关切换到来启用滚动效果:

Toggle the scrolling effects option to on

Toggle the “Scrolling Effects” option to “On”

然后，向下滚动运动效果部分，找到粘性字段。在下拉菜单中，选择顶部:

Now select the sticky option and select top

Select “Top” in the “Sticky” option dropdown

现在，点击更新。请记住，根据您的主题的配色方案，您的元素或粘性标题可能看起来是透明的:

The Elementor sticky header now functions properly

Sticky header is now functioning properly

如果是这样，并且你不喜欢它的样子，你可以随时改变你的背景颜色。在你的编辑部分面板中，进入风格>背景，选择经典作为你的背景类型。

现在，为你的标题模板选择一个新的背景颜色。您需要选择一种与页面其余部分互补但又能形成良好对比的色调:

Edit sticky header colors

Edit the sticky header if applicable

因为这只是一个例子，我们只是简单地选择一种灰色来使我们的标题不那么透明。

现在，点击更新以保存您的更改。继续并预览您的最终结果:

View any changes made

就是这样！你可能会想根据你的品牌调整风格和颜色。只要确保完成后总是保存您的更改。

如何使用 CSS 来增强你的元素或粘性标题

当你在你的网站上实现一个 Elementor sticky header 的时候，它会给你的网站设计带来重大的改变。但是，您可能对进一步的定制或更动态的特性感兴趣。

现在你知道了如何创建一个基本的粘性标题，让我们看看如何把你的设计提升到一个新的水平。你可以通过在 WordPress 中使用层叠样式表(CSS) 代码来做到这一点。

如果你是初学者或者没有编码经验，不要担心。使用 Elementor 增强您的设计轻而易举。

为此，请转到模板>主题生成器>标题:

Add Custom CSS to make header changes

在编辑部分>高级>自定义 CSS ，下你可以添加一个小的 CSS 片段来进行风格上的改变。

元素或粘性头的类型

这里有一些流行的增强，你可以考虑用在你的 Elementor sticky header 上！

透明粘性标题

有些主题可能会自动将粘性标题设置为透明。然而，如果你想使用 CSS 来做这件事，你可以利用一个代码片段，比如这个:

selector.elementor-sticky--effects{ background-color: rgba(133,130,255,0.5) !important }

selector{ transition: background-color 4s ease !important; }

selector.elementor-sticky--effects >.elementor-container{ min-height: 80px; }

selector > .elementor-container{ transition: min-height 1s ease !important; }

只需将这段代码复制并粘贴到自定义 CSS 字段中，并根据您的喜好调整这些字段。此代码片段改变了页眉的背景色、透明度和高度，并带有动画效果:

CSS for header background customization

这种类型的可能性是无穷无尽的。

收缩粘性标题

另一个受欢迎的选择是随着访问者滚动而变大变小的标题。以下是这种类型的元素或粘性头所需的代码:

header.sticky-header {
    --header-height: 90px;
    --opacity: 0.90;
    --shrink-me: 0.80;
    --sticky-background-color: #0e41e5;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
}

如果你对如此庞大的代码块感到不舒服，你可以参考 Elementor 的指南来制作一个收缩的粘性头。

有了这个设计，你最终会得到这样的效果:

New header effect

虽然这个标题有一个微妙的联系，它的复杂性可能会给你的设计更专业的感觉。

淡入/淡出

除了这些时髦的选项，还有淡入/淡出功能(也称为“显示”)。它看起来像这样:

Fade in fade out feature

Fade in fade out

为了这个效果，你根本不需要接触任何代码。只需在你的主题生成器中导航到你的标题。然后进入编辑区>高级>动作特效>滚动特效:

Edit the transparency option

Edit the “Transparency” option

在这里，点击透明度栏旁边的铅笔图标，将方向更改为淡入或淡出。然后，根据你的喜好调整你的设计。

这些透明效果有很多选项，所以我们建议查看 Elementor 的文档。这样，你就能达到你想要的效果。

在本指南的帮助下，你很快就能制作出元素或粘性标题💪😌 点击推文

摘要

与一个值得信赖的网站建设者合作是一个很好的选择，可以代替付钱给一个经验丰富的网站开发者来创建你的网站。当使用一些最好的网站设计软件时，你可以轻松地制作出任何网站的必备元素。这些包括实用但漂亮的粘性标题。

粘性标题可以为用户创造更愉快的体验。您可以从各种动态标题样式中进行选择，包括透明和收缩。更好的是，您可以使用 Elementor Pro 及其免费版本制作这些令人惊叹的标题设计。

设计网站是启动网站的第一步。然而，你首先需要可靠的主机。查看 Kinsta 的托管计划，看看我们如何优化您网站的性能！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何在 wordpress 中创建元素或表格

原文：https://kinsta.com/blog/elementor-table/

表格是大多数网站的重要组成部分。你可以用它们来分享各种信息，从价格到功能列表和链接。WordPress 允许你为你的网站设置基本的表格，但是你可能正在寻找更多的定制选项。

使用element 或，您可以访问多个表格小部件。此外，有许多 Elementor 表格插件可以向流行的页面生成器添加新的小部件。

在这篇文章中，我们将讨论 WordPress 表格是如何工作的，以及它们与 Elementor 小部件的比较。然后，我们将向您展示如何手动创建元素或表格，并向您介绍一些向编辑器添加新表格小部件的插件。我们开始吧！

何时使用 WordPress 表格

一旦你开始寻找它们，你会发现表格在网上无处不在。这是因为它们是网站中最通用的元素。

以定价表为例。很难找到不使用表格来帮助您比较选项的服务或订阅网站:

Pricing tables on the Kinsta website

Pricing tables on Kinsta

表格使您能够以一种读者易于理解的方式呈现大量信息。更好的是，表格使用户可以更简单地比较多个数据集:

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

A table comparing multiple datasets

Comparing multiple datasets

除了帮助你分享信息之外，表格还可以帮助打破博客文章或网页中冗长段落的单调。通常，我们建议您避免使用长的文本墙，因为它们可能很难浏览。

块编辑器让您可以轻松地向网站添加表格。表块使您能够设置您需要的行数和列数:

Tables using the block editor in WordPress

WordPress block editor tables

尽管在 WordPress 中添加表格很容易，但是在定制选项方面你会受到一些限制。您可以更改背景颜色、自定义按钮样式和修改字体大小，但仅此而已。如果你想创建更加时尚和复杂的表格，你需要使用页面生成器，比如 Elementor(或者甚至 Divi) 。

Tables are a key component of most websites 💪, and this guide will show you how they can enhance your site 🚀Click to Tweet

元素或表格能做什么

如果你想超越基本的 WordPress 表格，Elementor 给你一个高度可定制的价格表小部件。这使您能够编辑表格标题、设置标题标签、添加功能列表、调整行动要求(CTA)等:

The Elementor Price Table widget

Elementor Price Table widget

请记住，使用 Elementor，您可以为任何页面或帖子创建任何类型的布局。这意味着您可以设置多列设计，这样您就可以并排拥有几个价格表小部件:

Example of price table widgets side by side

Price table widgets in Elementor side by side

Elementor 还附带了一个目录小部件。这使得浏览长篇内容对你的读者来说更加容易。

如何创建元素或表(手动)

使用 Elementor 创建定价表很简单。首先，打开 Elementor 编辑器。从这里，您可以选择从空白页开始，或者从 Elementor 库中导入模板:

Choose a page or template from the Elementor library

当您准备好添加元素时，您将需要选择希望表格拥有的列数。单击编辑器底部的元素或加号，并选择要用于价格部分的列结构:

An image showing number of columns available

Select the number of columns you want

请记住，如果您使用多个列，您需要在每个列中添加一个单独的价格表小部件。尽管每个表格都是一个独特的元素，但用户会将它们并排(或在移动设备上上下重叠)地视为一个部分的一部分:

Add multiple table widgets when needed

我们建议先添加一个价格表模块并对其进行样式化。然后，您可以将该元素复制到剩余的列中，并为每一列添加唯一的文本。

要定制表格，选择元素并移动到小部件设置下的样式选项卡。Elementor 为您提供了大量的样式选项。这些包括颜色选择、版式设置和表格各部分的独特配置:

Customize the table using the styling options in Elementor

一旦您对价格表的样式感到满意，右键单击元素并选择复制选项。表格的副本将出现在原始元素下，您可以将它拖到其中一个空列中:

Use the duplicate option when needed

Duplicate your table to save time

您将希望对尽可能多的列重复该过程。请记住，如果您不想重复使用设置，每个表格都可以有独特的样式。在这种情况下，确保风格足够相似，这样访问者就会明白他们在看一个比较。

在定制表格时，请记住 Elementor 允许您向任何模块添加定制 CSS。为此，转到小工具的高级设置，并选择自定义 CSS 选项卡:

Add custom CSS to a module in Elementor

Add custom CSS

通过 Elementor 添加定制 CSS 比手动编辑 WordPress 代码要容易得多。同样，在 WordPress 中编辑 CSS 需要你访问主题文件，优化代码以获得最佳性能。使用 Elementor，您只需要在每个模块的相应字段中添加 CSS 代码。

如果手动添加 CSS 听起来很吓人，不要担心。学习 CSS 并不需要你成为一名网页开发者。然而，这是一项有价值的技能，可以帮助你定制你的 WordPress 网站(甚至可能在网络开发领域找到一份的工作)。

一旦所有的表都设置好了，就该编辑它们的文本，并根据需要为每个条目添加尽可能多的特性。您可以通过选择一个表格并移动到小部件设置下的内容选项卡来完成此操作:

Edit table text and other content

Edit table text and other table content

编辑价格表的内容很容易。您可以单击小部件中的任何元素来开始编辑它。一旦你对结果满意，你的价格表就可以开始了。

顶部元素或表格插件(12 个选项)

尽管 Elementor 包含了大量帮助您创建表格的工具，但是您可以随时向花名册中添加更多的小部件。在这一节中，我们将看看 12 个 Elementor 插件，你可以用它们来为你的文章和页面添加新类型的表格。尽管这些插件很多都是为 Elementor 设计的，但是你可以把它们作为普通插件安装。

像往常一样，我们只推荐同类最佳的 WordPress 插件，它们提供出色的性能并定期更新。使用优化良好的插件将帮助你扩展你的网站而不会遇到性能问题。

1.elements kit Elementor 的附加组件

ElementsKit add on

ElementsKit

ElementsKit 为 Elementor 添加了超过 85 个小部件。您可以选择基本表格、定价表格、支持嵌入 TablePress 元素等等。

ElementsKit 的专业版还包括一个高级表格小部件。这使您能够向表中添加搜索和过滤功能。另外，你可以包含分页功能，这样用户就可以在你的网站上导航条目，而不需要大量的表格。

主要特性:

三种类型的表格小部件
支持表格过滤、搜索和分页
与 TablePress 集成以嵌入表格

价格: ElementsKit 许可从开始，每年 39 美元。

2.WP 表格生成器

WP Table Builder plugin for Elementor

WP Table Builder

如果你是拖放编辑器的粉丝(如果你使用 Elementor，你应该是)，你会喜欢使用 WP 表格生成器。这个插件使你能够使用预先配置的元素来构建表格，比如按钮、评论部分、产品评级等等。

在高级元素之上，您可以访问基本模块，如文本和图像。该插件还附带了表格模板，这将使您的工作更加简单。

您可以使用块编辑器将 WP 表生成器表添加到您的网站。该插件还与 Elementor 集成，使得在网站内的任何地方放置表格变得容易。

主要特性:

使用拖放式表格生成器
访问预先构建的元素，如按钮、评论部分和产品评级
自定义表格中每个元素的样式
使用预建的页面模板

价格: WP 表格生成器许可从开始，每年 39 美元。

3. TablePress

TablePress add on

TablePress

TablePress 是一个免费插件，它是你能为 WordPress 添加电子表格功能的最接近的插件。该插件可以导入多种格式的数据，包括 Excel、CSV 和 JSON 文件。您甚至可以为其他程序导出表格数据。

使用 TablePress，您可以创建包含搜索功能的表格。如果你显示大量的数据集，用户可以选择显示多少条目并在页面间移动。

用 Elementor 嵌入 TablePress 表格很简单。插件为每个表创建唯一的短码。element orshort codewidget 将帮助你在网站的任何地方添加这些代码。

主要特性:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

导入和导出 Excel、CSV、JSON 和 HTML 格式的数据集
向 WordPress 添加可搜索的表格
为表格启用分页

价格: TablePress 是一个免费的插件，但是你可以为它找到高级扩展。

4.Elementor 的基本附件

Essential Addons for Elementor

Essential Addons

Elementor 的基本插件为页面生成器增加了 80 多个新的插件。您可以选择价格表、数据表、目录等。

Elementor 的基本插件有两个版本。免费插件添加了 Elementor 附带的更好版本的价格表小部件。如果您想要访问数据表(包括过滤、搜索和多种样式)，您需要支付高级许可费。

主要特性:

添加价格、数据和内容表微件
启用表内搜索和过滤

价格:【Elementor 和 premium 许可有一个免费的基本插件版本，起价为 $39.97 每年。

5.Elementor 的 PowerPack

PowerPack for Elementor add on

PowerPack for Elementor

PowerPack for Elementor 向页面生成器添加了 70 多个小部件。该插件还包括大量新模板，你可以用它们来更快地设计网站。

至于表，PowerPack 使您能够设置可排序和可搜索的数据表。您可以使用 CSV 文件将数据导入表格。该插件还包括多个表格模板选项。

除了数据表之外，PowerPack 还提供信息和定价表小部件。如果你想给访问者提供你所提供的服务的明细，信息表是完美的。

主要特性:

创建可排序和可搜索的数据表
以 CSV 格式导入数据表
添加定价和信息表小部件

价格: PowerPack 许可从开始，每年 44 美元。

6.Elementor 的专属插件

Exclusive Addons for Elementor plugin

Exclusive Addons for Elementor

Elementor 的独家插件有免费版和高级版。免费插件为 Elementor 增加了 39 个新的插件，而高级许可证将为你带来超过 69 个新元素。

说到表格，免费版增加了一个新的定价表模块。使用高级版本，您可以访问比较和数据表。比较表的工作方式类似于定价元素，但是您可以使用新的布局和样式。

主要特性:

添加新的定价表模块
访问比较和数据表
访问表格小部件的多种布局

价格:element or 有一个免费版的专属插件。高级许可从开始，每年 29 美元。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

7.喷气元素

JetElements addon

JetElements

JetElements 为 Elementor 增加了 45 个新部件。其中大部分面向电子商务和订阅网站。然而，JetElements 的花名册中还包括几个有趣的表格小部件。

在这些小部件中，有定价和响应表。与 Elementor 中的基本定价表相比，JetElements 版本为您提供了许多新的定制选项。例如，您可以使用大量的视觉效果，如表格元素的视差和微动画。

主要特性:

将定价和响应表添加到元素或
使用新的视觉效果(如视差)来自定义表格

价格: JetElements 全包许可证从开始，每年 130 美元。您还可以创建自定义 widget 包，只选择您想要使用的选项。

8.Elementor 的高级插件

Premium Addons for Elementor

Elementor 的高级插件有免费版和高级版。然而，只有高级插件向 Elementor 添加了新的表格小部件。

如果您购买了高级许可，您将可以访问新的数据和价格表小部件。如果你想为你的访问者显示更多的信息，你可以在数据表中添加图表和图形部件。

主要特性:

将数据和定价表小部件添加到元素或
用图表和图形小部件伴随表格

价格:element 或 Premium Addons 的许可从开始，每年 39 美元。

9.数据导师

DataMentor addon for Elementor

DataMentor

DataMentor 是一个向 Elementor 添加单个表格小部件的插件。然而，这个小部件比我们目前看到的大多数附加组件包含了更多的功能。

DataMentor 表的用途非常广泛。您可以在每个元素中添加图像、按钮、列表和图标。该小部件使您能够为每一列或每一行创建具有单独样式的表格。如果您想快速启动设计流程，还可以访问几个表格模板。

主要特性:

向元素或添加新的表格小部件
访问多个表格模板
在表格中添加图像、文本、按钮、列表和图标

价格: DataMentor 是一个免费插件。

10.元素的快乐插件

Happy Addons for Elementor

Happy Addons

Elementor 的快乐插件是页面生成器最全面的插件之一。该工具向 Elementor 添加了超过 99 个小部件，并向其库中添加了大量新模板。

就表格而言，Happy Addons 包括基本和高级表格部件。高级版本支持多种格式的导入数据，以及搜索、过滤和分页。此外，您可以访问多个预先设计的表格布局。除了这些选项，Happy Addons 还包括定价和比较表元素。

主要特性:

访问基本和高级表格小部件
为高级 ables 导入数据
使用预先设计的表格布局
添加定价和比较表

价格:有一个免费版的快乐插件。高级许可从开始，每年 39 美元。

11.皇家元素插件

Royal Elementor Addons

皇家元素师插件为元素师增加了 40 多种新的插件。这些都是免费的，但该插件也有一个高级版本，可以为每个小部件解锁额外的定制选项。

有了 Royal Elementor 插件，你可以在 Elementor 中使用新的价格表。这个小部件包括几个新的样式选项。此外，它带有一个切换选项，访问者可以使用它在月价格和年价格之间切换(或其他选项)。

主要特性:

向 Elementor 添加新的定价表小部件
使用新的样式选项自定义价格表
在您的表格中添加价格切换

价格: Royal Elementor 插件免费。高级许可费用为每个网站 29 美元(这是一次性费用)。

12.元素或附加元素

Elementor addon elements plugin

Elementor Addon Elements

Elementor Addon Elements 是一个免费插件，为 Elementor 添加了超过 24 个新的插件。其中，您可以选择价格、比较和数据表。

价格表包括许多额外的定制选项，而默认的 Elementor 小部件没有这些选项。对于数据表，您可以选择创建可搜索或可过滤的元素。此外，表格支持动画，这可以使它们在视觉上更加引人入胜。

主要特性:

向 Elementor 添加价格、比较和数据表
在可过滤和可搜索的数据表之间进行选择
向数据表添加动画

价格: 元素或附加元素免费。

Get ready to learn ✅ how to create Elementor tables manually and ✅ the best plugins to use to ad new table widgets to the editor 🚀Click to Tweet ## 摘要

Elementor 为你提供了广泛的工具来创建时尚复杂的 WordPress 表格。许多 WordPress 表格插件也与 Elementor 兼容，这意味着页面生成器允许你添加几乎任何类型的表格到你的网站。

Elementor 页面生成器附带了一个直观的价格表小部件。如果你想添加其他类型的表格，我们建议使用 ElementsKit 或 WP Table Builder 等 Elementor 表格插件。

Kinsta CDN 是一款高性能 CDN，所有 Kinsta 客户均可免费使用。它由我们免费的 Cloudflare 集成提供支持，并自动提供来自全球 200 多家 pop 的内容。如果您对 Kinsta CDN 有任何疑问，请随时联系我们的 24/7 支持团队寻求进一步帮助！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何创建和使用元素或选项卡

原文：https://kinsta.com/blog/elementor-tabs/

当建立一个网站时，确保你的内容组织良好是至关重要的。整齐地排列你的页面可以帮助改善用户体验(UX ),并使文本更容易消化。组织内容的方法之一是使用 Elementor 或 Tabs 小部件。

选项卡式内容允许用户在不同的内容部分之间进行切换。此功能消除了访问者导航到页面不同区域的需要。将相关内容分组到选项卡式容器中可以增强站点的外观和可用性。另外，你可以在没有任何 WordPress 开发经验的情况下设置这一切。

在这篇文章中，我们将简要介绍 Elementor 及其不同版本。然后，我们将带您了解如何创建和定制 Elementor 选项卡以及一些第三方工具，您可以使用这些工具来增强小部件的默认功能。

我们开始吧！

元素概述

Elementor 是一个流行且强大的网站构建器插件:

Elementor plugin homepage

Elementor page builder.

您可以使用页面生成器为您的网站创建漂亮的页面，无论是从头开始还是使用预制的模板。Elementor 有一个拖放编辑器，所以你不需要接触一行代码。

需要注意的是 Elementor 有免费版和付费版。免费的 Elementor 插件让你创建标准的页面和文章。

但是，它的特性和功能可能会受到限制。要解锁全套工具，我们建议升级到 Elementor Pro。在这篇文章中，我们将指出在使用 Tabs 小部件时，免费和专业计划的区别。

The secret to improving your site's UX? 👀Make sure your content is well organized 😌 Learn more in this guide ✅Click to Tweet

如何创建元素或选项卡(选项卡小部件)

既然我们对 Elementor 有了更多的了解，让我们来看看如何使用 Tabs 小部件。注意，在接下来的教程中，我们假设你已经在你的 WordPress 站点上安装并激活了 Elementor 。

首先，导航到你想添加标签内容的文章或页面，选择用元素编辑或:

Select the edit with elementor option.

Select “Edit with Elementor”.

这将启动 Elementor 编辑器界面。在左侧面板的元素下，搜索并选择选项卡小部件:

Search and select the tabs widget

Search for and select the “Tabs” widget.

您可以将小部件拖放到页面部分。放置选项卡小部件后，将出现一个新的控制面板，其中包含其设置:

Drag the widget to your page where you want it to show

Drag the widget to your page.

您可以为每个选项卡输入标题和内容。您也可以点击 +添加项目按钮来插入另一个选项卡。在类型下，选择是水平还是垂直显示选项卡。

如何自定义元素或选项卡

将文本添加到选项卡后，您可以自定义整体小部件设置。有几种不同的选择。

选择每个自定义选项卡修改其属性，包括其标题、框内容和图标。您还可以更改其位置和对齐方式:

Modify your tabs as needed

Modify tabs as needed.

接下来，在 Style 选项卡下，您会发现许多用于定制 Elementor Tabs 小部件的设计和外观的选项。您可以修改其文本颜色和阴影、版式、间距等:

Customize styles and spacing under the Style tab

Customize styles and spacing.

您可以更改选项卡周围的边框颜色和宽度。这种设计特征有助于区分各个部分。

在标题下，可以修改标签标题的文字颜色。您也可以通过点击排版来更改字体和文本大小:

More modification options under typography

More modification options.

完成后，保存您的更改。还有一些高级设置，你可以考虑使用，使你的标签内容更加复杂。

元素或选项卡的高级设置

在 widget 设置面板的高级标签下，你会发现大量的附加选项:

More options under the advanced tab

Advanced tab options.

让我们仔细看看这些设置:

高级:改变标签页的边距和填充。
运动效果:增加滚动和鼠标效果，让 widget 更具互动性，增加入口动画。
变换:翻转、旋转和缩放您的小部件。
背景:选择标准背景或悬停以插入过渡。
边框:选择边框类型，如实线或虚线。
蒙版:选择一个时尚的设计蒙版，应用到 widget 上。
定位:调整 widget 的宽度和位置。
Responsive: 更改将影响预览或实时页面的响应可见性。
属性:为元素包装器设置自定义属性。
自定义 CSS: 插入您的自定义 CSS 。

需要注意的是，如果您使用的是 Elementor 的免费版本，您将无法访问所有这些高级设置。例如，你不能添加自定义属性，滚动效果，或者你的 CSS 。

如何在选项卡小部件中添加元素

使用 Elementor Pro，您还可以在 Tabs 小部件中插入另一个元素。例如，假设您想要在位置选项卡下添加地图小部件。

为此，创建您想要使用的地图，然后通过右键单击铅笔图标并选择另存为全局将其保存为全局小部件:

Save widget as global

Save as a “Global” widget.

接下来，导航到你的模板库(从你的 WordPress 仪表盘)并复制你刚刚创建的全球窗口小部件的短代码。

然后在选项卡小部件内单击并选择 +添加项目按钮来添加一个新的选项卡。在容器的文本区域中，粘贴刚刚复制的短代码:

Paste the relevant shortcode into the container

Paste the shortcode into the container.

完成后，点击屏幕底部的更新或发布。然后，您可以预览小部件在站点前端的外观:

A view of a tab from the front end

A view from the front end.

就是这样！你们都完了。

元素或标签的 8 大插件

Elementor 是一个强大的工具，拥有创建美观实用的选项卡式内容所需的所有功能和特性。

但是，您可能希望进一步改进您的设计或使用高级功能。在这种情况下，您也可以考虑将 Elementor 与另一个第三方工具配对。

让我们来看看 Elementor 选项卡的一些顶级插件，排名不分先后。

1.ElementsKit 元素或表格小部件

Elementor 的 ElementsKit 插件是一个流行的扩展:

ElementsKit Elementor Table Widget add on

ElementsKit Elementor Table Widget.

它的 Table 小部件允许您以一种有组织的方式展示大量未同步的数据。您可以构建一个可定制的表格，添加正文内容，并插入图像和导航元素。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

elemontskit 的功能包括:

比较表
日程和日历
项目管理
菜单
500 多个街区
70 多个插件
一个巨大的菜单建设者
视差效果
弹出式模型生成器

ElementsKit 的价格从单个网站每年 39 美元起。该计划包括一年的更新和支持。

2.Elementor 的优雅标签

elements or是一款直观的工具，可帮助您创建和定制动态标签:

Elegant Tabs for Elementor

Elegant Tabs.

如果您正在寻找一个具有许多设计定制选项的扩展，这个插件可以是一个可靠的选择。您可以添加自定义颜色、图标和字体。你也可以使用优雅的标签来给你的标签添加自动切换功能，并把它们链接到你网站上的其他内容。

优雅标签的主要特点包括:

高级样式选项
自动切换功能
在加载时将任何选项卡设置为活动的选项
对齐和垂直制表符
深层链接
制表符对齐支持

优雅标签的价格从每年 19 美元起。该计划包括六个月的更新。

3.Livemesh Addons

Elementor的 Livemesh 插件包括大量现成的元素，帮助您轻松设计和构建选项卡式内容:

Livemesh Addons for Elementor

Livemesh Addons.

您可以选择浅色和深色标签类型，超过 10 种标签设计，以及水平和垂直布局选项。Livemesh 插件使用起来也很简单，如果你是 WordPress 或 Elementor 的新手，这是非常好的。

Livemesh 的主要功能包括:

10 种浅色标签设计和 10 种深色标签设计
垂直和水平选项
可定制的移动分辨率
25+插件
支持图标

Livemesh 插件计划每年起价 37 美元。该计划包括为期一年的更新和支持。

4.元素或附件

来自流行的 PowerPack 的 Elementor Addons 是一个功能丰富的插件，用于提升 Elementor Tabs 小部件的设计和功能:

Elementor Addons tab widget

Elementor Addons.

你可以使用这个插件给你的标签页添加文本和图像，并为高级标签页部件应用六种样式。很人性化，很容易理解。此外，Elementor Addons 也是轻量级的，所以你不必担心你的网站变慢。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

由 powerpack 提供的 elemontor 插件的主要特性包括:

一个快速轻量级的界面
预建模板
自定义内容显示
高级选项卡样式

起价$ 44/年，这个插件比列表上的其他一些选项更贵。然而，它有一整套小部件来定制你的网站的所有方面，而不仅仅是你的标签内容。

5.喷气元素

JetElements 提供了一个响应式表格小部件，如果您正在寻找一种快速简单的方法来对内容进行分组，这可能是一个理想的选择:

JetElements Responsive Tables

JetElements.

它让您以一种干净、现代的方式展示非结构化数据。JetElements 还提供了一个定价表小部件，以八种不同的方式定制和样式化您的定价细节。

jetelemonts 的主要特点包括:

45 个部件
CSV 导入到表格设置
8 种风格选择
支持所有内容类型
完全可定制

JetElements 的订阅费用从每年 24 美元开始。Crocoblock 还提供一个全包包，每年 130 美元，有 150 多个小工具。

6.基本附件

另一个你可能考虑用于元素或标签的流行插件是基本插件:

Essential Addons

Essential Addons.

这是最流行的 Elementor 插件之一。它包括 100 多个现成的块和 80 多个元素，用于扩展和增强网站构建器。

插件的数据表是选项卡式内容可以利用的最佳元素之一。这个工具可以让你无缝地设计几乎任何表格类型，并添加图标，过滤器，等等。

基本插件的主要功能包括:

CSV 导入到表格设置
过滤选项
完全可定制的设置
高级样式选项
高级选项卡和折叠元素
定价表

对于一个网站来说，基本插件的价格从每年 39.97 美元开始。它附带一年的更新和支持。

7.高级附加组件

Premium Addons 是 Elementor 的一个高度可定制的工具，附带了大量免费和高级的插件:

Premium Addons for Elementor

Premium Addons.

在这个插件包含的许多强大的部件中，有一个是 Elementor 价格表。它带有排序功能，实时搜索，以及按升序或降序排列项目的选项。

高级插件的主要功能包括:

导入 CSV 文件的选项
将 URL 添加到表格单元格
实时搜索和排序
定制和样式选项
洛蒂动画

你可以免费下载并使用 Premium Addonselements 或 Table Widget。还有一个高级版，每年 39 美元起。

8.元素包

你可以考虑在 Element 或 Tabs 部件中使用的最后一个插件是 Element Pack :

Element Pack table add on

Element Pack.

这个 Elementor 扩展包包括一个表格小部件，它可以以一种迷人而时尚的方式呈现您的内容。您可以在选项卡式内容中创建各种表格，包括价格、内容和加密货币表格。

Element Pack 的主要功能包括:

CSV 导入到表格设置
三表元素
定制和样式选项
过滤功能
实时搜索

Element Pack 的单一站点许可费用为每年 29.25 美元，是这个列表中最便宜的选项之一。该计划还包括 20 天的退款保证。

It's time to get organized 🗂 Elementor tabs (and this guide!) are here to help 💪Click to Tweet ## 摘要

Elementor 是一个优秀的工具，可以帮助你毫不费力地设计和构建你的网站。如果你想以一种吸引人的方式来分组和组织你的内容，你可以考虑使用 Elementor 或 Tabs 小部件。

正如我们在本文中讨论的，您可以通过 Elementor 编辑器轻松地将这个小部件插入到任何页面或文章中。然后你可以添加你的内容和风格，以配合你的品牌。为了扩展小部件的功能，您还可以将它与第三方插件配对，比如 ElementsKit。

用户友好和吸引人的设计对网站的成功至关重要。

你还需要与强大的应用托管、数据库托管和托管 WordPress 托管提供商合作。

查看我们的托管计划,看看 Kinsta 如何将您的网站提升到一个新的水平！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年的 27 个最佳 Elementor 模板

原文：https://kinsta.com/blog/elementor-templates/

多亏了 Elementor page builder ，你可以设计一个网站，而不用给写一行代码。然而，有时你可能会受益于援助之手。

这就是元素或模板的用武之地。这些都是现成的页面设计，有你创建一个令人瞠目结舌的网站所需的布局、内容，甚至功能。

在本帖中，我们将讨论什么是 Elementor 模板，为什么你可能想要使用它们，以及如何为你的站点选择合适的模板。然后，我们将分享 27 个令人惊叹的模板，它们可以帮助你建立高转化率的商店、商业网站、博客以及介于两者之间的一切。我们开始吧！

Elementor 模板 vs WordPress 主题

Elementor 模板是预先设计的页面和块，您可以将它们应用到单个页面甚至特定的用户界面(UI)元素。Elementor 模板和 WordPress 主题的主要区别在于它们影响的页面数量。

WordPress 主题改变了你整个网站的设计。相比之下，元素或模板影响单个网页的布局:

Example of an Elementor Template

Elementor Template example

因为它们被限制在一个页面中，所以您可以同时使用多个元素或模板。例如，你可以为你的主页使用一个模板，为你的博客布局使用另一个模板。

有些 Elementor 模板是整页布局。其他模板控制单个块的外观。这些部分包含预构建的小部件，如页眉、页脚和评价。您甚至可以在一个网页上使用多个块模板:

Elementor Blocks

虽然你可以下载和安装多个主题，但是你一次只能激活一个主题。这意味着不可能在同一个网站上同时使用几个主题，或者在同一页面上混合搭配多个主题:

WordPress Themes in the repository

WordPress themes

作为一个开源平台，你可以自由创建自己的 WordPress 主题。这包括定制第三方的作品和创造独特的儿童主题。然而，这需要专业技能和一定程度的技术知识。

使用 Elementor，您可以使用直观的拖放编辑器来设计页面或块。然后，只需点击几下，您就可以将该设计保存为模板。

与开发你自己的 WordPress 主题相比，创建一个 Elementor 模板既快速又简单。你甚至不用写一行代码。

多亏了 Elementor 页面生成器，你不用写一行代码就能设计一个网站。👩‍💻在本指南中找到 27 个漂亮的模板🤩 点击推文

为什么选择正确的模板很重要

即使使用 Elementor 这样的用户友好的页面生成器，创建专业外观的布局也需要时间和精力。通过使用模板，您可以快速跟踪整个过程。

正确的模板将提供一个坚实的基础，然后你可以调整它，使之符合你自己的品牌。这可以帮助你用最少的麻烦创建一个令人惊叹的网站。

Elementor 模板可以让所有网站所有者受益。然而，你创建的网站越多，好处就越大。

如果你是一个 WordPress 设计者或者开发机构，使用 Elementor 模板意味着你不必每次都从头开始。有了灵活、专业的设计，您可以在更短的时间内创建更多的网站。这对你的利润率来说是个好消息。

建立自己的网站也可能是一项艰巨的工程。如果你没有以前的设计或开发经验，这一点尤其如此。你也可能感觉缺乏创造性的灵感。

正确的模板将为您做许多繁重的工作。一旦你把它添加到你的网站上，你就可以专注于使设计与你的主题保持一致所需要的微小变化。因此，正确的模板可以加速设计和开发过程，提高您的成品网站的质量。

选择 Elementor 模板时需要考虑什么

有无数免费和优质的 Elementor 模板。有这么多选择，只选择一个会让人觉得是一种挑战。

货比三家的时候，从你的行业入手是有意义的。许多模板都是针对特定的领域设计的，比如旅游或汽车租赁。这些模板通常附带有占位符功能，可以满足您的特定需求。例如，一个餐馆模板可能有一个预订表格。

你还应该考虑你的网站需要的功能，比如你的 WooCommerce 网站的购物车。虽然 Elementor 使您能够定制其模板，但正确的功能可以最大限度地减少您需要进行的更改。

您可以使用 Elementor 编辑器更改模板的外观。然而，为了让您的生活更轻松，有必要货比三家，寻找一个与您想要的品牌非常相似的模板。

在本帖中，我们将介绍一系列免费和高级的 Elementor 模板。虽然付费模板看起来是更好的选择，但是有很多免费的设计有干净的代码和令人印象深刻的布局。

合适的模板将根据您的预算而有所不同。然而，仔细阅读最近的评论是有帮助的。许多模板开发者也提供交互式演示，这可以帮助你评估设计的质量。

支持是高级和免费模板有所不同的一个方面。许多付费模板提供免费支持。如果你选择免费设计，你可能需要依靠社区资源，比如在线教程和论坛。因此，考虑您可能需要的支持级别很重要。
T3】

如何创建和安装元素或模板

选择 Elementor 模板后，下一步是将其上传到页面生成器的模板库。无论您是购买了模板还是选择了免费设计，您都应该可以选择将该文件下载到您的计算机上。然后，您可以轻松地将它导入到您网站的模板库中。

如何导入和安装 Elementor 模板

要导入设计，导航至模板>保存的模板。然后，点击导入模板:

Import Elementor Templates

Import Templates

在随后的窗口中，找到要上传到 Elementor 库的模板。然后，点击立即导入。

就像改变一个 WordPress 主题，在切换到一个新的 Elementor 模板之前创建一个完整的备份是聪明的。一旦你这样做了，你可以通过导航到模板>保存的模板来应用你的新模板。

您还可以通过 Elementor 库查看所有自定义模板。要访问该资源，请单击 Elementor 编辑器中的小文件夹图标:

Click on the little folder icon inside the Elementor editor

然后，点击我的模板。此选项卡显示您已导入 Elementor 库的所有设计:

Displaying all your templates

Displaying all your Templates

请注意，一些模板可能包含常用内容，如图像、视频和音频。虽然 Elementor 有权显示这些第三方内容，但不能保证您可以合法地将这些媒体包含在您的公共网站上。

大多数著名的模板创建者都乐于提供许可权，所以查看细则以获取更多信息是明智的。如果您不确定，您可以随时联系模板开发人员获取更多信息。

如何在 element 或中将页面保存为模板

如果你想创建你自己的元素或者模板，这个插件可以让你这样做。首先，您需要使用 Elementor 来构建一个您希望在以后重用的设计。

一旦你对页面设计感到满意，在 Elementor 编辑器的左下角找到 Publish 按钮。然后，单击该按钮旁边的向上箭头:

Save a page as a Template in Elementor

Save a page as a Template

您将看到将设计保存为草稿或模板的选项。如果您选择后者，Elementor 将要求您为模板选择一个名称:

Choose a name for the Template

Enter the Template name

选择一个名称并点击保存。现在，该模板将出现在 Elementor 库的“我的模板”选项卡下。您也可以通过从仪表板导航到模板>保存的模板来访问模板(正如我们在上一节中向您展示的)。

使用 Elementor，您可以创建和保存的模板数量没有限制。页面生成器还允许您导出模板，这正是下面列表中大多数创建者所做的。如果你对你的元素或模板制作技能有信心，没有理由你不能卖掉你的设计。

如何使用 Elementor 创建 WordPress 页眉和页脚模板

如果你使用的是 Elementor Pro，插件会给你创建多种类型的页面模板的选项。您可以使用这些模板来构建整个主题:

Different types of page Templates in Elementor

Page Templates in Elementor

要设计新的元素或页眉页脚模板，请进入模板>主题生成器并点击添加新模板。选择显示页眉(或页脚)的选项，Elementor 编辑器将打开。

在这个阶段，您可以从多个页眉和页脚模板中进行选择，也可以从头开始设计自己的模板。完成后，点击 Publish ，Elementor 会让你选择要应用新模板的页面。

默认情况下，Elementor 将为每个页面添加页眉和页脚模板。但是，您也可以挑选在哪里使用新模板。

WordPress 网站前 24 个元素或模板

Elementor 拥有超过 500 万的活跃安装数，是 T2 最受欢迎的页面创建者之一。这意味着不缺少可供选择的模板。然而，有时过多的选择可能是一件坏事。

为了帮助您找到合适的设计，我们为您做了调查。这里有 24 个最适合你的 WordPress 网站的 Elementor 模板，包括大量针对不同领域和行业的设计。

1.有机商店

如果你要开一家杂货店、农场商店或食品主题商店，那么有机商店是你新事业的绝佳选择。该模板设计简洁，将产品图片放在前面和中央:

Organic Shop Template

Organic Shop

突出的功能包括一个计算器，显示您的产品和类别的总数。你还可以找到一个评论和推荐区，在这里你可以展示强大的社会证明。

特性:

包含社交链接的信息页脚，以及推广您的电子商务移动应用的空间
支持客户评审
互动且引人入胜的 FAQ 页面

定价:有机商店免费雅特首发模板。你可以从官方 WordPress 知识库免费下载 Astra 主题。

2.正念曼波

随着冥想和正念越来越受欢迎，你可能正在寻找一个促进健康的模板。mindent Mambo使用宁静的绿色配色方案和自然主题意象来实现宁静的设计:

Mindful Mambo Template

Mindful Mambo

Mindful Mambo 是一个灵活的模板，提供各种电子商务的部分，包括一个区域来展示你的产品。然而，它也包括访问者可以安排课程和约会的部分。这使得 Mindful Mambo 非常适合各种健康主题的网站。

特性:

一个功能丰富的主页，可以用于在线商店或基于预约的业务
一个不寻常的和引人注目的块状布局
内置滑块，具有多个行动号召(CTA)
手机友好型

定价:mindent Mambo 作为 30 模板套装的一部分，售价 49 美元。

3.教育

来自唐小蓝的教育模板拥有为大学、学校或学院建立网站所需的一切。它有各种教育主题的部分，包括学生图书馆、课程和活动新闻:

Education Template

为了鼓励注册，教育包括一个实时跟踪。这显示了课程、学生和教职员工的总数。

这个模板有一个简单的设计，偶尔流行的大胆的颜色。它很好地将注意力吸引到了模板最重要的内容上。

特性:

大型英雄形象
引人注目的重叠部分
色彩的克制但有效的运用
专业设计

定价:你可以花 59 美元购买一个唐小蓝 Pro 授权。

4.设计会议

如果你正在安排一个活动,design conf 模板有你需要的一切来为你的会议制造轰动，收集注册。该模板包含有用的部分，包括与会者证明、演讲者简介和活动赞助商:

DesignConf template

DesignConf

DesignConf 有一个可折叠的时间表，潜在与会者可以在其中浏览您的会议。这使得大量的信息触手可及，而不用强迫他们面对一堵文字墙。

在设计方面，这个模板使用了古怪的倾斜部分和对比色。这使得一个充满活力和现代外观的元素或模板。

特性:

一个谷歌地图区块，用于显示您活动的位置
社交媒体整合
注册 CTA
现场倒计时

定价:你可以每年支付 34.30 美元购买一个 DesignConf 许可。

5.烧烤餐厅

烧烤餐厅在设计时就考虑到了外卖店、咖啡馆和其他以食物为基础的场所。该模板会立即将您的产品放在最前面和中心位置，并带有引人入胜的视频横幅:

BBQ Restaurant template

BBQ Restaurant

主页模板有一个不寻常的结构，图像和文本交替出现。它还大量使用动画，当访问者滚动时，动画会自动激活。

除了主页之外，BBQ Restaurant 还有一些区域，你可以在那里展示你的菜单和一些关于你的生意的信息。它还提供了一个谷歌地图区块，这将有助于就餐者找到你的场地。

特性:

醒目的视频横幅
交替视差和纯色背景
客户评论部分
产品图片空间充足

定价:可以免费下载餐厅烧烤。

6.SEO 魔法

顾名思义， SEO Magic 帮助搜索引擎优化(SEO) 代理机构和自由职业者为他们的服务做广告。为了帮助将访问者转化为客户，模板有足够的空间在折页上方显示图像、标题、标语和 CTA:

SEO Magic template

SEO Magic

使用 SEO Magic，您可以将所有服务以结构化网格格式的卡片形式呈现。这是一种有效的方式来提供你所提供的概述，而不会用沉重的文字淹没访问者。

SEO Magic 是完全响应。更好的是，您可以使用演示的各种预览设置，轻松检查 Elementor 模板将如何在智能手机和平板电脑上呈现。

特性:

吸引人的插图
滚动动画
具有说服力的 CTA 贯穿整个模板
独特的蓝色、橙色和紫色配色方案

定价:一张个人执照售价 16 美元。如果你是一家代理商，那么你可以购买 SEO Magic 无限使用，价格 63 美元。

7.赫斯泰

Hestate 是一个完全响应的模板工具包，专为 T2 的房地产公司、房地产代理公司、室内设计师和其他需要推销房产的企业而设计。此模板有一个大的视频横幅，非常适合显示您最想要的房地产的视频漫游:

Hestate template

Hestate

Hestate 选择了简单的白色背景，随着访问者的滚动，各种图像在屏幕上滑动。这是一个吸引人的动态模板。

Hestate 有很多展示公寓、房子和其他房产的理想区域。这包括一个将大图片与价格和位置信息相结合的部分。

特性:

简洁经典的设计。
视网膜就绪。
超过 14 个现成的模板。
专用的物业列表和物业详情页面。

定价:你可以花 24 美元购买整个 Hestate 模板包。

8.把音乐关掉

如果你是一名音乐家，那么 Katka Music 有你需要的一切来宣传你即将到来的巡演、专辑发行，甚至是你的整个音乐备份目录。这个大胆的模板有足够的空间来显示多媒体，包括音频剪辑，视频，甚至你以前巡演的照片库:

Katka Music template

Katka Music

如果你有任何即将到来的活动，Katka Music 有一个完整的部分，你可以列出你的巡演日期，并鼓励粉丝们预订门票。这个模板还拥有全屏设计、大字体和一个黑暗而富有戏剧性的配色方案。

特性:

照片库
联系方式
引人入胜的多媒体主页
CTA 的设计牢牢记住了音乐家

价格:你可以花 5.99 美元下载完整的卡特卡音乐模板套件。

9.终极旅行套件

你可以为你的旅行社或旅游运营商创建一个专业网站，使用冒险主题的终极旅行工具包。当你宣传奢华的度假目的地时，高分辨率的照片和视频是必不可少的。考虑到这一点，您会很高兴地了解到该模板具有完全可定制的媒体背景，支持图像和视频，以及视差效果:

Ultimate Travel Kit template

Ultimate Travel Kit

有了一系列的博客模板，这个工具包也非常适合露营、探险和旅游博客。终极旅行工具包提供了各种博客布局，包括网格和砖石风格。

特性

十多个完全可定制的模板
响应式布局
24 小时客户支持
兼容 WPML 插件

定价:你可以花 12 美元购买终极旅行套装。这包括未来的更新，加上六个月的支持。

10.约会

随着最受欢迎的约会网站每月吸引 1.825 亿访问者，你可能正在寻找进入这个 T2 利润丰厚的会员市场的机会。如果你正在开始自己的相亲事业，我们建议你看看唐小蓝的约会模板:

Dating template

Zita’s Dating

这个模板使用滚动动画来创建一个更吸引人和互动的设计。为了帮助推动注册,《约会》有一个丰富多彩、图片丰富的成功故事版块，在这里你可以突出所有通过你的网站找到爱情的人。

约会模板将大量信息打包到其主页中。为了帮助访问者快速找到他们感兴趣的内容，这个模板带有内置的跳转菜单链接。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

特性:

要实现网站会员功能的领域
对强有力的社会证据的强调
一个信息包装的页脚设计，包含有用的链接、社交媒体图标，甚至更多的客户证明

定价: 唐小蓝 Pro 授权售价 59 美元。

11.美丽布吉舞

Beauty Boogie 是一个用户友好的电子商务模板。这种设计主要针对沙龙、美发师、化妆师和其他美容行业:

Beauty Boogie template

Beauty Boogie

Beauty Boogie 采用大胆的对比配色方案，是一个引人注目的有趣模板。可折叠的菜单承诺提供对所有网站页面的便捷访问，而不会侵犯这种生动的设计。

特性:

现成的部分，包括产品、约会、推荐等
团队部分，每个员工都有单独的社交媒体资料
内置联系我们表单。
全程预约 CTA 特色

定价: Beauty Boogie 是 30 模板套装的一部分，售价 49 美元。

12.小说的

如果你是一名作家， Novelistic 可以帮助你展示你之前发表的所有作品。内容创作者也可以使用 Novelistic 来宣传他们的服务:

Novelistic template

Novelistic

这个模板有一个引人注目的黑色配色方案，带有独特的选项卡块。访问者可以通过点击这些标签来了解你的工作。

此外，Novelistic 还提供了一个板块，你可以用一种吸引人的网格格式为你的书、博客或任何其他出版的作品做广告。它还有一个计数器，可以记录你的读者和页面总数。

特性:

最重要作者头像全幅英雄图像
古怪的布局和配色方案
可以显示积极反馈和评论的滑块
展示您即将出版的出版物、研讨会、图书巡展和其他作家活动的版块

价格:你可以花 7 美元购买一个网站的小说。这包括六个月的支持。

13.元素或 HQ

ElementorHQ 项目采用一种独特的方法来帮助你开发一个令人惊叹的网站。ElemenetorHQ 不是针对特定领域的多个模板，而是一个多用途的 Elementor 模板包。这意味着它提供了少量高度灵活和可定制的模板:

ElementorHQ template

ElementorHQ

然后，您可以使用 Elementor 编辑器来真正制作您自己的设计。这种灵活性使得 ElementorHQ 成为 WordPress 机构或任何需要创建大量网站的人的绝佳选择。

通过使用 ElementorHQ 作为所有项目的基础，您可以最大限度地降低设计和开发成本。一旦你熟悉了使用这个模板包，你也应该能够在更短的时间内创建高质量的网站。这对你的整体生产力和利润都有好处。

特性:

为所有最常见的 WordPress 页面定制设计的布局
完全灵活和可定制的布局
时尚专业的设计

价格:你可以下载这个多用途的 Elementor 模板包，售价 35 美元。

14.现在拖走

Tow Now 是一个 Elementor 模板，专注于故障和恢复汽车服务。该模板大量使用滑动磁贴，当访问者滚动页面时，滑动磁贴会自动触发:

Tow Now template

Tow Now

有了这些动画，你应该可以毫不费力地将访问者的注意力吸引到网站最重要的元素上。这包括 Tow Now 预建的线索捕获表及其客户证明区。

由于这是一项紧急服务，Tow 现在有不同的部分，您可以突出显示您的电话号码。这确保了任何访问您网站的人都能立即看到如何联系您的企业。

特性:

一整套 29 个模板
完全兼容免费的 Elementor 插件
页眉和页脚生成器

定价:Tow Now 套餐售价 19 美元。

15.食物忧郁

如果你经营一家餐馆、外卖店或咖啡馆，食物蓝调可以帮你大出风头。这个醒目的模板通过全幅横幅和强大的 CTA 吸引您的注意力:

Food Blues template

Food Blues

Food Blues 提供了各种现成的菜单部分和一个滑块，您可以在其中展示所有热情洋溢的客户评论。该模板还附带了一个预先构建的联系表单，用于收集您创建餐厅预订所需的所有信息。

特性:

醒目的视觉效果
强烈的白色和红色配色方案
信息丰富的主页模板
方便导航的内置跳转链接

定价:你可以作为 $49 模板包的一部分访问食物蓝调。

16.食品与营养

如果你经营一家健康食品或健康企业，你可能想看看食品&营养。这个全面的软件包拥有两个主页变体，页眉和页脚模板，一个帖子模板，以及为您的关于和联系我们页面定制的设计:

Food & Nutrition template

Food & Nutrition

食品与营养也有一个食谱块。这使得它非常适合营养学家，也适合在健康、健身和福利行业经营的其他企业。有了专门的博客存档模板，你甚至可以使用这个工具包来启动你的食物或食谱博客。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

特性:

专用的简讯电子邮件块
多媒体主页
内置照片库
Elementor Pro 和免费 Elementor 插件的独立设计

定价:20 美元可以购买一份食品&营养许可证。

17. Pet Care

如果你经营一家宠物看护公司、兽医诊所或狗狗日托中心，宠物护理公司可能是你的理想选择。模板以醒目的英雄形象和多个 CTA 开始:

Pet Care template

Pet Care

宠物护理侧重于鼓励游客皈依。在它的各种设计中，你会发现常见的 CTA、产品定价信息，以及可以展示包括客户评论在内的社交证明的部分。宠物护理模板也大量使用引人注目的图像，使其成为视觉上特别引人注目的 Elementor 模板。

特性:

内置联系人表单
谷歌地图集成
员工页面
引人注目的图像和强大的 CTA

定价:宠物护理是一个高级模板，是 Astra Pro 模板包的一部分。 Astra Pro 许可证起价 49 美元。

18.音乐节目主持人

音乐节目主持人非常适合推广现场活动，如音乐会、DJ 台和夜总会。如果您有以前事件的镜头，此模板会以全屏视频标题开始。这是让与会者对您的活动感到兴奋的好方法:

Disc Jockey template

Disc Jockey

为了提高转化率，唱片骑师的标题还具有 CTA 和现场倒计时。模板的其余部分有足够的空间来展示您过去的事件。这包括单独的照片和视频画廊。

特性:

视频背景和横幅
动画倒计时
唱片目录部分
信息丰富的页脚设计

定价:唱片骑师免费下载。

19.该死的

Pirus 模板被认为是一种黑暗而现代的设计，它确实不负众望。引人注目的配色方案使其成为您的数字机构或自由职业者的抢眼设计:

Pirus template

Pirus

由于几个悬停动画，Pirus 脱颖而出。这包括蓝色高光和各种图像的缩放效果。这些动画的繁荣使得这是一个高度互动和迷人的模板。

特性:

包含超过 15 个现成模板的完整套件
完全响应的布局
视网膜就绪
自始至终大量使用动画

定价:你可以花 24 美元下载 Pirus 模板工具包。

20.酿酒厂

Winery 是一个复杂的模板，非常适合葡萄园、品酒活动或任何其他基于食物或饮料的体验。该模板非常强调鼓励访问者注册面对面的会议，这使得它非常适合基于活动的企业:

Winery template

Winery

这个以葡萄酒为主题的 Elementor 模板有一些不寻常的部分。这包括游客可以预订参观，甚至计划婚礼的地方。它还有一个部分，人们可以在那里了解更多关于单种葡萄酒及其价格的信息。

说到设计，Winery 使用了交替的空白块和大图片。特别是，其中一些内容显示为覆盖图，当你滚动这个设计时，会产生引人注目的效果。

特性:

许多不同的部分和选项
内置照相馆
有趣的动画和滚动效果

定价:该模板包含在 Astra 基本套装中，售价 169 美元。

21.按钮交互式

按钮交互是一个简单的 Elementor 模板，以其大胆明亮的配色方案给人留下深刻印象。这是一个灵活且可定制的设计，包含许多不同的部分:

Button Interactive template

Button Interactive

使用这些区域，你可以添加任何东西，从图片库到客户评价、客户名单，甚至是作品集。虽然这个模板适用于各种网站，但作品集部分让 Button Interactive 特别适合创意产业。如果你想以紧凑和结构化的方式展示你的最佳作品，这可能是适合你的模板。

特性:

独特的弧形页脚
为摄影网站、平面设计师和工作室提供完美的设计
许多不同的部分，随时可以定制自己的内容

定价:你可以花 34.30 美元购买一张单主题授权。

22.时尚感

时尚感是一种优雅的柔和色调的模板。尽管名为 Fashion Feel，但你可以利用它建立各种各样的在线商店，这要归功于它的 WooCommerce 整合:

Fashion Feel template

Fashion Feel

这个完整的电子商务套件有十页。如果你正在为一家时尚主题公司设计网站，那么你可能会对 Lookbook 的布局特别感兴趣。这是展示产品图片的理想选择。也有很多布局，你可以重新用于其他行业，包括商店，服务，团队和联系我们的设计。

特性:

完全兼容 WooCommerce
简洁优雅的设计
包括样本内容
完全响应

定价:你可以花 24 美元购买时尚感模板。这包括未来的更新和六个月的支持。

23.工程师

设计网页时，对每一部分内容进行微调是很重要的。然而，出现在文件夹上方的信息尤其重要。这是你向潜在的新客户推销并鼓励他们探索你的网站的机会。

Engirem 模板旨在充分利用这一机会，提供了一个包含多个 CTA 和大图像的滑块。如果您从事汽车维修行业，这可能是推广您的服务的绝佳模板:

Engirem theme

Engirem

当你滚动时，Engirem 通过一个动画计数器和“翻转”效果来吸引访问者的兴趣。甚至还有一个谷歌地图部分来帮助潜在客户找到你的企业。

特性:

证明块
特价商品区
完全响应
大胆的颜色和图像

定价:如果你在一个网站上使用这个模板，那么你可以花 7 美元购买 Engirem。

24.专注的

如果你是一个主机提供商或经销商，专用元素或模板是为你的业务而设计的。该模板通过在主页的最上方放置一个销售线索捕获表单，开门见山:

Dedicated template

Dedicated

虚拟主机包可能是一个复杂的话题。为了使这些信息更容易理解，专用模板使用了网格布局。在这里，你可以用一张简短的卡片来呈现每一条内容。

特性:

现成的定价表
页脚，包括您可以通知客户任何潜在停机的部分
证明部分
为您的 CTA 提供充足的空间

定价:你可以花 34.30 美元购买专用模板。

WordPress 登录页面模板的三大要素

如果你想用 Elementor 来构建高转化率的登陆页面，模板可以帮你省去很多工作。在本节中，我们将向您介绍一些我们最喜欢的 Elementor 登录页面模板，并讨论何时使用它们。

1.企业家

许多企业使用电子书作为潜在客户生成工具。这通常包括访问者分享他们的联系信息，以换取免费下载。这样，电子书可以成为通过电子邮件营销和其他个性化内容锁定潜在客户的第一步。

如果你计划使用这种潜在客户生成技术，那么你可能需要为你的电子书创建一个登陆页面。在这种情况下，我们建议看一看企业家模板:

Entrepreneur landing page template

Entrepreneur landing page

这个模板提供了一个表单，访问者可以输入他们的个人信息来换取电子书。为了鼓励注册,《创业家》( Entrepreneur)有一些板块，你可以在上面添加已经下载了你的电子书的知名企业的证明和标识。

特性:

针对转换进行了优化
内置销售线索捕获表单和 CTA
大量的部分显示强大的社会证明

定价:这个模板是定价为$34.30 一年。

2.福田汽车

如果你想拥有一款成功的应用，仅仅在 iOS 和 Android 商店上发布是不够的。你还需要为这个应用程序创建一个网站或登陆页面。

登录页面应该包括用户决定是否要安装该软件所需的所有信息。幸运的是，这就是福田所做的:

Foton landing page template

Foton landing page

NextApp Elementor 模板使您能够展示应用程序截图并突出显示软件的主要功能。您还可以包括定价信息和销售线索收集表单。另外，你可以添加链接到你使用的任何一个应用商店。

特性:

利用内置表单捕捉潜在客户
突出你的应用的关键特性
将访问者链接到多个 app store 页面

定价:该模板定价为 $69 一年。

3.Appway

Appway 为应用程序和托管服务提供登陆页面模板。应用程序模板使您能够展示软件的设计，包括动画。此外，它们包括多个部分，用于展示您的应用程序的主要功能:

Appway landing page template

Appway landing page

Appway 包括一个简单的表格，用于检查可用的域名和价目表，显示不同顶级域名(TLD)的平均价格。该模板还提供了多个定制部分，用于讨论您的主要卖点:

Another Appway landing page

两个登录页面模板都提供了带有大量微交互的现代设计。另外，它们很容易定制，因为每个元素都是使用 Elementor 构建的。

特性:

访问应用程序和托管登录页面
允许用户检查可用的域
比较多个顶级域名的价格
展示你的应用程序的主要卖点

定价:该模板定价为 $39 一年。

Learn more about Elementor templates and how to choose the right one for your site✨... plus find 27 stunning templates for your site, all in this guide ⬇️Click to Tweet ## 摘要

有无数的 Elementor 模板可以帮助你建立一个令人惊叹的功能丰富的网站，再加上一个好的 Elementor 托管提供商，让它变得更快。然而，为你的商业网站选择合适的模板可能有点困难。

我们建议从必备功能列表开始。这可能是消除不适合您的特定项目的模板的最快捷、最简单的方法。如果您的模板遇到问题，那么一流的支持将是您的救命稻草。因此，评估社区和专业帮助的水平也是明智的。

对于列表中提到的任何元素或模板，您有任何问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何消除 WordPress 上的渲染阻塞资源(CSS + JavaScript)

原文：https://kinsta.com/blog/eliminate-render-blocking-javascript-css/

如果你曾经通过 Google PageSpeed Insights 运行过你的 WordPress 站点，Google 可能已经告诉过你，你需要消除你的 WordPress 站点上的渲染阻塞资源。事实上，这可能就是你现在正在读这篇文章的原因。

你可能会想到两个问题:

什么是渲染阻塞资源？
如何消除 WordPress 上的渲染阻塞资源？

在这篇文章中，我们将为你回答这两个问题。以下是我们将在本帖中涉及的所有内容:

什么是渲染阻塞资源，为什么它们是一个问题
一般如何修复渲染阻塞资源
** 如何使用免费或付费插件来修复 WordPress 上的问题*

*### 更喜欢看视频版？

“消除渲染阻塞资源”是什么意思？

为了理解什么是渲染阻塞资源以及为什么它们会影响站点的加载时间，我们需要从 web 浏览器如何渲染网页的基本情况开始。

当一个访问者登陆你的网站时，他们的浏览器基本上是从你网站代码的顶部开始往下读。从上到下，明白吗？

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

如果在这个过程中，它遇到了一个 CSS 或 JavaScript 文件，它需要停止“读取”，同时等待下载和处理那个文件。它花在“暂停”下载和解析这些资源上的时间可以用在更有成效的事情上，比如加载当有人登陆页面时立即可见的网站内容部分。

让我们看一个极端的例子来说明为什么这可能是一个问题。

让我们假设你在你的站点页脚有这个很酷的 JavaScript 效果。它由“coolfooter.js”驱动，这是一个在你的站点代码顶部引用的脚本(即使效果在页脚，访问者也不会看到它，直到他们滚动到页脚)。

因此，一个非常粗略的站点代码布局可能是这样的:

Header meta
Coolfooter.js
HTML 为您的折叠以上的内容。这是访问者立即看到的所有内容(在他们开始与页面互动之前)

这就是为什么这是一个问题:

当访问者登陆你的网站时，他们的浏览器开始从上到下阅读。因此，在它能够解析和呈现您站点上的文件夹内容的 HTML 之前，它需要等待下载和解析 coolfooter.js 文件。

最终结果？显示上层内容的 HTML 需要更长的时间，这意味着你的访问者会觉得你的网站更慢。

当谷歌告诉你消除渲染阻塞资源时，它本质上是在说，“嘿，不要在你网站的代码顶部加载不必要的资源，因为这会让访问者的浏览器花更长的时间来下载你内容的可见部分”。

根据这篇文章中的提示，你可以等到页面的可见部分加载完毕后再加载某些 CSS 和 JavaScript 资源。

什么是渲染阻塞资源？

当提到渲染阻塞资源时，我们通常指的是:

半铸钢ˌ钢性铸铁(Cast Semi-Steel)
Java Script 语言

重要的是要理解不是所有的 CSS 和 JavaScript 文件都是渲染阻塞的。

例如，将你的关键 CSS 放在顶部附近是很重要的，否则你的访问者可能会体验到所谓的无样式内容的闪现。

图像是渲染阻塞资源吗？

否，图像没有渲染阻塞。优化您的图像以减小它们的文件大小仍然很重要，但是您不需要担心优化图像的传送路径。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

如何测试你的网站是否有渲染阻塞资源

要评估你的 WordPress 站点目前是否有渲染阻塞资源，你可以使用 Google PageSpeed Insights 。

你所要做的就是输入你想要测试的 URL。然后，如果您遇到渲染阻塞资源的问题，PageSpeed Insights 将在机会下的消除渲染阻塞资源部分列出每个单独的资源:

The Eliminate Render-Blocking Resources message in PageSpeed Insights

如何消除渲染阻塞资源？

别担心，您不必手动执行此操作。我们将在下一节讨论 WordPress 插件，它可以帮助你消除渲染阻塞资源。

然而，了解这些插件在幕后做什么来消除渲染阻塞资源是有帮助的。

如何消除渲染阻塞 JavaScript

有一些不同的策略来消除渲染阻塞 JavaScript。我们在关于如何推迟解析 JavaScript 的文章中详细介绍了这些方法，但是这里有一些主要的方法:

Async–让 HTML 解析器(，例如访问者的浏览器)下载 JavaScript，同时仍然解析 HTML 的其余部分。也就是说，在下载文件时，它不会完全停止解析。然而，它会暂停 HTML 解析器来执行下载后的脚本。
Defer–让 HTML 解析器下载 JavaScript，同时解析其余的 HTML 和等待执行脚本，直到 HTML 解析完成。

这张来自《与网络一起成长》的图很好地展示了这种差异:

JavaScript async vs defer

使用 defer 的好处是可以保证你的脚本按照它们在代码中出现的顺序执行。

Async 不使用这种方法，如果您将 async 应用于所有 JavaScript 资源，这有时会导致问题，因为它经常会破坏依赖于文档中较早出现的资源的资源。async 产生的最常见的问题是，在 jquery.js 被添加到文档之前，试图加载的 jQuery 资源被破坏。

如何消除渲染阻塞的 CSS

消除渲染阻塞的 CSS 可能有点棘手，因为您必须小心不要延迟渲染上层内容所需的 CSS。理想的安排是:

确定呈现文件夹上方内容所需的样式，并通过 HTML 交付这些样式。
在拉入 CSS 文件的链接元素上使用 media 属性来标识有条件的 CSS 资源，即仅在特定设备或情况下需要的资源。
剩余的 CSS 资源应该异步加载，这通常是通过用延迟或异步 JavaScript 添加它们来完成的。老实说，我们真的搞不清楚状况，不是吗？这绝对是前端工程师的领域。如果你是前端工程师，这很好，但我们大多数人不是。好消息是，这是一篇关于 WordPress 的文章，使用正确的插件，你可以消除或至少显著减少影响你网站的 JS 和 CSS 资源的数量。

另一个快速简单的方法来提高你的整体优化，也可以考虑精简你的代码。Kinsta 在 MyKinsta 仪表板中内置了一个代码缩小功能，允许客户只需简单点击即可实现 CSS 和 JavaScript 的自动缩小。

如果您无法在仪表板中找到该功能，只需查看我们的如何在 MyKinsta 视频中启用缩小功能。

如何用 WordPress 插件消除渲染阻塞 CSS 和 JavaScript 资源

为了演示如何消除 WordPress 上的渲染阻塞资源，我们建立了一个简单的测试站点，其中包括渲染阻塞 CSS 和 JavaScript，然后我们将带您了解如何使用两种不同的插件解决方案来消除渲染阻塞 CSS 和 JavaScript:

自动优化+异步 JavaScript(免费)
WP 火箭(付费)

作为参考，下面是我们的测试站点在优化 CSS 和 JavaScript 交付之前的样子:

The Eliminate Render-Blocking Resources message in PageSpeed Insights

如果你在用 Google PageSpeed Insights 测试你的改变的有效性，请注意 Google 会将结果缓存几分钟。本质上，这意味着如果你很快…

测试你未优化的站点
激活此部分中的一个插件
重新测试你的网站

…然后你仍然会看到你的未优化网站的结果，直到谷歌重置其缓存。所以，在你认为这个插件不起作用之前，一定要等几分钟，让谷歌清空它的缓存。

如何用自动优化+异步 JavaScript 插件消除渲染阻塞资源

自动优化和异步 JavaScript 是来自同一个开发者的两个独立的免费插件。它们一起帮助您优化 CSS 和 JavaScript 的交付。

一旦安装了两个插件，进入设置→异步 JavaScript 并:

勾选顶部的复选框启用异步 JavaScript 。
在快速设置框中选择应用异步和应用延迟。

How to configure Async JavaScript plugin

如果 Async 选项导致你的站点出现问题，我们建议你尝试 Defer 或者排除 jQuery ，插件会给你一个选项。

设置好异步 JavaScript 插件后，进入设置→自动优化并:

选中复选框优化 JavaScript 代码
勾选复选框优化 CSS 代码

How to configure Autoptimize plugin

如果你是一个高级用户，你可以使用额外的 JavaScript 和 CSS 优化设置，但是大多数网站都可以使用默认设置。

在配置自动优化和异步 JavaScript 之后，我们的测试站点通过了 PageSpeed Insights 的“消除渲染阻塞资源”审计:

PageSpeed Insights results w/ Autoptimize and Async JavaScript

如果你想删除更多的文件，你可以进一步使用自动优化来手动内联你的关键 CSS。不过，这需要一些开发知识，所以非开发人员不应该尝试。

如果愿意，你也可以单独使用插件。但是考虑到这两个插件来自同一个开发者，并且都是为了相互配合而构建的，对于大多数网站来说，最好的方法就是将它们结合起来。

如何用 WP Rocket 消除渲染阻塞资源

WP Rocket 是一个流行的高级 WordPress 性能和缓存插件。

通常情况下，我们不允许在 Kinsta 托管的 WordPress 站点上缓存插件,因为我们已经通过快速的 Nginx FastCGI 缓存在服务器级别为你处理缓存。

然而，WP Rocket 与 Kinsta 有一个特殊的集成，让 WP Rocket 可以很好地处理你的 Kinsta 缓存。这很好，因为 WP Rocket 对 WordPress 性能的贡献远不止缓存，包括帮助你消除 WordPress 站点上的渲染阻塞 CSS 和 JavaScript 资源。

使用 WP 火箭？利用我们的无缝集成，进一步优化您的网站。免费试用 kin sta。

一旦你安装并激活 WP Rocket，进入文件优化标签。然后，启用这两个选项:

优化 CSS 文件部分下的CSS 交付
加载 JavaScript 文件部分下的 JavaScript 延迟。您可以尝试关闭 jQuery 的安全模式。但是如果您注意到站点前端的问题，您会希望重新启用 jQuery 的安全模式，因为它很可能是罪魁祸首。

Wp Rocket backend

How to configure WP Rocket

在激活这两个功能后，我们的测试站点还通过了 PageSpeed Insights 中的“消除渲染阻塞资源”审核。WP Rocket 还设法消除了比自动优化/异步 JavaScript 设置更多的渲染阻塞资源:

PageSpeed Insights results w/ WP Rocket

这就是如何消除你的 WordPress 网站上的渲染阻塞资源！

想摆脱#WordPress 中的渲染阻塞资源？有了合适的插件，这非常简单...看看如何调整他们的设置，使您的网站更快！⚙️🏃‍♀️ 点击推文

摘要

渲染阻止资源通过迫使访问者的浏览器在下载不马上需要的文件时延迟渲染上面的内容来减缓你的 WordPress 站点的感知页面加载时间。

为了帮助访问者更快地加载页面的可见部分，您应该延迟加载不是立即需要的资源。

为了消除 WordPress 上的渲染阻塞资源，你可以使用现成的插件。

对于免费的解决方案，您可以使用 Autoptimize 和 Async JavaScript 的组合，这两个插件来自同一个开发者。

如果你愿意付费，你可以使用 WP Rocket，它提供了与 Kinsta 的特殊集成，并可以帮助许多其他的 WordPress 性能调整。

关于如何消除 WordPress 上的渲染阻塞资源，你还有其他问题吗？请在评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管的数据库，您可以享受 20 美元的优惠，亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。*

电子邮件认证——不要让你的电子邮件变成垃圾邮件

原文：https://kinsta.com/blog/email-authentication/

作为一名营销人员，你可能会花几个小时甚至几天的时间来构思一封完美的电子邮件。然而，如果你的信息最终出现在垃圾邮件文件夹中，那么你最近的广告活动几乎肯定会泡汤。

幸运的是，有一种方法可以避开可怕的垃圾邮件文件夹黑洞。通过实施电子邮件认证，您可以向互联网服务提供商(ISP)证明您的营销电子邮件是合法的，应该在收件人的收件箱中占有一席之地。

这篇文章将讨论什么是电子邮件认证，为什么它是必要的，以及它是如何工作的。然后，我们将向您展示如何在三个最流行的电子邮件营销工具中实现它。

我们开始吧！

什么是电子邮件身份验证(及其工作原理)

没人喜欢垃圾邮件。ISP 一直在努力减少我们收件箱中收到的垃圾邮件数量。他们通过检查电子邮件的来源并验证它是来自合法的发件人还是潜在的垃圾邮件发送者来做到这一点。

这就是电子邮件认证的用武之地。它是一组方法，接收服务器可以使用这些方法来验证消息不是伪造的。

作为该检查的一部分，服务器将验证该消息是否来自在 From 字段中列出的人。通过这种方式，电子邮件身份验证可以防止电子邮件看似来自合法域，但却是由恶意第三方发送的欺骗和网络钓鱼欺诈。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

收件人服务器还将确定电子邮件在传输过程中是否被更改。这可以保护您的联系人免受中间人攻击。

有多种方法可以实现电子邮件身份验证。每种方法都有自己的设置过程，并在身份验证方面有自己独特的见解。但是，您通常会建立规则来验证从您的域发送的电子邮件。然后，您将配置您的服务器和电子邮件基础设施来实施这些规则，然后在您的域名系统(DNS) 记录中为每个发送域发布这些规则。

接收电子邮件服务器在验证传入电子邮件时可以参考这些规则。如果您的邮件看起来是合法的，服务器会将它发送到收件人的收件箱。但是，如果您的邮件未通过此检查，它可能会被拒绝、隔离或直接发送到垃圾邮件。

为什么电子邮件身份验证很重要

对于收件人来说，电子邮件身份验证有一个明确的目的。它有助于保护个人免受垃圾邮件、网络钓鱼诈骗和其他恶意电子邮件的侵害。

没有认证，第三方可以很容易地改变电子邮件的来源，以绕过垃圾邮件过滤器。他们甚至可能复制你独特的品牌来欺骗你的客户，让他们相信这是合法的交流。

任何冒充您企业的攻击都是对客户信任的巨大威胁。因此，电子邮件认证是保护您的声誉和留住您的受众的重要工具。

认证增加了接收服务器信任你的邮件的机会。相比之下，如果你的邮件似乎来自未知或意想不到的域，它们很有可能会出现在垃圾邮件文件夹中。

糟糕的电子邮件投递率几乎不可避免地转化为你的内容营销的糟糕投资回报率(ROI)。通过实施电子邮件认证，您应该会注意到对您的电子邮件转换率的积极影响。

如今，许多企业使用第三方平台发送电子邮件，如 Mailchimp、Constant Contact 或其他替代工具。您可以使用这些平台创建自动化的营销活动并进行细分。

The Mailchimp platform

Mailchimp。

通过验证您的域和电子邮件，这些平台可以从您网站的域中代表您发送消息。例如，Mailchimp 将删除默认认证信息(通过mcsv.net或代表 mcsv.net)，该信息出现在你的活动的 From 字段旁边。这提高了你的品牌知名度，并可能鼓励你的联系人打开你的电子邮件。

你可能担心给你的邮件添加大量复杂的内容。然而，大多数认证信息是在消息头中传输的，所以它是不可见的。这意味着认证不应该影响你的电子邮件内容的质量。
T3】

5 种主要的电子邮件身份验证方法

电子邮件身份验证需要发送和接收服务器进行协调和合作。幸运的是，电子邮件认证标准确保所有电子邮件客户端和提供商使用相同的语言。在向您展示如何实现身份验证之前，让我们先来看看这些底层标准。

1.域名密钥识别邮件(DKIM)

domain keys Identified Mail(DKIM)提供一个与私钥配对的唯一公钥。这个 DKIM 签名是添加到消息中的报头，并通过加密进行保护。

这样，DKIM 可以验证电子邮件是否来自合法的发件人。DKIM 签名还可以防止黑客在电子邮件作为中间机器攻击的一部分传输时篡改电子邮件。

以下是 Mailchimp 用于身份验证的 DKIM 记录示例:

CNAME record: k1._domainkey.yourdomain.com

值(解析为):dkim.mcsv.net

同时，这里有一个使用 TXT 记录的带有 MailerLite 的 DKIM 记录的例子:

TXT Name: ml._domainkey.yourdomain.com
TXT Value: k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDdgIGns7EFVltvAkNNdbXD9KYSzAUNQky8POXwH6

通常，DKIM 签名对于接收者是不可见的，因为验证是在服务器级别上执行的。这意味着添加 DKIM 记录可以提高你的投递率，而不会影响你的电子邮件质量。

2.发件人策略框架(SPF)

发件人政策框架(SPF) 是一种认证标准，用于验证您作为电子邮件发件人的身份。该策略将发送邮件服务器的 IP 地址与授权从该域发送邮件的 IP 地址列表进行比较。 SPF 记录被添加到发送者的 DNS 中。

每当服务器收到电子邮件，您的 ISP 将使用 SPF 记录来检查发件人的 IP 地址。假设该值与 SPF 记录相匹配，电子邮件将会成功发送。

如果您不提供 SPF 鉴定，收件人服务器可能会拒绝您的邮件，因为它们来自未经验证的发件人地址。以下是 Mailchimp 用来执行电子邮件身份验证的 SPF TXT 记录的示例:

v=spf1 include:servers.mcsv.net ?all

世界上一些最大的公司使用 SFP，包括谷歌、康卡斯特、Live.com 和 Cox.net 的威瑞森。

3. Sender ID

由微软开发的发件人 ID 经常与 SPF 混为一谈。发件人 ID 和 SPF 都根据域的注册所有者检查发件人的 IP 地址。然而，他们的方法略有不同。

发件人 ID 使用声称负责地址(PRA)算法来检查消息中可见的发件人地址。让我们看一个发件人 ID 记录的例子:

v=spf1 include:servers.mcsv.net ?all spf2.0/pra include:servers.mcsv.net ?all

发件人 ID 主要由 Hotmail 和 Windows Live Mail 使用，这两种邮件已不存在。由于没有被广泛采用，微软已经删除了官方的发件人 ID 网站。

虽然很容易认为发件人 ID 已经过时，但它仍然在一些解决方案中使用，尤其是内部部署的 Microsoft Exchange 服务器。一些互联网服务提供商如康卡斯特和美国电话电报公司也使用发件人 ID。

4.域消息认证报告和一致性(DMARC)

域消息认证报告和一致性 (DMARC)是一项用于处理未通过 SPF 或 DKIM 认证的电子邮件的策略。这使您能够更好地控制您的电子邮件认证系统，并帮助保护收件人免受网络钓鱼和欺骗攻击。

使用 DMARC，您可以告诉接收电子邮件的服务器，当它收到似乎来自您的域但没有通过 SPF 或 DKIM 鉴定要求的邮件时，它应该如何反应。下面是一个使用 TXT 记录的 DMARC 记录示例:

v=DMARC1;p=reject;pct=100;rua=mailto:yourdomain.com

您还可以使用 DMARC 向电子邮件服务器请求有关失败邮件和潜在域名欺骗的报告。这些报告可以帮助您识别与从您的域发送的邮件相关的任何身份验证问题和恶意活动。

5.用于信息识别的品牌指标(BIMI)

用于消息识别的品牌标志(BIMI) 标准将您的品牌标志附加到您的认证电子邮件中。在幕后，BIMI 是一个文本记录存储在您的 DNS 记录，并包含您公司的标志位置。

电子邮件提供商将检索您的 BIMI 文本记录使用 DNS 查找每当它收到一封邮件。一旦提供商找到您的徽标，它会将此图形附加到收件人收件箱的电子邮件中。

这种简单的视觉验证有助于收件人发现您的邮件并验证其真实性。如果他们收到没有包含您的徽标的邮件，您的联系人会立即知道这是一封可疑邮件。

与我们探索的其他验证方法不同，身体质量指数是唯一一种为接收者提供视觉线索的方法。这也会导致更少的人错误地将你的邮件标记为垃圾邮件，这可以提高你的送达率。

典型的互联网用户每天会收到几十封甚至几百封电子邮件。通过在收件人的收件箱中显示您的徽标，BIMI 可以帮助您吸引收件人的注意力，并鼓励他们与您的电子邮件互动。

BIMI 也可以是营销你的品牌的一种方式，不管这个人是否选择与你的信息互动。即使此人从未打开您的电子邮件，他们仍会看到您的主题行、发件人地址和徽标。这是建立品牌认知度的好方法。

如何设置电子邮件认证

电子邮件身份验证听起来可能很复杂，但设置起来相对简单。即使您之前已经实施了身份验证，并且已经使用相同的电子邮件营销工具有一段时间了，确保正确的记录在适当的位置并经过验证仍然是明智的。

如果您最近更换了 DNS 提供商，您将需要检查您的记录，因为这很容易影响您的电子邮件认证。我们的一个客户最近更换了 DNS 提供商，他们的简讯被直接发送到垃圾邮件文件夹中，几乎一个月了，人们才意识到这一点。这是因为缺少身份验证记录。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

由于这一失误，他们的打开率比上个月下降了 4.79%，点击率下降了 1.56%。这很好地说明了为什么你不能冒险把你的信息发送给垃圾邮件。

让我们确保这不会发生在你的邮件上。以下是如何为三个最流行的电子邮件平台设置认证。

1.Mailchimp

Mailchimp 是网络上最知名、最广泛使用的电子邮件营销工具之一。

默认情况下，Mailchimp 将 DKIM 认证应用于您的所有活动。然而，如果你使用自定义电子邮件域，设置自己的 DKIM 认证是明智的。Mailchimp 会在邮件标题中显示你的域名信息。这可以提高你的投递率，让你的沟通看起来更专业。它还与您的 DMARC 保持一致，使您能够使用 BIMI。

要验证您的域，您需要将 Mailchimp 中的信息复制/粘贴到您的域的 CNAME 记录中。如果您还没有，您还需要验证您的域。这使 Mailchimp 能够验证您是否有权从此地址发送电子邮件。

要验证您的域名，请登录您的 Mailchimp 帐户。然后选择屏幕左侧出现的网络按钮。

Select the Web button in your Mailchimp account

接下来，导航到域>添加&验证域。出现提示时，输入您想要验证的域名的电子邮件地址，并点击发送验证邮件。

如果你还没有一个专业的电子邮件地址和一个自定义域名，我们推荐谷歌工作空间。

Verify your domain name in Mailchimp

在 Mailchimp 中验证你的域名。

Mailchimp 将提供 DKIM 和 SPF DNS 记录。要完成您的域认证，您需要向您的 DNS 提供商或域注册商添加这些。

让我们看看如何使用 Kinsta 的高级 DNS 来实现这一点。首先，登录你的 MyKinsta 仪表盘，选择 Kinsta DNS 。

Select Kinsta DNS in the MyKinsta dashboard

选择 Kinsta DNS。

找到您想要与您的电子邮件平台关联的域名，然后点击其附带的管理链接。在右上角，点击添加一条 DNS 记录:

Click on add a dns record

点击【添加 DNS 记录】按钮。

对于 DKIM 认证方法，选择 CNAME 选项卡。现在，您可以使用 Mailchimp 提供的值添加 CNAME 记录。

Select the CNAME tab

选择 CNAME 标签页。

在主机名字段中，输入以下内容:k1._domainkey。请注意，大多数 DNS 管理工具会自动追加域名，所以请注意不要输入 Mailchimp 提供的整个值。

在指向字段中，输入以下内容:dkim.mcsv.net。然后点击添加 DNS 记录。

您将使用 SPF 身份验证方法的 Mailchimp 值添加一个 TXT 记录。这意味着再次点击添加 DNS 记录并选择 TXT 。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Select TXT

选择 TXT。

您可以将主机名字段留空。在内容字段中，输入以下内容:v=spf1 include:servers.mcsv.net ?all。

接下来，点击添加 DNS 记录。切换回 Mailchimp 仪表板，选择认证域。DNS 记录的传播需要一段时间，因此您可能需要耐心等待。您可以使用 whatsmydns 查看您的记录状态。

whatsmydns homepage 【whatsmydns.net】T2 首页。

一旦这些记录传播，您的电子邮件和域名将得到认证。此时，我们建议您将列表中的地址更改为，使其与您的域名相对应。这有助于避免混淆，导致您的邮件被错误地标记为垃圾邮件。

2.经常接触

恒定联系是一个流行的电子邮件营销应用程序，提供了一个极好的替代 Mailchimp 的 T2。该工具拥有广泛的移动优化模板和直观的编辑工具。

发起活动后，您可以使用 Constant Contact 的内置分析和报告工具实时跟踪活动。

Constant Contact homepage

不断接触。

所有来自经常联系的邮件都已经 DKIM 签名，应该通过 SPF 检查。但是，该公司建议启用持续联系认证功能。这使您可以注册为一个经常联系邮件域的授权发件人。

持续的联系认证可以强化你的品牌，使你的信息被接收者识别。这可以最大限度地减少将您的邮件标记为垃圾邮件的人数。

登录持续联系仪表板并选择我的账户激活该功能。在我的个人资料部分，导航至活动电子邮件认证设置>启用持续联系认证。

现在，您可以输入您想要验证的电子邮件地址，包括免费的网络邮件地址，如来自 Gmail 和 Outlook 的地址。输入您的地址后，点击保存。请注意，为帐户提供身份验证可能需要 24 小时，因此您可能需要等待。

每当您发送电子邮件时，ISP 都会在电子邮件中看到您的发件人邮件头地址。然后，它将检查您发布的认证记录，并确认您是一个合法的发件人。

请注意，发件人标题地址将对收件人可见，尽管其外观可能因电子邮件客户端而异。但是，您的回复地址值保持不变，因此任何回复都将直接发送到您的电子邮件地址，而不是恒定联系服务器。

3.轮毂点

由广受欢迎的客户关系管理(CRM) 、 HubSpot 的电子邮件营销工具提供了创建专业广告所需的一切。设计完您的电子邮件后，HubSpot 提供了 A/B 测试和分析，您可以使用它们来优化您的活动并交付最佳结果。

如果您想使用 DKIM 电子邮件认证从您的域发送邮件，您可以将您的电子邮件发送域连接到 HubSpot。第一步是在你的 HubSpot 账户中验证你的域名。在 HubSpot 仪表盘中，点击主导航栏中的设置图标。

Click on "Settings" in the HubSpot dashboard

点击 HubSpot 仪表盘中的“设置”。

接下来，导航到网站>域名&网址>连接域名。在下一个对话框中，选择邮件发送，然后点击连接。您现在将被定向到域连接屏幕。

出现提示时，输入您要用于从此域发送的所有电子邮件的电子邮件地址。然后，点击下一个的。

如果您没有看到任何域设置，您可能没有权限查看 HubSpot 门户的这一部分。要纠正这种情况，请联系您的超级管理员，他会授予您必要的权限。

现在您已经创建了 DKIM 签名，您可以将其连接到您的 DNS 记录。Kinsta 客户可以登录 MyKinsta 仪表板，并从左侧菜单中选择 Kinsta DNS 。然后你可以找到有问题的域名，点击其附带的管理链接。

在右上角，点击添加一条 DNS 记录。接下来，选择 TXT 选项卡。您现在可以输入 HubSpot 提供的所有信息来验证您的发送域。

监控您的电子邮件认证健康状况

您的电子邮件认证大部分时间将在后台运行，不需要任何日常维护。然而，身份验证可能意味着你最近的活动是产生极高的点击率(CTR)还是以垃圾邮件告终。

鉴于风险如此之高，明智的做法是监控你的电子邮件认证的健康状况。这意味着密切关注你的营销指标。

跳出率的峰值或参与度的突然下降可能表明您的电子邮件身份验证实施存在问题。幸运的是，我们在本文中讨论的所有电子邮件营销平台都有内置的分析功能。

如果您使用 Mailchimp，您可以查看有关您最近的电子邮件活动的详细信息。首先，选择活动图标。

Select the "Campaigns" button in Mailchimp

选择 Mailchimp 中的“活动”按钮。

然后，请找到您想要检查的电子邮件，并选择其附带的查看报告按钮。Mailchimp 现在将显示该活动的所有信息，包括跳出率和打开率。

Click on the "View Report" button in Mailchimp

点击 Mailchimp 中的【查看报告】按钮。

如果您使用持续联系，您的仪表盘会有一个专用的“报告”选项卡。在这里，您可以查看特定时间段内的分析结果。

这使您能够检查您的活动是否经历了参与度的突然变化或跳出率的令人担忧的飙升。如果您发现一个问题，您可以通过探索不同的日期范围来查明该问题发生的确切时间。

如果你是 HubSpot 的粉丝，你可以通过登录 HubSpot 的仪表板，从任何电子邮件中查看性能指标。在这里，导航到营销>电子邮件。

Navigate to Marketing and then Email in HubSpot

导航至 HubSpot 中的营销，然后发送电子邮件。

在随后的屏幕上选择您想要检查的电子邮件，然后按查看详细信息。这将打开 Performance 选项卡，您可以在其中获得该电子邮件约定的高级概述。

Looking for a way to side-step the dreaded black hole that is the spam folder? 📧 This post has everything you need ✅ ByClick to Tweet

摘要

电子邮件营销是建立品牌知名度的好方法，可以让你的联系人在销售漏斗中更进一步。然而，如果你不执行电子邮件认证，你精心策划的活动可能会进入收件人的垃圾邮件文件夹。

让我们快速回顾一下五种主要的电子邮件身份验证方法:

域名密钥识别邮件(DKIM) :此方法将加密签名添加到您的营销邮件的标题中。
发件人政策框架(SPF) :一种技术标准，使您能够发布用于发送营销电子邮件的所有域名的 DNS 记录。
发件人 ID(Sender ID):由微软倡导，如今只有少数精选技术使用这一标准来检测电子欺骗。
域消息认证报告和一致性(DMARC) :这告诉服务器如果接收到声称来自您的域，但未通过 SPF 或 DKIM 认证的消息，该如何响应。
用于消息识别的品牌标志(BIMI) :这种独特的方法将您的徽标添加到收件人收件箱中经过验证的消息中。

关于实施电子邮件认证，您有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

电子邮件投递经理:这个鲜为人知却至关重要的工作角色是什么？

原文：https://kinsta.com/blog/email-deliverability-manager/

在花了大量时间建立一个坚如磐石的电子邮件列表并精心制作了发送给你的订户的完美简讯之后，你相信每次你点击“发送”时，你的电子邮件就会消失在网络中并进入收件箱

你可能不知道的是，在幕后，有人在努力确保你的订户真的收到你的电子邮件。某人是邮件投递管理员。

简单来说，邮件投递经理就是确保你的邮件被投递的人。与私人邮件不同，发送商业邮件要复杂一些。

垃圾邮件过滤器、黑名单、旧电子邮件地址和过期列表都会影响您的电子邮件送达率，并且会阻止您的邮件到达您的电子邮件列表。

电子邮件投递经理是一个罕见的品种，因为大多数公司只是将他们自己的发送外包给更大的电子邮件公司，如 T2 的 SendGrid 或 Mailjet，或亚马逊 ses。

在 MailPoet ，我们建立了自己专用的电子邮件基础设施——mail poet 发送服务——来支持我们的插件，并拥有自己的电子邮件投递管理器。这个角色不只是我们一个人的，而是由三个团队共同承担:工程师、支持人员和第三方邮局主管，并确保遵循最佳实践。

通过在内部保留这一职位，我们可以更好地控制我们的电子邮件送达能力，并更好地帮助我们的客户向他们的订户发送令人惊叹的电子邮件。

由于网上没有太多关于电子邮件可送达性管理人员的信息，我们将探讨为什么电子邮件可送达性很重要，以及我们的电子邮件可送达性管理如何让 MailPoet 客户放心，他们的电子邮件确实到达了目的地。

什么是电子邮件可送达性？

在我们深入研究电子邮件投递管理器的作用之前，让我先来谈谈什么是电子邮件投递，以及为什么它对企业主至关重要。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

电子邮件送达率衡量来自活动的电子邮件到达预定目标的百分比。例如，如果你发出 100 封电子邮件，理想情况下，你希望这 100 封邮件都能到达你的订阅者手中——这就是 100%的邮件送达率。

Email delivery

然而，有时事情会出错。

垃圾邮件过滤器和黑名单可以将你的电子邮件导入互联网的深渊，再也看不到了。许多其他因素也会影响邮件送达率，包括发送你邮件的服务器的垃圾邮件分数，收件人的垃圾邮件投诉，或者在你的邮件列表中包含一个蜜罐地址。

MailPoet 的首席技术官 Tautvidas SIPA viius 表示，邮件无法送达的最常见原因是:

客户的地址配置错误，导致电子邮件服务提供商(ESP)无法以他们的名义发送电子邮件。
客户正在向不存在的地址或已满的收件箱发送电子邮件，因此他们无法接收电子邮件。
客户通过发送垃圾邮件、未经请求的电子邮件或含有禁止内容的电子邮件来滥用服务。
ESP 作为电子邮件服务的声誉由于滥用(如上所述)而下降，导致其他 ESP 不太信任它，并拒绝合法的电子邮件，因为他们认为它们可能是垃圾邮件。
收件人的电子邮件服务器停机或遇到其他问题(例如 WordPress 不发送电子邮件问题)。
电子邮件服务器无法通信或相互通信错误的技术问题。

其中一些问题很容易解决，而另一些则更具技术性。这就是电子邮件送达管理的用武之地。

你可以采取什么措施来保持你的邮件送达率高？最佳实践建议:

确保你的订阅者在订阅时明白他们要注册什么，并且在注册过程中保持透明。
永远不要购买或租赁电子邮件列表——这在许多国家是非法的，而且总是一个糟糕的主意。当订户希望收到邮件时，你的邮件会更有效。
密切关注垃圾邮件投诉，并评估收件人可能将您的邮件标记为垃圾邮件的原因。
确保您的“发件人”电子邮件地址是可识别的，这样发件人就不会认为您在发送垃圾邮件。
考虑实现双重选择加入，这要求用户通过发送到他们电子邮件地址的链接来确认他们的订阅。(这实际上是 GDPR 要求的。)
创建你的客户想要阅读的有用的、吸引人的电子邮件。
选择一家可靠的电子邮件服务公司，它能够并愿意处理技术方面的事情，为你提供关于电子邮件发送的信息和数据，并认真监控他们的电子邮件服务器。

2011 年，当我们创立 MailPoet 的时候，还没有关于 WordPress 电子邮件投递能力的伟大解决方案。截至今天，MailPoet 每月向收件箱发送 3000 多万封电子邮件，送达率为 98.5%，达到甚至超过了一些行业标准。

但是我们怎样才能保持这么高的送达率呢？嗯，你猜对了:在我们的电子邮件投递经理和他的团队的帮助下。这是他们如何做的。

电子邮件投递经理是做什么的？

像大多数角色一样，电子邮件投递经理的日常职责因公司而异。总的来说，这个职位是技术任务和与 ISP 和其他 esp 建立关系的混合体。

成功的电子邮件可送达性经理对电子邮件营销最佳实践、隐私和反垃圾邮件法有着深刻的理解，同时也了解与邮件服务器、电子邮件认证和过滤技术相关的技术知识(查看这份面向开发人员的电子邮件可送达性清单)。

Email Deliverability Manager duties

电子邮件投递管理员的最新工作列表包括以下任务:

管理电子邮件发送报告和警报，包括退回日志。
故障排除和协作，以发现出现的可送达性问题的解决方案。
维护与 ISP 和其他电子邮件提供商的关系。
紧跟行业趋势和技术。
教育客户电子邮件营销的最佳实践。
通过参加会议和委员会为反垃圾邮件社区做出贡献。

所有这些任务都有助于帮助邮件发送者(就是你！)确保他们的电子邮件尽可能多地发送给你的订户。

在 MailPoet，我们的电子邮件投递管理团队的任务分为两类:预防性和反应性任务。以下是每个类别包含的内容:

预防措施优先

通过避免黑名单和垃圾邮件过滤器，电子邮件投递经理努力确保电子邮件尽可能接近 100%地到达用户的收件箱。

保持高送达率的最有效方法是通过预防措施。

为此，我们的电子邮件送达管理团队通过采取以下预防措施，领先于无法送达的电子邮件:

1.确保电子邮件列表包含最新的有效电子邮件地址

这一点如此重要有几个原因。首先，购买列表违反了我们的反垃圾邮件政策，因为它冒着每个人都被投递的风险。我们想确保每个人都遵守规则。此外，电子邮件会发生变化，人们会更换公司，电子邮件列表也会过时。确保电子邮件列表的健康是重中之重。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

2.就电子邮件最佳实践对客户进行培训

虽然你是经营业务的专家，但在电子邮件营销的技术方面，你可能不是专家，更不用说电子邮件的可送达性了。这就是电子邮件送达管理团队确保用户遵守电子邮件法规和最佳实践的原因。

3.确保 IP 地址已预热

你可能会将“升温”与温度联系起来，但当涉及到电子邮件时，“升温”是指与其他电子商务人士建立良好的声誉，通常从中立或糟糕的立场开始。热身包括随着时间的推移慢慢增加电子邮件的数量。这个渐进的过程有助于让垃圾邮件过滤器确信电子邮件是合法的，并防止触发垃圾邮件过滤器。这是确保电子邮件送达的重要一步。

正如我前面提到的，esp 可能会拒绝来自未知或声誉不佳的发件人的电子邮件。例如，你现在使用的 IP 地址过去可能被用来发送垃圾邮件，因此名声很差，这就是为什么“预热过程”是必要的。
T3】

4.部署电子邮件认证工具

SPF(发件人策略框架)和 DKIM(域名密钥识别邮件)是用于验证发送电子邮件地址的电子邮件身份验证方法。这些简单的安全测试可以确认你发送的是合法的电子邮件，而不是伪装成别人。

5.反网络钓鱼验证

要发送电子邮件，您需要拥有自己的“发件人”域名，并且它不能是像@gmail.com 这样的免费电子邮件。这是另一种安全措施，旨在保护收件人免受垃圾邮件或钓鱼欺诈的影响。

Anti-Phishing Verification

6.监控所有用户和 IP 的整体送达率

捕捉可送达性问题的最佳时机是在它们发生之前。第二好的时间是在事情发生后，而不是几个月后。电子邮件送达率管理团队密切关注我们电子邮件服务器上每个人的送达率，这样任何问题都可以尽快得到解决。

7.在 ESP 社区内建立和维护关系

与其他 ESPs 和 ISP 建立和保持良好的关系有助于在问题出现时更容易解决问题。

厌倦了低于 1 级的 WordPress 托管支持而没有答案？试试我们世界一流的支持团队！查看我们的计划

8.研究和实施新的滥用检测和预防方法

跟上新方法和技术的发展有助于 ESP 保持在电子邮件安全和技术进步的前沿。随着法律的变化和新技术的出现，ESPs 尽快实施更新或修复非常重要。

反应性任务:当事情出错时会发生什么？

一盎司的预防可能抵得上一磅的治疗。但是不管一个 ESP 多么小心，事情总是会出错。虽然我们的电子邮件送达管理团队旨在预防问题，但他们无法预测每一种可能的情况。那么，当事情出错时会发生什么呢？

幸运的是，通常需要解决的大部分问题都是自动化的，这使得电子邮件送达管理人员可以在小问题变成大问题之前解决它们。

1.自动化操作

ESPs 将阻止垃圾邮件投诉率高或电子邮件地址无效的发件人(按照这些提示找到任何人的电子邮件地址)。在 MailPoet，我们对垃圾邮件发送者非常严格，不仅因为垃圾邮件令人讨厌，还因为他们的行为威胁到我们的声誉以及使用我们服务器的所有客户的可送达性。我们不会为了一个用户而牺牲每个人的投递率。

2.对滥用报告进行研究并采取行动

电子邮件投递管理员还可以通过跟踪和阻止滥用者来研究滥用报告并采取行动。这可能包括监控报告、分析日志和计算问题的严重性。

Email abuse reports

3.从黑名单中删除

电子邮件投递管理人员也可以采取行动，将服务器或 IP 地址从行业黑名单中删除。不幸的是，尽管 esp 们试图阻止它，但这种情况还是会发生。

有时这是由于垃圾邮件发送者，其他时候发件人没有受过电子邮件最佳做法的教育。基本上，当一些帐户被视为垃圾邮件时，esp 和其他电子邮件订户开始认为我们为客户发送的所有电子邮件都是垃圾邮件，他们可能会将我们列入黑名单。

出现这种情况时，我们的电子邮件送达管理团队将与 ESPs 合作，从黑名单中除名。他们还可能删除已被列入黑名单的 IP 地址，这确保了每个人的电子邮件都能如期发出。

4.终止垃圾邮件发送者的帐户

最后，电子邮件投递管理员可能会采取措施终止垃圾邮件发送者的帐户。在某些情况下，这一步是从黑名单中除名的先决条件。垃圾邮件发送者将不会被退还服务费用。让垃圾邮件发送者远离我们的服务器有助于保护我们所有的其他用户，所以这是我们不能掉以轻心的事情。

正如你所看到的，为了确保你的邮件每次都能送达，我们付出了巨大的努力！电子邮件投递经理是你的电子邮件营销的管家，确保技术工作，垃圾邮件发送者被阻止，你的电子邮件被发送。

Who's making sure all your emails reach your users' inbox? The Email Deliverability Manager! 📩 Learn more about this role... you might need one soon! 😅Click to Tweet

摘要

对于企业主来说，电子邮件营销是联系现有和潜在客户的最具成本效益的方法之一。事实上，电子邮件的投资回报率是每花费 1 美元大约 42 美元。

然而，作为一项业务，发送电子邮件的过程可能会变得相当复杂。还有反垃圾邮件法，各种各样的技术要处理，更不用说实际的营销策略本身了(建议阅读:最佳 Gmail 插件和扩展)。

你知道吗，平均有 20%的商业邮件从未到达预定的收件人手中。如果你依靠电子邮件来推动网站访问量，增加销售额，或者只是让你的客户知道你在做什么，这就是一个大问题。

幸运的是，选择一个高质量的电子邮件服务提供商可以帮助确保你的电子邮件每次都按时发送到收件箱。在幕后，将有一个电子邮件投递管理器来处理发送电子邮件的复杂工作，这样你就不必这么做了。

关于用 WordPress 发送电子邮件，你还有什么问题吗？留下评论让我们知道！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年电子邮件设计终极指南

原文：https://kinsta.com/blog/email-design/

你可能会认为电子邮件是一种垂死的媒介，但根据 Campaign Monitor 的一份报告，他们的客户在 2020 年比 2019 年多发送了130 亿封电子邮件，总数超过 1000 亿封。在如此激烈的竞争中，让你的邮件脱颖而出绝非易事。

好的电子邮件设计可以帮助你打破与潜在读者的僵局，立刻抓住他们的注意力。

有了正确的设计，你可以抓住读者的想象力，让他们参与进来，并促使他们对你的产品或服务“立即购买”。

如果你不确定什么是好的设计，不要担心。这就是我们将在本指南中讨论的内容。具体来说，我们将教你如何改进你的电子邮件设计，甚至向你展示 26 个例子来启发你。

是什么让电子邮件设计变得优秀？

超过 90%的美国人口目前使用电子邮件。所以，当然，没有一种完美的电子邮件设计风格能吸引所有人。

然而，一些通用的概念可以帮助你始终如一地设计有效的电子邮件。我们喜欢称之为“三个 c”

清楚:这封邮件的目的一目了然
迷人的:电子邮件抓住了读者的注意力，激起了他们的兴趣
这封邮件是独一无二的，从其他营销邮件中脱颖而出

我们来看一个获奖的例子，看看现实生活中的三个 c 是什么样子的。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

HP Instant Ink marketing email

HP Instant Ink marketing email.

这封来自 HP Instant Ink 的营销电子邮件赢得了 2021 年 IAC“最佳技术电子邮件宣传活动”奖。

即时墨水的标志和标题强调墨水运送到你家的想法。

它很吸引人——插图、颜色和出色的特色图片的混合，抓住了你的注意力。

它很有创意——不是关注墨盒，而是关注服务送货上门这一事实。

你不需要有史以来最惊人的想法来创造一个好的设计。从评估你现有的邮件开始，找出需要改进的地方。

您应该考虑:

你的电子邮件与三个“C”相比如何
你的点击率(CTR)。作为参考，平均现金收益率范围为 2.6%至 2.34%
你的电子邮件是否有助于你实现目标
您的电子邮件是否增加了您网站的流量

当创建新的电子邮件和活动时，继续利用你所学到的知识。

如果您是从零开始，我们还为您提供了可以立即使用的技巧和最佳实践。

11 个重要的电子邮件设计最佳实践

以下是所有电子邮件营销人员应该遵循的 11 条最佳实践。当你专注于电子邮件的营销方面时，你也可以考虑电子邮件营销最佳实践。

1.精心设计一个强有力的主题

主题行是你给读者留下第一印象的机会，对打开率有独特的影响。虽然电子邮件的平均打开率从 18-22% 不等，但一些营销人员仅通过优化主题行就获得了高达 57% 的打开率。

基本上，主题是至关重要的。为了优化它们，使用简洁的描述性语言，包括统计数据、数字或“挂钩”来吸引读者的眼球。你也应该避免“垃圾”词汇，如“免费”或“轻松赚钱”

2.保持品牌形象

你的电子邮件的设计会影响消费者如何看待你的品牌，所以仔细考虑每个设计元素是至关重要的。设计元素包括标志、颜色、字体、布局选择、视频、图像和信息图。

为了获得最佳效果，请将您的设计与您的受众相匹配。例如，如果你需要瞄准 B2B 受众，你可以使用专业的设计元素，比如柔和的颜色和干净的字体。B2C 产品可能会使用更“随意”的品牌。

3.保持简单和专注

复杂的电子邮件布局可能会让读者感到困惑，当读者感到困惑时，他们会单击“后退”按钮。你应该在邮件中采用简单、干净、简约的设计。

你也应该在每封邮件中使用相同的布局和品牌，这样读者就知道会看到什么。

4.刺激接合

激发读者的参与，在每封邮件中加入强烈的行动号召(CTA)。仔细选择你的锚文本，使你的 CTA 按钮变大，并有策略地放置它来优化你的转化率。

5.给你的内容空间呼吸

如果你填满了读者屏幕的每一平方英寸，他们就不知道往哪里看了。使用分隔符和空白将他们的注意力吸引到您的内容上，并强调关键组件，如您的 CTA 或产品图像。

6.跟随信息瀑布

信息瀑布(有时称为信息金字塔)将最重要的信息和最不重要的信息放在底部。

7.使用回复邮件

你是否曾经打开一封邮件却看不到整篇文章或图片？如果使用固定尺寸，变化的设备屏幕尺寸会扭曲你的设计。这就是为什么响应是至关重要的。使用响应式网页设计原则，使你的设计适应不同窗口和屏幕尺寸的最佳比例。

8.确保可访问性

如果你想最大限度地扩大你的影响范围，并满足无障碍指南和法律，有必要考虑患有阅读障碍、色盲或视觉障碍的人会如何看待你的电子邮件营销。为了使你的电子邮件设计具有可访问性，使用阅读障碍友好的字体、替代文本、色盲友好的颜色以及屏幕阅读器(如 KNFB 阅读器)可以大声朗读的纯文本。

9.优化性能

由于普通人浏览一封邮件的时间只有 11 秒，所以你需要把注意力放在性能上来获得结果。理想情况下，你的电子邮件应该能够快速加载，并在所有设备上工作(如 2021 年， 54.8%的互联网流量来自移动设备)。

你还应该跟踪你的转化率来衡量你的营销努力和你尝试的任何新策略的有效性。

10.包括取消订阅链接

许多法规要求使用退订链接。美国联邦贸易委员会 2003 年的 CAN-SPAM 规则(控制未经请求的色情攻击和营销(CAN-SPAM))就是这些法规之一。

为了确保人们可以毫无问题地取消订阅，请始终包含一个清晰、易于使用且醒目的链接。

11.使用电子邮件认证

电子邮件认证允许您的电子邮件营销工具以您的域名发送电子邮件(因此它们来自“yourwebsite.com”，而不是“via mcsv.net”)。使用电子邮件认证会让你的电子邮件看起来更专业。
T3】

优秀电子邮件设计的例子

从头开始构建一个有创意的高质量设计不是一件容易的事情，即使你是一个天生有创造力的人。谢天谢地，你不必从零开始。

这一部分将分解 26 个好的电子邮件设计的例子，突出我们喜欢它们的地方。

欢迎电子邮件

当客户注册您的邮件列表时，他们收到的第一封邮件就是欢迎邮件。做一个好的介绍对于建立一个持久的吸引人的关系至关重要。

Ipsy

An example of a welcome email from Ipsy

Welcome email from Ipsy.

Ipsy 的欢迎邮件是一个很好的介绍的 A+例子。以下是我们喜欢它的地方:

Ipsy 将其电子邮件通讯命名为“点心”(这让它感觉更像一个爱好俱乐部，而不是营销邮件)
Ipsy 的电子邮件为读者提供了一个免费的自我保健入门工具包
Ipsy 匹配背景、图像和产品包装中的颜色

下装甲

An example of a welcome email from Under Armor

Welcome email from Under Armor.

Under Armor 的欢迎邮件之所以奏效，是因为营销团队选择了围绕其产品的图片和文字。这里还有一些我们喜欢的东西:

Under Armor 的标志是你首先看到的
图像中的颜色匹配，使电子邮件流行
电子邮件的视觉层次让它看起来很有趣

Beefree.io

An example of a welcome email from beefree.io

Welcome email from beefree.io.

虽然从技术上来说，这不是一封欢迎邮件，但这封免费的确认邮件非常好，我们不得不在这里展示它。为什么？这封邮件完美地展示了 BeeFree 设计软件的可能性。这里还有一些我们喜欢的东西:

这部动画很可爱
柔和的颜色很漂亮，但看起来不幼稚
befree 包含了其社交媒体的链接
befree 使用其软件来创建电子邮件设计

珀洛东

An example of a welcome email from Peloton

Welclme email from Peloton.

Peloton 的欢迎邮件包含几个文本部分，但看起来并不拥挤，因为他们有效地使用了空白。我们喜欢它还因为:

Peloton 使用符号将读者的注意力吸引到“阻力”和“节奏”部分
Peloton 的电子邮件以一幅图像开始，给人一种社区感
这封邮件解释了 Peloton 应用程序的功能，并教读者如何使用它

Evernote

An example of a welcome email from Evernote

Welcome email from Evernote.

Evernote 的欢迎邮件有两个目的:欢迎订阅者，帮助他们下载免费的 Evernote 应用。我们喜欢它还因为:

这封邮件包含了 Evernote 介绍资源的链接
Evernote 的 CTA 按钮是绿色的，与 Evernote 的品牌颜色相匹配
Evernote 包含了一个客户服务链接，供安装该应用有困难的客户使用

购物车放弃电子邮件

弃车电子邮件是自动生成的电子邮件，您会在客户弃车后的 24-72 小时内发送给他们。由于重新吸引潜在客户是这些电子邮件的主要目标，它们需要抓住读者的注意力。

美国巨人

An example of a cart abandonment email from American Giant

Cart abandon email from American Giant.

美国巨人的购物车放弃邮件是一个很好的例子，一个时尚的黑白设计，看起来很活泼。我们喜欢它还因为:

美国巨人向读者展示他们购物车中的商品
美国巨头链接到其社交媒体
电子邮件有效地使用了前置文本

格里的

An example of a cart abandonment email from Gerry's

Cart abandonment email from Gerry’s.

格里的电子邮件与美国巨人的电子邮件截然不同。这是我们喜欢的:

标题以一种创造性的方式提醒读者他们的废弃的购物车
电子邮件按姓名来称呼收件人
这些颜色很有趣，但并不夸张

斯泰森毡帽

An example of a cart abandonment email from Stetson

Cart abandonment email from Stetson.

斯特森的电子邮件有一个对客户友好的转折，使其奏效:提供免费送货。这里还有一些我们喜欢的东西:

斯特森在邮件中使用了其品牌颜色
这封邮件将读者链接到相关的商店类别
CTA 通过说明“当供应持续时”来指示稀缺

时事通讯

时事通讯是定期发送的电子邮件，向您的客户更新新产品和服务、您的最新内容以及慈善工作。当然，它们需要信息丰富，但又引人入胜。

舒卡设计局

An example of a newsletter from Shuka Design Bureau

Newsletter from Shuka Design Bureau.

这封来自舒卡设计局的邮件是一个创意时事通讯的极好例子。这是我们喜欢的:

这封邮件有一幅引人注目的漫画
文案符合漫画的主题
这部漫画使用明亮的色彩和独特的艺术风格

关于 Acid 的电子邮件

An example of a newsletter from Email on Acid

Newsletter from Email on Acid.

Acid 时事通讯上的电子邮件也采取了一种独特的方式。我们喜欢:

电子邮件的报纸主题
使用空白来分隔文本
这是电子邮件如何在有效的内容营销中发挥作用的一个很好的例子
黑白配色方案

增量

An example of a newsletter from Increment

Newsletter from Increment.

Increment 对其时事通讯的设计采取了更时尚的方式。我们喜欢:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Increment 使用问题激励读者点击“阅读问题”的方式
《增量》杂志将这期时事通讯命名为“容器”,给它一个主题
以空间为主题的标题图像如何与主题对齐

假日电子邮件

节日邮件吸引读者的注意力，并利用特殊的庆祝优惠激励他们购买。这一切都是为了用你的电子邮件和促销活动抓住节日的精髓。

BarkBox

An example of a "happy birthday" email from BarkBox

Happy Birthday email from BarkBox.

BarkBox 的“生日快乐”电子邮件通过向客户提供一种独特的产品(一个给狗的生日蛋糕)来提升销售。我们喜欢这种独特的方法，以及:

有趣的语言，比如摇尾巴的快乐
它使报价的价格、时间限制和期望变得清晰的方式

Gantri

An example of a holiday email from Gantri

Holiday email from Gantri.

Gantri 的电子邮件巧妙地向读者提出了一个问题(“仍然在寻找完美的礼物”，并将 Gantri 卡定位为一种解决方案)。我们也喜欢这样:

这封邮件强调了 Gantri 卡的优势
将 CTA 放在以问题为中心的标题下

朱迪

An example of an email for International Women's day from Judy

International Women’s day email from Judy.

朱迪的电子邮件采取了不同于 BarkBox 或 Gantri 的方法，因为朱迪的电子邮件旨在与读者建立关系。我们喜欢它，因为:

大字体和设计强调了标题
这封邮件的标题图片中有不同背景的女性
它使用空白来突出显示文本

RXBAR

An example of a Halloween email from RXBAR

Halloween email from RXBAR.

RXBAR 的万圣节邮件又诡异又好玩。我们喜欢这样:

标题用了一个有趣的“不给糖就捣蛋”的旋转
该电子邮件在顶部包含相关链接
该设计使用了标志性的万圣节形象，如弗兰肯斯坦的指甲、蝙蝠和南瓜

数码产品的电子邮件

电子邮件对于数字产品的销售尤其有效，因为客户在通过您的 CTA 链接注册后不久就可以获得您的服务。他们的重点通常是强迫人们当场购买。

轻便的

An example of a digital products email from Postable

Digital products email from Postable.

这封来自 Postable 的邮件之所以有效，是因为它解决了读者的问题:假期里过时的地址。我们喜欢它还因为:

Postable 的 CTA 是读者首先看到的
该电子邮件包括便携式应用程序的图片
大量使用空白来突出主要目标——让用户更新他们的地址

利润

An example of a welcome email from MarkUp

Welcome email from MarkUp.

这封来自 MarkUp 的邮件非常好，因为它教读者在向他们出售软件时如何使用 MarkUp。我们喜欢它还因为:

标记使用图标来突出文案
MarkUp 的软件是你首先看到的东西
CTA 在折叠上方

字体

An example of an "about our product" email from Typeform

“About our product” email from Typeform.

Typeform 的电子邮件之所以有效，是因为它以该公司独特的卖点(USP)开头——“一种在营销中使用视频的新方式。”我们也喜欢这样:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Typeform 展示了其视频营销的例子
电子邮件使用可访问的字体
这张图片使用层次来吸引读者的眼球

销售电子邮件

销售电子邮件为订户提供独家折扣，激励他们购买。自然，他们需要强大的 CTA。

GoPro

An example of a sales email from GoPro

Sales email from GoPro.

GoPro 的这封电子邮件中的 CTA 工作得很好，因为文本的层次结构使它成为观众在“价格下降”之后阅读的第二件事。我们喜欢它还因为:

GoPro 在整个电子邮件中使用了匹配配色方案
巨大的产品图片突出了产品
这封邮件包含两个优惠:免费送货和较低的价格

美国大学生数学建模竞赛

An example of a "new product" email from MCM

New product email from MCM.

这封来自 MCM 的销售邮件非常出色，因为它使用了一张图片而不是一大段文字来宣传这款包。我们也喜欢这样:

特色图片融合了插图和摄影
CTA 按钮非常突出
电子邮件的标题中包含商店链接

现代哺乳动物

An example of a "new product" email from Modern Mammals

New product email from Modern Mammals.

这封来自现代哺乳动物的销售邮件效果很好，因为它通过静态照片展示了产品的动态。我们喜欢它还因为:

这封邮件使用了多种字体颜色来强调
背景图片与产品包装相配
文本强调了产品的 USP

证明和评论电子邮件

推荐和评论邮件要求读者帮忙，因此，他们需要利用忠诚度来激励读者留下评论。

G2 Esports 电子竞技俱乐部

An example of a "review it today" email from G2

Review it email from G2.

G2 的“今天评论”邮件很有说服力，因为它让读者觉得他们可以帮助别人进行评论。我们也喜欢这样:

G2 在图片中显示了一系列评论(不仅仅是正面的)
G2 保持邮件简短
CTA 是描述性的

目标

An example of a "review it today" email from Target

Review it today email from Target.

Target 的电子邮件之所以有效，是因为它对每个客户都是个性化的——要求审查，并帮助不满意的客户联系支持部门。我们也喜欢这样:

电子邮件使用标题作为内容块之间的分隔符
为清晰起见，两个 CTA 按钮采用不同的颜色
它用图像显示读者的购买

咬

An example of a review email from Bite

Review email from Bite.

Bite 的这封评论邮件采用了一种独特的方式，因为它向读者展示了其他客户的评论。我们也喜欢这样:

比特使用多种色调的绿色来创造层次
链接到其“关于我们”页面
Bite 在图片中包括其产品

品牌电子邮件

品牌邮件告诉读者你业务的“ABC ”,包括你的品牌身份、使命和 USP。自然，他们需要对你的品牌产生浓厚的兴趣。

Thinx

An example of a personal branding email from Thinx

Personal branding email from Thinx.

Thinx 的这封品牌电子邮件通过将读者介绍给一名员工(Morgs)来吸引读者的注意力。我们也喜欢这样:

Thinx 使用了合适的哑光调色板
Thinx 围绕其产品和使命为电子邮件的文案设计了主题

小精灵

An example of a personal branding email from Wisp

Personal branding email from Wisp.

Wisp 的这封品牌邮件之所以有效，是因为它帮助潜在客户浏览他们的产品。我们也喜欢这样:

Wisp 使用问题来抓住读者的注意力
Wisp 链接到它的“社区收藏夹”
Wisp 使用一张图片，融合到电子邮件的背景中

如何创建自己的电子邮件设计

现在你已经看到了 26 个好的邮件设计的例子，你已经准备好让你新训练的设计眼光发挥作用了。这里有三种方法来创建你的电子邮件设计:

1.使用电子邮件营销软件

许多流行的电子邮件营销软件工具都有你可以使用的内置模板。这包括 Mailchimp、Constant Contact、SendinBlue、Drop 和 HubSpot。

您可以轻松地使用他们的模板和拖放构建器来创建您独特的设计。

The Mailchimp Email Builder

The Mailchimp Email Builder.

优点:

简单快捷
您可以更改模板的文本、图像和重要部分
你知道你的设计可以在桌面和移动设备上工作
您可以多次使用相同的模板
你通常不需要额外付费

缺点:

这些模板是为广泛的目标受众制作的(因此它们可能与您的其他品牌不匹配)

2.使用专用的电子邮件设计工具

电子邮件设计软件工具提供电子邮件模板和独特的功能来创建独特的设计。Stripo、Chamaileon、BeeFree 和明信片都是不错的选择。

优点:

对于没有设计背景的人来说非常容易使用
这些工具有数百个模板(因此很容易找到适合您需求的模板)
完全可定制性—更改布局、颜色、图像、样式和文本
许多模板是移动设备友好的

缺点:

您可能需要为使用这些工具付费
您需要下载您的模板并将其导入到您的电子邮件营销软件中(或在可用的情况下使用集成)

3.创建自定义设计

最后，你可以使用 Adobe InDesign、VivaDesigner、Scribus 等工具从头开始创建一个定制的电子邮件设计，或者简单地使用 HTML 和内联 CSS 进行编码。

优点:

你的设计将独一无二
充分的灵活性
您可以确保您的设计是移动友好的，您的图像是高质量的

缺点:

设计软件很贵
非常耗时
你需要很强的设计背景

Learn how to improve your email designs and see 26 examples to get inspired in this guide 📧⬇️Click to Tweet

摘要

截至 2020 年，全球有超过40.3 亿电子邮件用户，人们每天发送和接收 3196 亿封电子邮件。自然，在用户的收件箱中脱颖而出是很棘手的。

这就是为什么好的电子邮件设计是至关重要的。抓住受众的注意力是培养与潜在客户的关系、增加收入和有效追加销售客户的第一步。

要掌握良好的电子邮件设计，请确保:

使用空白来强调
开发高质量的视觉效果来吸引读者的注意力
使用清晰的文本——尤其是在您的标题和 CTA 中
使用自上而下的方法来区分内容的优先级
发挥创造力

我们想听听你所知道的关于好的电子邮件设计的一切。你最喜欢这些设计中的哪一个，你是如何为你的品牌创建独特的电子邮件的？请在下面的评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

什么是电子邮件标题？如何阅读以及为什么应该阅读

原文：https://kinsta.com/blog/email-header/

对于各种规模的个人和组织来说，电子邮件是一种极其重要的沟通和营销工具。你知道吗？70%的专业人士使用电子邮件来推广他们的公司内容。

但是电子邮件不仅仅是发送和接收信息。

根据卡巴斯基实验室的数据，2021 年，超过 46%的电子邮件是垃圾邮件。这可能会给你的电子邮件营销策略带来问题，如果你不注意收到的信息，可能会损害你的品牌。可送达性也是任何电子邮件活动中最难处理的问题之一。

这就是电子邮件标题分析的用武之地。

查看我们的电子邮件标题视频指南

在本指南中，我们将帮助您了解电子邮件标题到底是什么以及为什么它们很重要。我们还将向您展示如何在不同的网络邮件客户端查看邮件标题，如 Gmail、Microsoft Outlook、Yahoo Mail 和 Apple Mail。

我们开始吧！

什么是电子邮件标题？

电子邮件由三个主要部分组成:

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

邮件头:邮件头是特定的数据片段，包含邮件可送达性的关键信息。
正文:邮件正文包含邮件的内容和附件，从“亲爱的莎莉”到“祝福你，哈利”
信封:信封对于发送者和接收者来说都是不可见的，它是电子邮件提供商和发送服务器用来通信和将消息传递到预定的电子邮件帐户的。

电子邮件标题的一些功能(元数据)可以从电子邮件的顶部访问，而您需要单独访问您的自定义标题。

通过邮件头，你可以检查邮件经过了哪些服务器、ISP 和电子邮件服务。您可以迅速分析电子邮件传输是否受到保护，以及它是否无误或无误地到达了预定目的地。

Did you know that 70% of professionals use email to promote their corporate content? 📧 Learn more about the importance of email headers right here ✅Click to Tweet

电子邮件标题的各个方面

元数据是一种结构化参考信息，有助于排序和识别数据属性。电子邮件元数据是指可以在电子邮件标题中找到的有关您的邮件的信息。

电子邮件标题包括所有代码，直到标签。以下是你能在任何邮件标题中找到的内容的分类。

发件人:包含发件人信息。重要的是要记住，网络钓鱼者和垃圾邮件发送者通常在这方面伪造电子邮件地址。
收件人:显示收件人的电子邮件地址和姓名。这也包括抄送( CC )和密件抄送( BCC )字段中的电子邮件地址。
日期:显示邮件发送的确切时间。电子邮件客户端通常以如下格式显示该时间戳:日、月、年、时:分:秒。例如，2022 年 12 月 25 日星期五 8:05: 27。
Return-Path: 这是一个基本元素，它提供了系统将消息发送到的电子邮件地址。如果没有指定回复地址，它将被用作收件人的回复地址。
信封收件人:这表示电子邮件已发送到该行指定的地址。
主题:这包括发送者在主题行中描述的标题或主题。
Message-ID: 撰写信息时，您会创建一个由字母和数字组成的特定字符串。请注意，即使每条消息都有唯一的 ID，黑客也可以对该字段进行细微的修改。
MIME-version: 代表多用途互联网邮件扩展。顾名思义，它是互联网电子邮件协议的扩展，使您能够在线发送和接收各种类型的数据文件，如照片、音频和视频。
内容类型:该区域指定电子邮件是以文本格式还是以 HTML 格式书写。如果您有图像或视频，它也会出现。
域名密钥 和 DKIM 签名:通过将域名与电子邮件链接，域名密钥和域名密钥识别邮件(DKIM)签名帮助电子邮件服务在识别和认证消息。
X-Spam-Status: 通知您一封电子邮件是否是垃圾邮件。它还向您显示实际的数值分数。如果不是垃圾邮件，它会说“不”
X-Spam-Level: 这代表分配给您发送的电子邮件的总体 SpamAssassin 分数，用星号(*)表示。收到更少的星星是一件积极的事情:每颗星星在有利的方向上显示一个点。
邮件正文:显示邮件的主要内容。

为什么电子邮件标题很重要

你可能想知道为什么你需要检查你收到的邮件的邮件头。

由于各种原因，检查电子邮件标题非常重要，尤其是当您使用电子邮件进行商务活动、发起营销活动或为客户发送时事通讯时。

防范垃圾邮件和网络钓鱼

网络钓鱼和垃圾邮件都是我们收件箱中令人讨厌的东西。网络犯罪分子不断发明新的欺骗技术来克服安全措施，给用户和企业造成更多损害。

电子邮件标题可以帮助您避免垃圾邮件和网络钓鱼攻击。它们帮助电子邮件服务提供商(esp)区分垃圾邮件和合法邮件。由于电子邮件标题包含必要的数据，因此 ESPs 可以评估这些信息，以确定邮件是否合法，是否应该路由到目标收件人。

识别发送方和接收方信息

电子邮件标题提供了关键的消息标识符，例如从、到、主题和日期，如上所述。如果没有邮件头提供的信息，您将无法确定邮件来自谁、发送给谁、发送或接收的日期和时间，或者它是否包含安全、真实的内容。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

此外，电子邮件标题给出了发件人 IP 地址的详细描述，使您可以跟踪邮件的来源。这样，你就更容易发现骗子或任何恶意活动。

提高电子邮件送达率

你花在电子邮件营销活动上的每一美元，你会得到 44 美元的投资回报。这意味着电子邮件营销的投资回报率可以高达 4，400%。

考虑到这些数字，在发起电子邮件活动时，你最不需要做的就是让你的邮件被客户的垃圾邮件过滤器捕获。垃圾邮件过滤器和电子邮件提供商扫描您的电子邮件标题，并分析 SPF、DKIM、X-Spam-Status 和 X-Spam-Level 部分。这是为了确保发件人的 IP 地址被授权向该域发送邮件，并且没有人篡改电子邮件。

投资电子邮件跟踪软件来关注你的电子邮件发送状态也是明智的。有了像 Mailchimp 这样的跟踪系统，你将更容易在问题出现时(甚至出现之前)发现问题。

虽然你也可以使用像 Mailhog 到这样的工具来测试电子邮件，但通常更简单的方法是给自己发一封简单的邮件。这给了你一个机会来查看你自己的邮件头信息，以确保它的准确性和垃圾邮件过滤友好，以确保你最大限度地提高电子邮件的送达率。

最后，考虑一下如果你的网站关闭会发生什么。这是否意味着你的电子邮件也会暂停？如果你的电子邮件和你的网站放在同一个服务器上，几乎可以肯定它们会。

为了最大限度地减少你的电子邮件和你的网站一起关闭的机会，我们强烈建议将你的电子邮件和主机分开。Kinsta 不提供电子邮件服务正是因为这个原因:我们的首要任务是保持网站的所有部分平稳运行，为此，你需要服务器分离和冗余。

如何阅读电子邮件标题

阅读电子邮件标题的布局和程序因电子邮件服务提供商(ESP)的不同而不同。要检查它，请转到电子邮件标题，搜索与您相关的行。

以下是你如何在最流行的 esp 上毫不费力地做到这一点。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Gmail 中的电子邮件标题

Gmail 在全球拥有超过 15 亿活跃用户，是最著名的在线电子邮件服务之一。毫不奇怪，谷歌经常在 Gmail 中加入大量便利的特性和功能。

您可以通过在台式电脑或笔记本电脑上执行以下步骤，在 Gmail 中轻松查看电子邮件标题(此选项在移动设备上不可用):

Open your Gmail client and select the email that has the message header you want to view.

Gmail 收件箱
Access the kebab menu by clicking on the three dots beside the “Reply” button once you see the message body.

The kebab menu option

接下来，在下拉菜单中选择“显示原稿”。

Gmail 的“显示原文”选项
A new window will pop up, displaying the longer header in its original HTML format. You’ll be able to view header details such as authentication statuses, IP addresses, MIME version, and DKIM signature.

一个 Gmail 邮件头
Click on “Download Original” if you want to install and inspect the header data individually, or if you want to email it to your tech team.

Gmail 邮件标题的“下载原文”选项

雅虎上的电子邮件标题

雅虎邮箱还不错——它包含了很多和 Gmail 一样的选项。尽管如此，它还是比不上 Gmail 提供的好处。

如果你有一个雅虎邮箱账户，使用下面的说明来快速显示你想要的详细的邮件标题。

在一个单独的标签页中打开你的雅虎网络邮件客户端，点击你想要查看标题的邮件。
点击“ Spam ”按钮旁边的三个水平圆点，进入肉丸菜单。
接下来，在下拉菜单中选择“查看原始消息”选项。
现在，将会打开一个新窗口，其中包含了整个电子邮件标题数据。

Outlook 中的电子邮件标题

许多公司更喜欢使用 Microsoft Outlook 来增强他们的邮件策略。由于该应用的有序文件夹系统，用户可以通过各种方式对任务和信息进行分类，从而减少邮件的混乱。

在本节中，我们将使用 Microsoft Outlook 版本 2202 (64 位)。以下是如何访问任何电子邮件标题的详细信息:

Open any email from your folders that you want to see the header of. Make sure to double-click on it to open it in a separate window.

双击一封 Outlook 邮件
Click on “Actions” from the menu at the top of the window. Next, select “More Actions,” then choose “View Source.”

Outlook 的“查看来源”选项
The header details will automatically open in a Notepadfile.

记事本中的邮件标题

Apple Mail 中的电子邮件标题

苹果邮件(Mac)自诞生以来已经发展成为一个特别有用的电子邮件客户端。它易于设置和使用。最近的操作系统版本现在包括新的格式设置，添加更多附件的能力，和一个整洁的“回复”菜单。

从苹果邮箱获取邮件标题再简单不过了。只需遵循以下说明:

首先，打开你的苹果邮件客户端，然后点击打开你想要查看邮件头的邮件。
从菜单中，将鼠标悬停在“视图、上，然后单击它以展开下拉菜单。
选择消息，然后选择原始源现在你可以看到邮件标题的全部内容，如果你愿意，还可以复制它。

Understand what exactly email headers are and why they’re important in this guide 📧Click to Tweet

你需要邮件标题吗？

尽管各种沟通渠道呈爆炸式增长，但电子邮件仍然是任何企业非常有用的工具。事实证明，这是最具成本效益的战略之一，可以促进不同的投资，创造新的商机，并提高客户保持率(T2)。

因此，电子邮件已成为黑客的热门目标。因此，拥有足够的安全性来保护您的组织免受恶意电子邮件攻击并避开垃圾邮件文件夹至关重要。

由于电子邮件标题能够快速解决发送问题，因此对所有用户来说都是至关重要的资产，尤其是那些关注发送电子邮件和确保邮件送达的技术要求的营销人员。

你觉得查看邮件标题容易吗？在下面的评论区分享你的观点吧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

通过电子邮件营销自动化增强您的业务

原文：https://kinsta.com/blog/email-marketing-automation/

电子邮件是你的企业建立和保持客户群的最有力的工具之一。

首先，你的观众喜欢它。51%的消费者表示，电子邮件是他们更喜欢的品牌联系方式。这使得它比其他任何频道都受欢迎。

电子邮件也有很高的投资回报率(ROI)。在电子邮件营销上每投入 1 美元，平均可以获得 35 美元的回报。

但是定期创建和发送电子邮件会非常耗时，尤其是当你的业务增长时。

为了充分利用你的电子邮件营销，你需要自动化它。

幸运的是，一些工具使这变得容易。本文将介绍电子邮件营销自动化，包括如何做到这一点，以及什么平台最适合这项工作。

T3】

什么是电子邮件营销自动化？

电子邮件营销自动化使用自动化工作流程在正确的时间向正确的人发送正确的电子邮件。

最基本的，电子邮件营销自动化意味着安排一封电子邮件在特定的时间发送。但是电子邮件自动化能做的远不止这些。

可以基于各种触发器发送一封电子邮件或一系列电子邮件。例如，您可以根据用户在您网站上的操作发送电子邮件。

现代电子邮件营销自动化软件通过简化以下内容，将大量手动工作从您手中拿走:

订户列表管理
电子邮件创建
消息个性化
A/B 测试
分析学

Email is one of the most powerful tools your business has for building and retaining a customer base. 📈 But to get the most out of your marketing, you need to automate it. 📧Click to Tweet

电子邮件营销自动化的好处

我们已经讨论了电子邮件营销的高投资回报率，以及消费者更喜欢通过电子邮件联系。

但是为什么你需要使用电子邮件营销自动化工具呢？

以下是几个原因。

效率

电子邮件自动化节省您的时间和精力。例如，您不必手动编译和管理您的订户列表。

或者，假设您想向许多人发送一封电子邮件，但您希望他们根据所在时区或工作时间表在不同时间收到邮件。

全天手动发送电子邮件是不合理的。但是电子邮件营销平台工具可以在你处理其他任务时自动完成这项工作。

许多自动化平台甚至可以计算出向每个列表成员发送电子邮件的最佳时间。

可量测性

如果您的列表中只有几个订阅者，您可以在没有自动化解决方案的情况下向他们发送最新更新。但是向一个庞大列表的多个部分发送常规电子邮件(包括新闻、促销、有用内容等)变得不可能。

电子邮件营销自动化平台可以发展你的业务。你可以定期给你名单上的每个人发送有针对性的电子邮件，不管它有多大。

提高客户保留率

顾客往往注意力不集中。

他们可能曾经买过你的产品，但是如果他们再也没有你的消息，他们就会忘记你。谁能责怪他们呢？他们每天都会看到来自其他公司的营销邮件、广告和社交媒体帖子。

如果没有自动化的电子邮件，维护与客户的关系将是一项挑战。

电子邮件营销自动化可以保持现有客户的参与，并提醒他们喜欢你的产品。

Example of a customer retention email

客户留存邮件示例(来源: Chamaileon )

消息个性化

一刀切的电子邮件不再适用。

72% 的消费者表示，他们只关注符合他们兴趣的营销信息。对于“经常购物的人”来说，这甚至更准确。其中 80%的人只会购买个性化体验的品牌。

营销人员明白这一点——69%的人正在使用某种个性化的电子邮件。

为了具有竞争力，你还必须个性化你的电子邮件信息。电子邮件营销自动化平台可以帮助你做到这一点，而无需增加大量额外的人工工作。

何时使用电子邮件营销自动化

自动化电子邮件是高度可定制的，以满足您的业务需求。您可以随时发送任何类型的电子邮件。

也就是说，我们建议企业在电子邮件营销策略中包含一些关键类型的营销电子邮件。

废弃购物车电子邮件

几乎 70%的购物车被电子商务网站抛弃。

你可以让这些人回来完成他们的购买。发送电子邮件提醒他们购物车中的商品。向顾客提供该商品的特价可能会吸引他们回来。

您可以通过将电子邮件自动化工具与网站跟踪相结合来实现这一点。甚至可以根据其他网站访问者的行为发送电子邮件，比如查看某个特定主题的资源。

时事通讯

定期发送简讯是吸引观众的有效方法。

它们可以让你将各种重要信息放入一封电子邮件中，如公司新闻、活动、促销和令人兴奋的内容。

促销电子邮件

促销电子邮件是电子邮件活动，旨在让人们了解你的企业正在提供的东西。它们可以围绕产品发布、服务、免费下载内容或即将到来的事件。

他们经常给你的订户打折或特价商品。

促销邮件可以非常成功地让人们对你的品牌感兴趣。当你锁定最有可能对促销感兴趣的订户时，它们的效果最好。

新订户欢迎电子邮件

企业花了很多时间培养现有的联系，但你知道名单订户什么时候最有可能向你购买吗？

就在他们订阅之后。

在那一刻，他们对你的业务有足够的兴趣加入你的邮件列表。这是促使他们改变信仰的绝佳机会。

为此，你可以发送一封欢迎邮件，甚至是一系列的欢迎邮件。欢迎邮件很受欢迎——平均打开率为 86.03% 。

相比之下，简讯的平均打开率为 18.76%

An example of a welcome email

一封欢迎邮件的例子(来源: Vero )

事件和约会提醒

有即将举行的活动吗？

不要让你的观众忘记这一点。安排几封活动提醒邮件可以提高出勤率。您还可以自动提醒单个约会。

对询问的自动回复

当潜在客户联系你时，他们希望得到及时的回复。但是你可能无法立即回复每一封邮件。

借助电子邮件营销自动化，您可以设置自动回复查询。例如，你可以让这个人知道他们多快可以得到一个人的回复，同时指引他们去找相关的资源。

电子邮件营销自动化工具的主要特性

希望你相信电子邮件营销自动化解决方案的好处。所以我们来看看邮件软件能做什么。

电子邮件营销活动构建工具

在您担心自动触发和 A/B 测试之前，您必须创建一封电子邮件。

它应该看起来专业，包括你的品牌。如今，它的移动响应能力也很重要。

幸运的是，你不需要设计或编码资源来实现这一点。顶级电子邮件营销工具提供了模板，您可以编辑这些模板来创建一封流畅、响应迅速的电子邮件。

扳机

触发器是导致自动发送电子邮件活动的原因。

您可以使用时间触发器—例如，1 月 20 日下午 5 点。

还有更高级的触发器。当某人出现以下情况时，会自动发送电子邮件:

订阅您的列表
在您的网站上采取特定的行动
单击您之前的电子邮件活动中的链接
在贵公司过生日或周年纪念日
购买你的产品

与促销电子邮件或时事通讯不同，这些类型的电子邮件会在恰当的时间发送给单个列表订阅者。

自动化滴灌活动

一个滴滴运动就是一系列相关的电子邮件。它们通常用于在客户旅程中培养销售线索。

滴滴邮件可以按照简单的时间表。例如，加入您的列表的订户可以触发每月向他们发送一次关于您的产品的信息电子邮件。

有些滴滴运动的流程更复杂。例如，对于打开第一封电子邮件的订阅者和没有打开第一封电子邮件的订阅者，系列中的第二封电子邮件可能不同。

An example of a drip campaign through email

一个滴滴运动的例子(来源:大通新媒体 )

A/B 测试

A/B 测试，也称为分割测试，有助于提高您的营销活动绩效。A/B 测试是指你发送一封电子邮件的多个版本——通常是发给一个小的测试小组——来看看哪一个表现得更好。

例如，测试用不同的主题行发送相同的电子邮件是很常见的。根据你的电子邮件营销平台，你可能有其他选择，如测试内容或图片。有几种不同类型的 A/B 测试工具可用。

A/B 测试不仅能帮助你选择最好的电子邮件版本，还能让你更多地了解你的受众。

响应跟踪和分析

电子邮件营销不仅仅是发送电子邮件。是关于订婚的。

你需要能够看到对你的电子邮件的回复。它们被打开了吗？有多少人点击了每个链接？

电子邮件营销自动化平台通常提供报告和分析来帮助您衡量电子邮件的成功，并改进未来的活动。

顶级电子邮件营销自动化工具

市场上有大量的电子邮件营销工具。这些是最好的几个。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

1.Mailchimp

Mailchimp 是电子邮件营销领域的主导者，拥有 72.97% 的市场份额。这么多公司使用它是有原因的。

Mailchimp 使创建看起来专业的品牌邮件变得容易，它的测试和分析是一流的。更棒的是，它是各种规模企业的经济高效的解决方案。

如果你的联系人少于 2000 人，每月发送的电子邮件少于 10000 封，你可以免费使用 Mailchimp。

付费计划的价格取决于你有多少联系人，因此拥有 500 个联系人的企业不会像拥有 50，000 个联系人的企业那样为高级功能支付那么多费用。

Screenshot of the MailChimp homepage

麦钦普

主要特征

带有模板的电子邮件生成器
分段和列表管理
个性化
高级自动化
报告和分析
登录页面
A/B 和多元检验
发送时间优化

定价

免费:最多 2000 个联系人
要点:500 个联系人每月 9.99 美元起
标准:500 个联系人每月 14.99 美元起
Premium:10，000 个联系人每月 299 美元起

2.经常接触

恒联系是第二受欢迎的电子邮件营销自动化平台，尽管它只有 5.36%的市场份额。

Constant Contact 有许多与 Mailchimp 相同的功能，如模板、自动化和分析。

它还有一些独特的功能来帮助非营利组织筹集资金。

Constant Contact home page

Constant Contact

然而，Constant Contact 没有免费版本，付费计划比 Mailchimp 的更贵。

主要特征

带有模板的电子邮件生成器
分段和列表管理
个性化
高级自动化
报告和分析
A/B 测试
登录页面
筹款工具

定价

电子邮件:500 个联系人每月 20 美元起
Email Plus:500 个联系人每月 45 美元起
电子商务专业版:起价 195 美元/月，有 2500 个联系人

3.轮毂点

HubSpot 最广为人知的是一个 T2 CRM 平台或一套营销工具。其营销中心包括电子邮件。如果你也想使用 Hubspot 的其他营销解决方案，Hubspot 电子邮件是值得考虑的。

HubSpot Email Marketing home page

HubSpot Email Marketing

它有一个免费计划，让你每月发送多达 2000 封电子邮件。之后，您可以购买付费营销中心计划。

主要特征

带有模板的电子邮件生成器
分段和列表管理
个性化
高级自动化
报告和分析
A/B 测试
与 CRM 和其他营销工具的集成

定价

免费 Hubspot 电子邮件:每月 2000 封电子邮件的限额
营销中心启动版:【1,000 个营销联系人的起价为每月 45 美元
营销中心专家:起价 800 美元/月，可联系 2000 名营销人员
营销中心企业:10，000 个营销联系人的起价为每月 3，200 美元

4.AWeber

AWeber 有 600 多个电子邮件模板和易于使用的自动化选项。

它的定价是基于你有多少联系人。无论你的名单上有 50 个还是 50，000 个用户，你都可以使用 AWeber 的所有功能。

厌倦了低于 1 级的 WordPress 托管支持而没有答案？试试我们世界一流的支持团队！查看我们的计划

AWeber Email Marketing home page

AWeber Email Marketing

这使得 AWeber 成为小型企业的绝佳选择，这些企业需要高级功能，而无需为企业级计划付费。

主要特征

带有模板的电子邮件生成器
分段和列表管理
个性化
高级自动化
报告和分析
A/B 测试
CMS 集成

定价

范围从免费(0-500 名订户)到每月 146.15 美元(10，001-25，000 名订户)

你是谁

Sendinblue 是一款价格实惠的电子邮件营销解决方案，可与 Mailchimp 等更知名的平台竞争。

事实上，在 EmailToolTester 的上一次邮件送达率测试中，Sendinblue 的 96.3% 送达率优于 Mailchimp、Constant Contact、AWeber 和 Hubspot。

Sendinblue 的付费计划限制了你可以发送的电子邮件数量，但没有限制你的列表大小。因此，与 Mailchimp 或 AWeber 不同，拥有大量联系人的企业可以继续使用免费计划。

Sendinblue email editor

Sendinblue 邮件编辑

主要特征

带有模板的电子邮件生成器
分段和列表管理
个性化
高级自动化
报告和分析
A/B 测试
API/Webhooks
闲谈

定价

免费:每天最多 300 封电子邮件
Lite: 每月 10，000 封电子邮件的起价为 25 美元
Premium: 起价 65 美元/月，每月发送 2 万封电子邮件
企业:定制定价

上面这些是我们最喜欢的，但是还有很多其他的。

电子邮件营销自动化最佳实践

一旦您选择了电子邮件营销自动化平台，请遵循以下提示充分利用该工具并了解最佳实践。

1.建立一个高质量的列表

不要只是建立一个庞大的联系人列表。试着关注这些联系的质量。

高质量的列表订阅者是那些已经表达出对你的业务、产品或内容感兴趣的人。

这些人最有可能改变信仰。

您可以通过让订户选择加入来创建高质量的列表。实现这一点的一些方法包括:

将注册表单添加到您的网站
在你的表格底部有一个“把我加入你的名单”的复选框
从下载资产的人那里收集电子邮件
为人们在贸易展和其他活动中注册提供场所

许多电子邮件营销自动化平台提供表格添加到您的网站，但它们不是您唯一的选择。如果你有一个 WordPress 网站，试试这些潜在客户生成插件。

2.细分你的受众

企业并不总是擅长将正确的信息传递给正确的人。

许多公司认为他们做得很好——59%的营销人员认为他们发送的大部分电子邮件都是相关且有价值的。

但只有 15%的消费者认为他们收到的大多数营销邮件是相关和有用的。那么如何成为为数不多的有效针对其邮件的品牌呢？

细分你的清单是至关重要的。

细分市场是联系人列表中具有某些共同点的人群，例如:

位置
语言
年龄
性别
职业
生活方式
兴趣
购买历史
买方阶段

Types of market segmentation for email marketing

细分类型(来源:奥博洛 )

细分您的电子邮件列表，让您个性化您的活动，以满足特定受众的需求和愿望。

3.瞄准客户旅程的每个阶段

你名单上的人与你公司的关系处于不同的阶段。

有些人几乎不知道你是谁。这些人可能在你的联系人名单上，因为他们从你的网站下载了白皮书，或者在你的博客上填写了表格。

其他列表订阅者已经收到你的邮件有一段时间了，但他们还没有转换。

当然，还有你的忠实顾客。

每个小组都应该收到不同类型的电子邮件。确保你没有忽略漏斗的任何部分。

例如，在早期阶段向人们发送令人兴奋的内容可以让他们更多地了解你的业务。同时，您可以用特别优惠来奖励现有客户。

4.注意电子邮件的频率

你是否曾经注册了一个有趣的电子邮件列表，却在收到太多邮件时感到恼火？

我们大多数人都经历过。

定期发送电子邮件让你的听众参与进来是很重要的，但是你必须意识到你联系每个名单成员的频率。

那么多久才算太频繁呢？

没有放之四海而皆准的规则。你可以通过查看电子邮件营销自动化软件中的电子邮件分析来判断你做得如何。

如果你看到打开率和点击率下降，退订上升，这是一个危险信号。看看如果你少发邮件会发生什么。

5.远离垃圾邮件文件夹

你想象你的电子邮件安全地到达每个预定收件人的收件箱。

但事实并非总是如此。所有电子邮件中有 11.1% 从未进入收件箱。有几个因素会影响电子邮件的送达率。

如果出现以下情况，您的电子邮件可能会被放在垃圾邮件文件夹中:

您的列表中有不活动的电子邮件地址
您使用的词语可能会触发垃圾邮件过滤器
邮件收件人将你的邮件标记为垃圾邮件,因为他们认为这些邮件没有帮助或者没有意义
你同时发送了太多电子邮件

6.A/B 测试一切

A/B 测试意味着您不断发送优化版本的电子邮件活动。

如果一个主题行在 A/B 测试中没有引起你的观众的共鸣，你就不会犯把它发送给你的整个联系人列表的错误。

A/B 测试也有助于你了解你的潜在客户，从而在未来创造更好的营销活动。

An example of Email A/B test flow

邮件 A/B 测试流程(来源:扎皮尔 )

手动创建和发送电子邮件对于一个成长中的企业来说是不可持续的，但电子邮件营销看到了巨大的投资回报。📈进入，自动化。💪

摘要

凭借其出色的投资回报率，电子邮件营销是每个企业的必备。借助合适的电子邮件自动化解决方案，可以轻松高效地完成这项工作。

电子邮件营销自动化可以帮助建立受众，改善与客户的关系，并销售产品。

准备好制定您的电子邮件策略了吗？立即获取更多电子邮件营销技巧！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年发送更好电子邮件的电子邮件营销最佳实践

原文：https://kinsta.com/blog/email-marketing-best-practices/

在竞争日益激烈的数字世界中，你的信息很容易在收件箱中丢失。每天有超过 2800 亿封电子邮件被发送，等待打开和点击，但往往未被阅读。

有这么多的竞争，让你的电子邮件在你的订户面前，它似乎可以耗尽投资时间在电子邮件营销策略。但是在你放弃之前，要知道电子邮件营销是数字营销策略中最有投资回报率的一种。你花在电子邮件营销上的每一美元，你会让获得 38 美元的回报。

值得再看一眼，对吧？幸运的是，有很多小技巧可以帮助你的电子邮件营销策略获得竞争优势。在本帖中，我们将讨论 11 个技巧，你现在就可以开始做，以提高你的电子邮件转化率和订阅率。首先，你需要一份清单。

建立强大的用户列表
选择合适的自动化平台
让你的信息简短而甜蜜
精心设计完美的主题线
吸引你的观众
将社交分享添加到您的电子邮件中
包括强烈的行动号召
不要让你的订户不知所措
避开垃圾邮件陷阱
不要忘记移动优化
测试、测量和重复

1.建立一个强大的订户列表

不管你的电子邮件营销策略有多可靠，如果你没有订户名单，你永远不会收获回报。据数据和营销协会称，电子邮件营销能带来巨大的投资回报率——营销投资回报率高达 4300%。

为了以一种影响你的底线的方式扩大投资回报率，你需要建立、培养和扩大你的电子邮件订户名单。那么，你如何开始在这些注册耙？这里有三个简单的起点。

开通博客

如果你还没有博客，那就不要想了，去做吧。使用博客进行潜在客户开发和注册的营销人员比不使用博客的营销人员平均多看到 97%的潜在客户。我们也可以在金斯塔亲自证明这一点。查看一下 SEO 清单，我们用它来增加我们 571%的流量。

我们的电子邮件列表通常是我们内容发布当天流量的头号驱动因素，为我们提供了一种将我们的内容呈现在最热心读者面前的方式。–缓冲器

仅仅他们的一篇博文每天就能带来 600 到 800 次浏览。你有 600 到 800 次的机会让别人注册你的邮件列表。谁不想要一点额外的流量呢？😉

Blog traffic on single article

Blog traffic on a single article

选择加入表格

将选择加入表单添加到所有内容中。人们不会花时间去搜索“订阅”按钮。把它带给他们。Unbounce 发现点击弹出窗口的表现比退出弹出窗口的表现好 1147%。

Opt-in forms

如果你不想做弹出窗口，你可以像我们在 Kinsta 做的那样，在读者滚动 75%后，在每篇文章的底部添加一个幻灯片(如下所示)。这是一个有点不显眼，但仍然非常有效！查看一些你可以使用的不同的销售线索生成插件。

Bloom opt-in

社会化媒体

充分利用社交媒体。通过加入时事通讯的链接来优化你的简历，考虑做一个链接内容的广告，在你的社交平台上发布内容。Nathalie Lussier 通过她的第一次 Twitter 聊天和电子邮件营销挑战，她的电子邮件列表增加了 3000 名订户。

List building challenge

在本帖中，我们分享了关于列表构建的额外技巧:如何快速有效地构建电子邮件列表(行之有效的策略)

一旦你建立了一个庞大的联系人名单，你应该怎么做呢？

2.选择正确的自动化平台

75%的电子邮件收入来自自动化的电子邮件活动。有道理，对吧？

随着你的名单越来越多，你不能像一只疯狂的仓鼠一样在无尽的手动电子邮件的轮子上奔跑。如果你想扩展，你需要自动化。72%的营销人员认为自动化有利于他们的组织战略，78%的营销人员认为营销自动化的好处直接增加了收入。

Benefits of marketing automation

Benefits of marketing automation (Image source: Redeye and TFM&A Insights)

那么，如何让自动化发挥作用呢？首先，当你获得一个新客户或订户时，确保在最初的 24 小时内向他们发送一封欢迎邮件。值得你花时间。欢迎邮件比其他促销邮件平均多产生 320%的收入。

仅通过优化欢迎邮件，Domino 的打开率就提高了 11%，而的点击率提高了 23% 。

Case study with welcome emails

第二，考虑将较长的电子邮件分解成点滴活动。与非自动化、一次性发送的电子邮件相比，滴滴营销活动的打开率高出80%，滴滴营销活动电子邮件的平均点击率高出三倍。索尼看到的点击率增长了 157%,他们向索尼奖励忠诚俱乐部成员发起了滴滴运动。

索尼并不孤单。许多企业利用自动化实现了飞速发展。美食家调味糖浆品牌 Monin 使用电子邮件自动化将他们的客户划分为 B2C 和 B2B ，因为他们需要不同的营销活动。成功了。莫宁母亲节的自动化电子邮件活动在一个月内推动了近 40%的电子邮件收入。这比上一年增长了 20%。

在客户购买了他们的一辆固定自行车或下载了应用程序后，Peloton 会立即发送欢迎电子邮件。

Welcome email example

Peloton 的会员体验 SVP 布拉德·奥尔森(Brad Olson)向 true ventures 讲述了他们如何通过入职邮件培养情感忠诚度。

毫不奇怪，在我们的欢迎系列开始时，Peloton onboarding 电子邮件的打开率最高。为了利用这种最初的兴趣激增，我们改变了前两封电子邮件，以鼓励那些与长期参与和保留最相关的行为(例如，加入我们的脸书社区和安装 Peloton iOS 应用程序)。–布拉德·奥尔森

不确定选择哪个邮件营销平台？查看此列表中的一些建议。我们是 Kinsta 的 MailChimp 的超级粉丝，但是我们也为你收集了 22 个 MailChimp 替代品。

既然您已经知道了何时以及如何自动化您的营销活动，那么是时候考虑内容了。

3.保持你的信息简洁明了

几乎一半的消费者表示他们收到了太多的电子邮件。想想你自己的收件箱。每天从几十封邮件中筛选出你想要的信息是一场持续的斗争，对吗？

而博客帖子和在线文章可以不受更高字数的影响。你的电子邮件读者不想读迷你小说。他们想让你直奔主题。以 Postmates 为例。在简短的介绍之后，他们直接给读者带来好处，接着是清晰的行动号召。

Brief email example

Brief email example (Image source: Hubspot)

Postmates 的首席产品经理 Tanner McGrath 告诉 eMarketer :

这不仅仅是查看哪封邮件的打开率最高，还包括确定哪封邮件能让客户采取特定的行动。

如果你认为简洁不重要，那么请记住普通成年人的注意力持续时间不到八秒钟。那么邮件长度的最佳点是什么呢？虽然这不是一个放之四海而皆准的标准，但 Boomerang 最近的一项研究发现，字数不超过 125 个字的营销电子邮件的回复率约为 50% (远高于平均水平)。

看看 Evernote 的这个例子。它简短、甜蜜，并且有明确的行动号召。读者可以在几秒钟内消化信息和 CTA。

Brief email example

Brief email example (Image source: Really Good Emails)

Paypal 在使用图像而不是文字来唤起行动方面也做得很好。例如，这封电子邮件包含不到 40 个单词，但传达了使用 Paypal 的简单性，以获得轻松的结账体验。

Brief email example

Brief email example (Image source: AWeber)

一旦你把你的内容精简了，是时候引起读者的注意了。

4.精心设计完美的主题

如果你把主题搞错了，内容就不重要了。你永远也不会错过观众收件箱里的预览。47%的读者仅根据主题来决定是否打开邮件。

那么，你如何吸引你的读者打开你的信息呢？一种方法是实践“利益、逻辑或威胁”方法，简单地提供一个明显的利益，一个“常识”陈述或“不要错过”类型的内容。

例如,《孤独星球》提供了一个独特的“福利”,标题是“周五前所有商品买一送一”。读者可以通过点击电子邮件获得销售信息。

Email subject line example

Email subject line example (Image source: Really Good Emails)

作为“逻辑”的一个例子，看看这封来自 Barkbox 的邮件。他们的成员显然热爱他们的宠物，逻辑上非常有可能庆祝他们的生日。主题行“给你的四月酒吧添加一个生日小馅饼”对核心酒吧观众来说是一个合乎逻辑的诉求。

Email subject line example

Email subject line example (Image source: Really Good Emails)

“威胁”的例子是什么看看 SXSW 发来的这封邮件。在这种情况下，威胁是害怕错过注册截止日期。这种主题的目的是让你的读者产生紧迫感。

Email urgency

Email urgency (Image source: Campaign Monitor)

一旦你确定了你的“钩子”，确保它是一个短钩子。Invesp 的研究显示,的读者更喜欢简短、个性化的主题。语法上用他们的“个性化福利”方法很好地做到了这一点。它简明扼要，提供了有用的提示。别忘了在发送之前校对你所有的邮件。

Personalized email

Personalized benefit email (Image source: Instapage)

现在你的主题行是一件艺术品，你的读者迫不及待地打开你的邮件——接下来呢？

5.吸引你的观众

我们已经讨论了简洁的重要性。不过，这不应该以牺牲观众参与度为代价。虽然营销人员说，更高的参与度是他们电子邮件营销的首要任务，但他们也承认，参与并不是一件容易的事情。

Challenges increasing engagement rates

Challenges increasing engagement rates (Image source: Campaign Monitor)

你如何确保你的读者在关注？在他们看完你的邮件后，给他们一个与你互动的理由。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

例如，你可以试着问他们一些问题。一旦有人提问，人类的大脑就会有回答问题的欲望。即使你没有要求一个直接的答案，一个恰当的问题也会让你的品牌在你的读者心中扎根。

其次，链接相关内容。它能让你的读者关注你的品牌。Pardot 提供了一个简单的工具来帮助衡量你的电子邮件内容的参与度，看看你是否击中了目标或者让读者感到厌烦和困惑。

Pardot email engagement

Pardot email engagement (Image source: NewsCred)

组织在参与策略上变得越来越有创意。吊床公司的营销团队进行了一项实验，通过时事通讯邮件来提高参与度。

他们对邮件进行了删减，将邮件重新组织成“创意邮件”而不是时事通讯，并“调侃”更深层次的内容，而不是一次全部扔掉。

Tease email

Tease email (Image source: The Daily Egg)

成功了。他们发现新格式的开放率增加了 48%。既然你已经在和你的观众互动，他们也在回应你，是时候扩大你的影响范围了。

6.将社交分享添加到您的电子邮件中

让你的听众容易分享你的信息，否则——他们不会。有社交分享按钮的电子邮件的点击率比没有按钮的高出 158%。

当你考虑设计时，要非常清楚你的社交分享按钮实际上在分享什么。我们都点击过“分享”图标，却发现它链接到了我们刚刚阅读的内容之外的内容。看看这个来自 Salesforce 的例子。社交分享按钮清楚地说明了分享的内容和平台。

Email sharing buttons

Email sharing buttons (Image source: Salesforce)

80%的营销人员说他们的社交媒体分享努力增加了网络流量。这是一个简单的添加到你的电子邮件中的方法，可以为你的读者和你的底线增加价值。看看这封来自 Ballard's(一家欧洲设计店)的邮件。

Social sharing in emails

Social sharing in emails (Image source: Betaout)

每个盒子都有一个干净、简单的设计，清楚地列出了每个社交分享平台的好处。你也可以考虑在你的博客上添加插件，进一步让你在你的网站和你的社交平台之间轻松分享内容。

说到清晰，你有没有问过你的读者，在他们读了你的邮件后，你希望他们采取什么行动？

7.包括强烈呼吁采取行动

如果你不告诉你的读者你想要什么，他们永远不会知道。每封电子邮件都需要强烈、清晰的行动号召(CTA)。研究表明，CTA 可以让你的点击率提高 370% 。

电子邮件营销非常适合个性化 CTA(或一些人所说的“智能 CTA”)。事实上，HubSpot 发现，针对用户兴趣的 CTA 比普通 CTA 多带来了 202%的潜在客户。

Generic CTAs vs Smart CTAs

Generic CTAs vs Smart CTAs (Image source: HubSpot)

CTA 有许多不同的形式和风格。为了纪念其 20 周年，航空公司 easyJet 发出了一封电子邮件，用温暖的语调补充了该品牌标志性的橙色。CTA 讲述一个故事来引导读者继续他们的冒险。

CTA email

CTA email (Image source: CampaignLive)

在发送的 12，473，608 封独特的电子邮件中，打开率“比 easyJet 时事通讯的平均水平高出 100%以上，点击率高出 25%……[并且]在所有市场中，收到完全个性化版本的 easyJet 客户中有 7.5%在接下来的 30 天内进行了预订。”

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

通过运行一些简单的 A/B 测试，尝试一下按钮的样式和颜色，看看你的受众更喜欢什么。

当你获得了受众参与度，并开始从你的 CTA 中看到更多的转化后，是时候考虑多长时间接触一次你的订户列表了。

8.不要压倒你的订户

电子邮件营销难题中最具挑战性的一块是知道多久联系一次你的订户。接触太多，他们退订；太少，他们会对你的品牌失去兴趣。这也可能取决于你实际上能分享多少新内容。

大多数消费者更喜欢每月至少收到一封促销邮件， 15%的消费者表示他们不会因为每天收到一封邮件而感到烦恼。甜蜜点可能在中间的某个地方，但要靠你自己去找到它。它因行业、受众和内容而异。我们每周在金斯塔发一次时事通讯。

您需要在每次活动后监控退订率，并相应调整发送频率。知道你的听众多久想听你一次的一个方法是简单地问他们。

以 730DC 为例。总部设在华盛顿 DC 的志愿者组织知道，他们的观众希望经常更新活动和志愿者机会。因此，他们每天发送一份时事通讯。他们还研究了一天中的最佳时间，以确保他们的信息被目标受众看到。

Daily newsletter

Daily newsletter (Image source: Clutch)

还不确定多久发一次电子邮件？Peldon Rose 的营销主管 Benjamin Murray 给出了以下建议:

质量胜于数量——电子邮件可能具有成本效益，但这不是不为目标受众提供高质量内容的借口。

你还应该通过启用联系人首选项来让你的订户选择他们收到你邮件的频率，这只是你的订户告诉你多久给他们发一次电子邮件的一种方式。

Email frequency

Email frequency (Image source:

这增加了他们关注你的内容的可能性，如果他们能控制自己收到的邮件数量，他们就不太可能点击“退订”。

9.避免垃圾邮件陷阱

2003 年，联邦贸易委员会通过了控制非请求色情和营销(CAN-SPAM) 规则。事实上，营销人员被纳入了一项保护公民免受不请自来的色情信息侵害的法律，这应该告诉你人们对收到垃圾邮件有多严重。😮

FTC 网站详细描述了规则，值得一读，以确保你保持合规，但这里有一些最简单的经验法则，将帮助你避免被归类为垃圾邮件发送者:

不要全部使用大写字母
避免感叹号字符串(！！！)
不要购买电子邮件列表
不要在你的邮件中嵌入表格(改为链接)
不要在营销邮件中添加附件
避免垃圾邮件触发词(免费、保证、无义务等。)
远离红色字体
使用拼写检查
不要在你的邮件中塞满关键词
不要忘记给读者退订的选择
避免在您的电子邮件签名中包含可能被标记为垃圾邮件的网站链接

每有 1250 万封电子邮件被标记为垃圾邮件，只有一个人回复。谈论一个糟糕的投资回报率。不值得你浪费时间或冒险。如果你想确定你遵守了，使用像 GlockApps 这样的工具通过垃圾邮件检查器运行你的内容。

Test email for spam

没有什么比精心制作一封邮件，却发现它直接进入了你的听众的垃圾邮件文件夹更糟糕的了。

你还应该通过添加 DKIM 和 SPF 记录来验证你的电子邮件。查看我们关于如何认证你的电子邮件的深入教程。

10.不要忘记移动优化

移动流量在 2016 年超过了桌面流量，而且这一趋势并没有放缓。电子邮件营销顾问 Jordie van Rijn 建议营销人员:

像你绝对正确一样设计，然后像你从一开始就错了一样优化。

简而言之:当你考虑电子邮件设计时，确保你为你的移动用户进行了优化。消费者更喜欢从移动网站或应用程序购买。此外，作为零售商，你应该提供移动友好的体验，推动消费者的购买漏斗。

未能优化电子邮件和手机登录页面的零售商可能会永久地赶走潜在买家。高达 75%的电子邮件是在移动设备上打开的， 57%的用户说他们不会推荐一个移动体验不佳的品牌——更不用说从他们那里购买了。

还需要证明吗？Boxed 每周向用户发送交易电子邮件。他们看到通过将深度链接整合到他们的移动应用程序，购买的转化率提高了 133%。

Deep links in mobile emails

那么，如何确保出色的移动电子邮件体验呢？需要考虑的几件事:减小图像尺寸以防止缓慢的加载时间。一些电子邮件渠道(如 Outlook)会阻止渲染图像。使用类似于 TinyPNG 的工具将图片压缩到 100 张，这样你就不会卡在垃圾邮件文件夹里了。

其次，增加电子邮件中链接和按钮的大小，这样读者可以在第一次尝试时轻松选择他们想要的。有趣的事实:根据麻省理工学院的一项研究，一个成年人的食指平均为 1.6-2 厘米，这相当于移动设备上大约 45-57 个像素。不要给移动用户可怕的“香肠手指”情结。让他们很容易点击他们想要的东西。

最后，不要忘记包含一个纯文本版本。即使你已经为漂亮的 HTML 设计付出了努力，一些读者还是喜欢阅读纯文本。如果你仍然不确定你的内容是否能无缝地转移到手机上，可以使用像 Acid 上的电子邮件这样的工具。

在你设计、移动优化并启动了你的第一个活动之后，不要忘记看看它对你来说有多难。

11.测试、测量和重复

我们都听说过这样一句格言:“没有被测量的东西是不会被改进的。”电子邮件营销也不例外。如果没有明确的度量标准和持续的跟踪，您的结果最终会停滞不前，您会不知道哪里出了问题。如果你的电子邮件平台有内置的 A/B 测试，现在大多数都有，这是一个很好的开始，看看什么最能引起你的受众的共鸣。

在 2012 年的竞选中，巴拉克·奥巴马筹集了超过 6 . 9 亿美元的捐款，部分原因是他坚持通过电子邮件进行 A/B 测试。

你可以使用 UTM 标签在谷歌分析中跟踪电子邮件指标。要查看您的活动，请前往收购>活动。许多电子邮件营销工具也有能力为你自动添加 UTM 标签。

Traffic sources email

Traffic sources email (Image source: Smart Insights)

无论你选择什么度量标准，都不要只做一次。在你对你的策略进行调整后，停下来再次衡量。电子邮件营销策略应该不断发展。

摘要

全球有近 30 亿电子邮件用户，每天筛选近 3000 亿封电子邮件。凭借 122%的平均投资回报率，电子邮件营销仍然是营销团队可用的最智能、最具成本效益的工具之一。

但是，如果普通消费者每天收到 70 多封电子邮件，营销人员就必须发挥创造力，消除收件箱的噪音。电子邮件营销不是一个失败的事业。这是一个创造性的草根营销的机会，它首先吸引了许多人进入营销领域。

危险在于自满——年复一年简单地推出千篇一律的电子邮件，而没有衡量成功或规划增长。正如整体电子邮件营销的创始人 Kath Pay 所说:

邮件是一个推送渠道，所以我们需要推它更努力。

仔细考虑你的电子邮件设计和字体，包括清晰的行动号召，坚持不懈地测试和改进你的活动。如果你遵循这些和其他经过验证的最佳实践，电子邮件营销几乎肯定会提高你的订阅率和转化率。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

电子邮件营销软件推荐(为什么不用你的主机)

原文：https://kinsta.com/blog/email-marketing-software/

大多数应用、数据库和管理的 WordPress 主机，包括 Kinsta，允许通过他们自己的服务器发送一些基本的出站邮件。这对于一些电子邮件(比如密码重置)和让你的网站正常运行来说是非常好的。

然而，现在有很多新的第三方插件冒出来，将 WordPress 变成一个成熟的电子邮件营销解决方案，定期发送成千上万封电子邮件。虽然插件本身没有问题，但是插件发送电子邮件的配置经常被忽略。事实上，如果设置不正确，可能会损害您的活动绩效，甚至影响您点击客户收件箱的能力。

通常，托管服务器并不意味着也是电子邮件服务器。因此，如果您正在发送简讯或群发电子邮件，我们总是建议您使用以下方法来获得最佳效果:

使用不属于 WordPress 的第三方专业电子邮件营销软件
使用一个交易电子邮件服务提供商 (HTTP API 或 SMTP)以及你的 WordPress 时事通讯插件

我们将深入下面的原因，并分享我们的电子邮件营销软件的建议。

使用主机邮件服务器的缺点

电子邮件在您的工作流程中扮演着非常重要的角色，因为它是让您和您的客户了解您的网站和业务情况的主要媒介。因此，拥有一个可以依赖的系统非常重要！以下是一个网站可能每天发出的电子邮件的几个例子:

通知新的 WordPress 用户登录的帐号和位置
密码重置和更改通知
您博客上的新评论通知
启用了 Pingbacks 和 trackbacks
在 WooCommerce 或 Easy Digital Downloads 中发布新的电子商务销售通知
引导和联系来自插件的表单提交，如重力表单或 WPForms
来自插件的安全通知，如 WP 安全审计日志或 WordFence
如果在 WordPress 中使用插件，用电子邮件发送时事通讯
新功能发布
与附属公司的沟通

如果你仔细想想，会发现发生了很多事情！尤其是在较大的网站上，因为每隔几秒钟就会有电子邮件发出。如果你不使用专业的电子邮件营销软件或交易电子邮件服务提供商，你一定会遇到以下问题，这些问题可能会真正损害你的网站和活动的成功:

1.你不会总是呆在地窖里

思考电子邮件如何与典型主机一起工作的一个好方法是它就像共享主机。您被绑定到您的主机为外发电子邮件配置的 IP 地址。如果出现问题，比如客户端突然发送垃圾邮件，该 IP 地址就有可能被列入垃圾邮件黑名单。然后，你突然只能任其摆布，等待你的主机与提供商或 ISP 解决问题。这可能会导致你的电子邮件不稳定的发送和等待时间，这绝不是一件好事。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

shared hosting

当谈到 WordPress hosting 时，你在 Kinsta 这里不必担心，因为我们平台上的每个网站都运行在一个隔离的软件容器中，该容器包含运行网站所需的所有软件资源(Linux、 NGINX 、 PHP 、MySQL)。这意味着运行每个站点的软件是 100%私有的，不会被共享，即使是在你自己的站点之间。对于密码重置和评论通知等重要电子邮件，我们依靠第三方 SMTP 提供商来确保高送达率。但是对于营销相关的电子邮件和批量发送，我们强烈建议使用可信的第三方解决方案。

2.电子邮件可送达性问题

依靠你的主机收发邮件的最大缺点之一就是邮件送达的问题。根据 ReturnPath 的电子邮件送达率基准报告 , 21%的选择加入电子邮件从未到达收件箱。能否到达客户的收件箱取决于多种因素，包括 ISP、退回率、MTA、发件人的原始 IP 地址等。第三方电子邮件营销软件平台和交易电子邮件服务的设置和配置方式可以极大地增加你点击客户收件箱的几率。他们还让整个团队夜以继日地工作，以确保他们的电子邮件到达目的地，并且他们的 IP 地址不会被列入黑名单。

email deliverability

这里还有一些他们做的事情的例子:

确保他们在白名单和反馈循环中
利用数百个 IP 地址和不同的数据中心
分析跳出率以保持列表干净
滥用监控和知识产权声誉
有能力给你提供一个专用 IP

3.并非总能设置电子邮件认证(DMARC)

电子邮件认证也称为域认证或验证( DMARC )，指的是更好地识别发送源或域的过程，以便 ISP 可以更好地路由您的电子邮件。如果电子邮件看似来自一个域，但实际上是从另一个域发送的，这是一种帮助防止欺骗和网络钓鱼欺诈的伟大技术。换句话说，电子邮件认证允许您的电子邮件营销工具代表您发送电子邮件，但作为您的域。这不是必需的，但总是被推荐！

email authentication

对您的域进行身份验证要求您向 DNS 添加记录。问题是，如果你依靠你的主机发送电子邮件，他们通常不能添加这个，因为他们不能控制你的 DNS。电子邮件身份验证对您的影响有多大？嗯，我们有一个客户移动了 DNS 提供商，然后他们的时事通讯立即被转到了垃圾邮件文件夹中，几乎一个月了，才有人意识到。这是因为缺少身份验证记录。通过直接发送垃圾邮件，他们的打开率比上个月下降了 4.79% ，他们的点击率下降了 1.56% 。这就是为什么你不想最终在垃圾邮件文件夹，为什么电子邮件认证是重要的。

Spam folder

查看我们关于如何认证你的电子邮件域名的深入教程。

4.您可能会遇到服务器资源问题

最后要记住的是，通过主机发送电子邮件时，你可能会遇到服务器资源问题。对于某些主机，尤其是共享主机，这甚至会让您挂起。这是因为即使像发送电子邮件这样的小事也需要服务器资源。这对于那些试图发送大量电子邮件的人来说尤其成问题。这就是第三方交易电子邮件提供商存在的原因，也是许多主机完全阻止标准端口上的电子邮件传送的原因。
T3】

电子邮件营销软件推荐

下面是我们推荐的一些邮件营销软件工具。这些类型的工具通常用于以下类型的电子邮件:

时事通讯
新产品或功能发布
产品或服务的销售或其他促销
活动邀请
用户参与和入职提醒
与附属机构沟通

很多时候，一个插件被用来建立你的列表和收集电子邮件，然后电子邮件被配置并从第三方工具中发送出去。例如，我们使用这个博客上的 Bloom 电子邮件选择插件(如下所示)来收集电子邮件，它会自动将电子邮件发送到我们的 MailChimp 列表。另一个常见的例子是博客边栏或文章底部的时事通讯小部件。

Kinsta newsletter subscription box

1.MailChimp

超过 1200 万的企业和个人使用 MailChimp 发送电子邮件和时事通讯。就像他们说的，“钱在单子里。”建立和维护一个高质量的电子邮件列表是一个公司创造更多销售并让现有客户了解最新情况的好方法。MailChimp 让这个过程变得简单而愚蠢，多年来一直在完善他们的软件。

MailChimp email marketing software

我们在 Kinsta 使用 MailChimp，我们使用付费计划，但他们有一个免费计划，允许最多 2000 名订户。我们正在创造许多我们知道你会喜欢的内容，所以 MailChimp 是一个让我们每周与你分享的好方法。对于初创公司来说，MailChimp 的免费计划是一个很好的解决方案，可以让你在开始建立电子邮件列表的时候就开始工作。MailChimp 中我们真正喜欢的几个特性包括:

只需点击一下按钮，即可轻松地 A/B 测试标题、内容块和发送时间。MailChimp 将拆分您的列表，并向您展示获胜者！
他们的电子邮件自动化规则可能非常强大。
Timewarp 是确保您的电子邮件跨越不同时区同时到达客户收件箱的绝佳方式。
我们已经使用 MailChimp 好几年了，从来没有遇到过一个支持问题。简单明了，它总是有效的。我们整理了一份关于如何使用 Mailchimp 的详细指南。

2.邮件地址

MailerLite 是另一个很棒的电子邮件营销软件工具，我们推荐你去看看。我们经常遇到从未听说过它们的人，但是它们目前被全世界超过 300，000 家企业、初创企业和自由职业者使用。MailerLite 提供与 MailChimp 非常相似的功能，自 2010 年以来一直存在。他们的理念很简单，“保持简单，打造顾客喜欢的东西。”

MailerLite email marketing software

如果你刚刚开始电子邮件营销，MailerLite 比 MailChimp 有几个优势，那就是你可以免费使用他们的所有工具，每个月最多 1000 个用户。MailChimp 限制你在他们的免费计划中使用大量的高级工具。它们也便宜很多。MailChimp 中拥有 2500 名订阅者的电子邮件列表每月花费 30 美元，而 MailerLite 每月只需 10 美元。

MailerLite 中我们非常喜欢的几个功能包括:

价格很明显！如果你预算紧张，你可能想从 MailerLite 开始。
独特的功能，如登录页面工具和自动重新发送。
您可以构建/设计您的退订页面。你可以在这里有点创意，希望能阻止一些人退订。
易于使用的 RSS 电子邮件功能，可以在每周的活动中自动发送您的新博客帖子。

3.发送脉冲

SendPulse 是你可能想考虑的另一个选择，因为他们不仅提供电子邮件营销软件，还提供推送通知、短信，甚至交易电子邮件。与市场上的一些其他竞争对手相比，他们几乎什么都做，并且提供非常实惠的价格。

SendPulse email marketing software

如果你的订户少于 2500 人，你可以每月免费发送多达 15000 封电子邮件。我们非常喜欢 SendPulse 的几个特性包括:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

超级容易重新发送到未开放的用户功能。
主题行和内容的 A/B 测试。
可选择的现收现付路线。

其他电子邮件营销软件工具

这里有几个额外的电子邮件营销软件工具，你可能会考虑:

点滴
Flodesk (毫不费力地设计出好看的电子邮件)
ActiveCampaign
去年 12 月
推进
Jackmail (内置 SMTP 服务器的 WordPress 时事通讯插件)
正在发送

预算电子邮件营销软件工具

如果您预算紧张，以下是一些提供商提供的廉价计划，您可以利用这些计划进行发展:

如果您需要关于这些服务的更多细节，请查看由 EmailToolTester 的专家整理的最佳电子邮件营销软件的深度对比。
T3】

4.轮毂点

有了 HubSpot 的免费插件，你可以轻松创建漂亮的、反应迅速的电子邮件简讯，并通过营销自动化活动培育你的销售线索。

借助拖放式电子邮件生成器，您可以创建自己独特的电子邮件设计和结构。如果你不想从头开始创建你的电子邮件，你可以从 HubSpot 的库中 20 多个预先设计的模板中选择一个。

您可以根据联系方式或不同的网站活动轻松个性化您的电子邮件。定制您的电子邮件内容(主题行、内容、行动号召等)。)您可以使用电子邮件订户的生命周期阶段、列表成员资格或联系人记录中的任何信息。你也可以在某人填写表格或与你的实时聊天/聊天机器人互动时自动发送电子邮件。

所有电子邮件都会自动记录在你的免费永久 CRM(无限联系)中，包括打开和点击报告，这样你就可以衡量每封电子邮件的参与度。

HubSpot WordPress Plugin

我们非常喜欢 HubSpot WordPress 插件的一些电子邮件营销功能:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

易于定制的模板和一个有用的拖放功能，适合那些想要从头开始创建电子邮件的人。
可以为每个收件人定制电子邮件内容。
高级分析和 A/B 测试功能。
每月免费发送 2000 封电子邮件。

交易电子邮件服务建议(SMTP)

以下是我们推荐的一些交易型电子邮件服务提供商。事务性电子邮件通常是由动作触发的电子邮件。以下是一些常见的例子:

从 WooCommerce 或 Easy Digital Downloads 购买收据
帐户创建通知
发货通知
法律声明
应用程序错误消息
密码重置

但是，事务性电子邮件服务也可以与第三方插件一起使用，使您能够从您的网站发送时事通讯。时事通讯插件和 Mailster (如下图所示)只是两个插件，它们可以将你的 WordPress 仪表盘和网站变成全功能的时事通讯报告和自动化工具。

Mailster newsletter dashboard in WordPress

1. SendGrid

SendGrid 成立于 2009 年，在提供交易电子邮件服务方面，它可能是最知名的品牌之一。他们的一些客户包括优步、Spotify、Airbnb 和 Yelp。它非常适合初创公司、大批量发送者、代理机构和电子商务。

SendGrid transactional email service

SendGrid 可能是对设置和配置更复杂的解决方案之一，但这是因为它非常健壮！绝对是企业级的解决方案。也就是说，它也可以非常经济高效。你可以每月发送多达 40，000 封电子邮件，费用仅为 9.95 美元。SendGrid 的一些额外优势包括:

能够使用他们的 SendGrid API 或 SMTP 来发送电子邮件。HTTP APIs 可以更加可靠和快速。
提高交付率。
非常友好的开发者，有很棒的文档。
像 Kinsta 一样，在设计时就考虑了可扩展性！
Pro 计划包括专用 IP。
自动化 IP 预热，改善交付。

2.Mailgun

Mailgun 是一个主要为开发者设计的事务性电子邮件 API 服务。然而，即使非开发人员也可以轻松实现他们的服务。对于新用户，Mailgun 提供免费试用，让你在三个月内每月发送 5000 封电子邮件。免费试用结束后，您可以选择各种计划，包括灵活的“现收现付”计划，每 1000 封电子邮件收费 0.80 美元。

Mailgun transactional email service

Mailgun 的一些额外优势包括:

能够使用 HTTP API 或 SMTP 发送电子邮件。HTTP API 可以更可靠、更快速。
包括免费的电子邮件转发/路由到其他邮箱。将【电子邮件保护】转发到您的个人 Gmail。并非所有的事务性电子邮件服务都包括这一点，有些只允许您在它们的 API 中配置路由。Mailgun 允许您在他们的仪表板中设置路线。非常适合非开发人员！
提高交付率。
易于理解的报告，以准确地知道你发送了多少封电子邮件。
实时和可搜索的日志。

查看我们关于如何在 WordPress 中配置 Mailgun 的深入教程。

3.火花柱

SparkPost 从 2014 年就有了，是为开发者和企业设计的。他们主要关注应用程序生成的电子邮件和交易电子邮件。他们的一些客户包括 Zillow、PayPal、Pinterest、Groupon、Twitter、Intercom 和 Oracle。

SparkPost transactional email service

SparkPost 提供了一个非常实惠的价格，每月只需 9 美元，就可以发送多达 5 万封电子邮件。他们甚至有一个免费的开发者账户(没有时间限制)，允许你每月发送多达 15，000 封电子邮件。SparkPost 的一些额外好处包括:

能够使用他们的 REST API 或 SMTP 来发送电子邮件。
预建的客户端库(Node.js、PHP、Python 等等)。
使用 webhooks 实时访问和集成数据。
更高的计划包括一个专用 IP。

其他交易电子邮件服务提供商

以下是一些您可能想要考虑的其他提供商:

谷歌工作区 SMTP
里程数
发出脉冲
亚马逊 SES
SendWP (每个网站每月 9 美元，非常容易设置)

推荐教程:

摘要

不依赖你的主机收发邮件有很多好处。每当客户问我们他们是否应该利用上面提到的供应商，答案总是肯定的！您将从活动中看到更好的结果，并点击更多客户的收件箱。我们选择专注于提供一个优质的托管平台，对我们来说，这意味着确保您的网站是可扩展的，快速的，安全的！我们会做我们最擅长的，把邮件留给专家。

你正在寻找更多的电子邮件营销技巧吗？看看我们接下来的帖子:

您使用过上面的任何提供商吗？如果是这样，我们很想知道你更喜欢哪一个，为什么。请在评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

20 多个必须知道的电子邮件营销统计数据(使用数据来推动您的电子邮件活动)

原文：https://kinsta.com/blog/email-marketing-statistics/

尽管营销技术发展迅速，社交媒体越来越受欢迎，但电子邮件营销仍然很活跃。任何对最新电子邮件营销统计数据的全面回顾都会告诉你同样的故事。

“大胆预测”可能会说“邮件营销已死”，但绝对不是。对于知道如何使用电子邮件的营销人员来说，电子邮件是一个无与伦比的强大渠道。此外，这是一个具有前所未有的投资回报率的渠道(稍后将详细介绍)。

即使收件箱越来越满，在纸面上，消费者看到的广告比以往任何时候都多，但如果做得好，它真的会起作用。

让我们跳过闲聊，直接进入我们在这篇博文中整理的最新电子邮件营销统计数据！

T3】

电子邮件是 B2C 和 B2B 营销人员的前三大分销渠道

虽然 B2C 和 B2B 营销人员可能有不同的目标，但电子邮件仍然是推动 T2 内容营销的最可靠方法之一。

87%的 B2B 营销人员使用电子邮件作为分销渠道。

organic distribution channels content marketers

B2B content distribution channels (Image source: contentmarketinginstitute.com)

它排在社交媒体之后，比使用公司博客更常见。

B2C 内容营销专家也转向电子邮件来帮助分发他们的内容。79%的 B2C 营销人员依靠电子邮件来传播他们的新文章或博客文章。

b2c organic distribution channels content marketers

B2C content distribution channels (Image source: contentmarketinginstitute.com)

只有社交媒体和公司网站的使用频率更高。

同一项研究还发现，电子邮件是在整个漏斗中培养和转化销售线索的最可靠渠道。

b2c marketers lead journey

B2C sales funnel channels (Image source: contentmarketinginstitute.com)

这是获取、培育和转化潜在客户的主要渠道，也是转化潜在客户的第二选择。邮件是整个销售过程中不可或缺的一部分，而不仅仅是内容营销的早期阶段。

电子邮件是商务内容社交分享的三大渠道

电子邮件也是与同事分享业务相关内容的第二大流行渠道。多达 70%的专业人士使用电子邮件分享与他们公司或行业相关的内容。

channels for sharing business content

Business content sharing channels

这意味着你可以通过营销邮件接触到不止一个潜在的潜在客户。你的订户也可以直接转发给他们自己网络中的其他成员，增加你的电子邮件覆盖范围。

Did you know that 4.03 billion people around the world used email in 2020? 👩‍💻 Move aside, social media- email is still the most powerful tool out there for content distribution.💥 Learn more right here 👇Click to Tweet

总潜在电子邮件覆盖范围和人口统计

2022 年，全球有40.3 亿人使用电子邮件。专家预计，到 2024 年，这一数字将高达 44.8 亿。没有一个平台能与电子邮件的潜在影响力相提并论。

最新的脸书统计数据给了他们超过 22 亿的月活跃用户。即使你把他们和 Instagram 的 10 亿多用户加在一起，你甚至无法接近相同的用户数量。

更不用说，电子邮件在美国互联网用户中的渗透率 90.3% 。相比之下，只有 69%的美国成年人在脸书。

哪个年龄段的人使用电子邮件最多？

千禧一代可能是使用电子邮件最多的年龄段。数据告诉我们，在 Adobe 2018 年的一项研究中，1981 年至 1996 年出生的人每天花在电子邮件上的时间高达 6.4 小时。41%的人甚至在床上、下班前或下班后查看工作邮件。

相比之下，超过这个年龄的办公室职员每天只花 5 个小时在电子邮件上。

电子邮件不仅仅是老一代人的营销渠道。商业世界的很大一部分仍然 100%通过(或部分通过)电子邮件来管理，并且使用模式反映了这一点。

email users age group

Percentage of US email users by age

这里的模式不像查看收件箱和发送电子邮件统计数据的实际时间那样清晰。

但我们可以肯定的是，电子邮件没有成为死亡渠道的危险。

许多营销人员将电子邮件描绘成一种过时的媒介，但事实并非如此。它活得好好的！

环境分享:人们用什么设备打开电子邮件？

但是消费者倾向于在哪里打开他们的电子邮件呢？近 42%的电子邮件打开发生在移动应用程序上。

剩下的 58%用于桌面应用程序，18.2%用于桌面应用程序，39.8%的电子邮件在网络应用程序中打开(如 Gmail 或 Outlook.com)。

email enviornment share

Email opens by device

这意味着至少有十分之四的用户可能会在移动设备上阅读你的邮件。所以当设计你的时事通讯和写你的主题时，你必须记住这一点。

电子邮件细分统计:你应该细分你的受众吗？

分段的电子邮件似乎比群发邮件给所有人要好得多。

segmented emails mailchimp

Segmented email performance

虽然打开、唯一打开、反弹和取消订阅有所改善，但这不是真正的情况。细分活动的点击率比非细分活动的点击率高100.95%(平均)。

如果每个订阅者对你的邮件采取行动的可能性是你的两倍，这可能意味着对你的底线也有重大影响。

平均邮件打开率:阅读邮件的百分比是多少？

根据来源的不同，平均电子邮件打开率从 18%(活动监控)到 22.15%(GetResponse)。平均下来，四大平台的打开率为 20.56%。

| 来源 | 平均打开率(2019-2020) |
| 运动监控器 | 18% |
| 轮毂位置 | 20.94% |
| MailChimp | 21.33% |
| 推进 | 22.15% |

注意:这些数字并不自动意味着一家电子邮件营销软件提供商比另一家好。相反，它们可能代表了用户从列表中清除不活跃用户的频率和彻底程度的差异。

与有机社交接触相比，打开率保持相当稳定。每次你发送一封自动化的营销邮件，至少有超过五分之一的用户会打开它。

按行业划分的开放利率

行业差异呢？打开邮件的邮件订阅者的平均数量是否因类别而异？

下面我们重点介绍了几个关键行业之间的差异。

| 行业 | MailChimp | 轮毂点 | 活动监视器 | GetResponse |
| 代理 | 21.39% | 不适用的 | 18.50% | 16.10% |
| 美人 | 16.65% | 不适用的 | 不适用的 | 25.09% |
| 商业服务 | 21.56% | 20% | 18.3% | 不适用的 |
| 媒体和娱乐 | 22.15% | 21% | 20.80% | 28.72% |
| 零售 | 18.39% | 23% | 12.60% | 22.38% |
| 房地产 | 19.17% | 26% | 19.70% | 25.48% |

通过 GetResponse，媒体和娱乐行业的平均打开率最高，为 28.72%。
根据 Campaign Monitor 的数据，零售业的最低注册平均打开率为 12.6%。

媒体&娱乐在所有平台上的打开率一直高于平均水平。这可能表明消费者更有可能打开和阅读他们感兴趣的电子邮件。具有一定娱乐价值的电子邮件可能对竞选活动的表现至关重要。

请注意，开放率的行业差异在提供商之间并不完全一致。

冷外联与自动电子邮件

这听起来可能违反直觉，但当以令人信服的方式进行时，冷外联邮件比选择加入营销邮件有更高的打开率。事实上，根据 outreach.io 的数据，开放率基准为 27%，几乎比自动化电子邮件提供商的最低平均水平高出 10%。

向不同公司的核心人物发送有针对性的电子邮件是一种强有力的营销工具。但是你必须遵守当地关于不请自来的电子邮件的规章制度(否则收件人会将你的电子邮件标记为垃圾邮件)。

平均电子邮件点击率:电子邮件带来了多少流量？

电子邮件的平均点击率从 2.6% (Campaign Monitor)到 3.43% (GetResponse)。

| 来源 | 平均点击率(2019–2020) |
| 活动监视器 | 2.6% |
| 轮毂点 | 7.8%(打开的电子邮件) |
| MailChimp | 2.62% |
| GetResponse | 3.43% |

注意:HubSpot 根据打开的电子邮件计算点击率，而其他提供商根据成功发送的电子邮件来计算点击率。基于其打开率的推断意味着点击率(当以与其他来源相同的方式计算时)将在 1.6-7%左右。

按行业划分的点击率

让我们按行业检查点击率，以更细致地了解情况。

| 行业 | MailChimp | 轮毂点 | 活动监视器 | GetResponse |
| 代理 | 2.66% | 不适用的 | 2.30% | 1.87% |
| 美人 | 1.92% | 不适用的 | 不适用的 | 4.19% |
| 商业服务 | 2.72% | 8.01% ***** | 2.80% | 不适用的 |
| 媒体和娱乐 | 4.62% | 7.71%* | 3.60% | 4.48% |
| 零售 | 2.25% | 8.53%* | 1.10% | 3.39% |
| 房地产 | 1.77% | 7.17%* | 3.50% | 3.07% |

*同样，Hubspot 的点击率是根据打开的邮件计算的，而不是所有发送的邮件。

媒体的平均点击率最高，MailChimp 为 4.62%，GetResponse 为 4.48%。
来自 Campaign Monitor 的平均点击率最低的是零售业，为 1.1%。

就像打开率一样，媒体在点击率方面也做得很好。这证实了为你的观众提供娱乐价值的重要性。

平均邮件跳出率:有多少邮件成功了？

平均电子邮件退回率显示未安全到达目标电子邮件收件箱的电子邮件的百分比。

由于过期的电子邮件地址、垃圾邮件过滤器、选择输入的打字错误和其他原因，电子邮件没有到达目的地。

供应商记录的平均跳出率从 0.58% (MailChimp)到 0.7%(竞选监测)。

| 来源 | 平均跳出率(2019–2020) |
| 活动监视器 | 0.7% |
| 轮毂点 | 0.63% |
| MailChimp | 0.58% |
| GetResponse | 不适用的 |

Campaign Monitor 的数字再次上升是有道理的，因为它的用户似乎比其他服务的用户更少地删除了他们的列表。

电子邮件认证对于避免进入垃圾邮件箱至关重要，这会大大降低你的电子邮件被打开和阅读的机会。

按行业

当我们按行业来看这些数字时，我们看到了与其他行业报告类似的趋势。

| 行业 | MailChimp | 轮毂点 | 活动监视器 |
| 代理 | 0.93% | 不适用的 | 1.10% |
| 美人 | 0.33% | 不适用的 | 不适用的 |
| 商业服务 | 0.55% | 0.70% | 0.80% |
| 媒体和娱乐 | 0.27% | 0.30% | 0.40% |
| 零售 | 0.32% | 0.40% | 0.40% |
| 房地产 | 0.56% | 0.70% | 1.40% |

注意:GetResponse 不提供跳出率数据。

平均而言，媒体和娱乐的反弹率最低，分别为 0.27%、0.3%和 0.4%。
代理、房地产公司和商业服务是反弹率最高的行业。

平均邮件退订率:每封邮件你会失去多少订阅者？

退订率是您发送的每封电子邮件中退订您的列表的平均订阅人数。

供应商的平均退订率从 0.1%(竞选监测)到 0.48% (HubSpot)。

| 来源 | 平均退订率(2019–2020) |
| 活动监视器 | 0.1% |
| 轮毂点 | 0.48% |
| MailChimp | 0.26% |
| GetResponse | 0.2% |

按行业

当我们比较行业数据时，退订率再次显示出与其他数据相同的趋势。

| 行业 | MailChimp | 轮毂点 | 活动监视器 | GetResponse |
| 代理 | 0.35% | 不适用的 | 0.20% | 0.16% |
| 美人 | 0.30% | 不适用的 | 不适用的 | 0.25% |
| 商业服务 | 0.20% | 0.50% | 0.20% | 不适用的 |
| 媒体和娱乐 | 0.12% | 0.30% | 0.00% | 0.20% |
| 零售 | 0.25% | 0.50% | 0.00% | 0.19% |
| 房地产 | 0.27% | 0.60% | 0.20% | 0.20% |

媒体和娱乐的整体退订率最低，分别为 0.12%、0.3%、0.00%、0.19%。
房地产和中介公司的平均水平是最高的。

平均邮件转换率:你会产生多少销售额？

转换率显示了平均而言，营销邮件带来销售的百分比。

根据 Barilliance 的数据，2021 年，电子邮件的平均转化率为 1.22% 。这仅仅是 100 封电子邮件中的一次销售。

大多数电子邮件营销提供商不分享转化率的官方数据，因为许多用户不使用平台直接跟踪转化率。

当一百封电子邮件中只有一封能促成销售时，这听起来可能不太妙。

但是等一下。

电子邮件营销不像其他营销平台。你不必为展示或点击付费。

您只需根据您的列表或功能的大小支付固定的月费。

此外，产生的许多销售是对以前客户的追加销售或重复销售。这些往往比首次互动销售更有价值，这在电子邮件营销投资回报率数字中有所体现。

让我们仔细看看。

平均电子邮件营销投资回报率:值得吗？

投资回报(ROI)衡量在营销活动中投入的每一美元产生的收入。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

根据 DMA 和 Litmus 的数据，2019 年，在电子邮件营销上花费的每一美元的平均投资回报率为42。

email marketing roi

Email marketing ROI

有趣的是，这些研究来自不同国家的不同公司。

这大大高于其他数字营销渠道的投资回报率，如 PPC，谷歌在官方案例研究中吹嘘其 1.5 美元的回报。

最流行的电子邮件营销自动化

最好的订单自动化是欢迎电子邮件、购物车恢复电子邮件和客户重新激活自动化。

best automations omnisend email marketing

电子邮件可以帮助你重新获得高达 8%的废弃购物车(并增加 4%以上的总销售额)

电子商务商店面临的最大问题之一是废弃购物车数量庞大。

通过汇总不同的研究，我们可以看到几乎 70%的消费者弃车而不买任何东西。

那么你应该怎么做呢？

继续发送电子邮件(也许试着改进它们),因为如果你停下来，你将会错失良机。

根据 Barilliance 的数据，8.24% 的购物车恢复电子邮件会导致转化。这比平均 1%多一点的邮件转换率要高得多。

这可以帮助你将总销售额提高 5%或更多。

根据 SaleCycle，实施购物车放弃电子邮件的平均销售增长为 4.43%

有些行业超过 6%。

sales uplift through cart abandonment emails

Sales uplift from cart recovery emails

何时发送以及如何写电子邮件才能获得最佳效果

有什么比探索最佳电子邮件更好的方式来完成这篇文章呢？让我们先来看看你应该在什么时候发送电子邮件。

发送营销邮件的最佳日期是哪一天？

不幸的是，一周中发送营销邮件的最佳日期取决于你所在的行业和受众。

数据显示没有决定性的普遍的发送电子邮件的“最佳日”。

GetResponse 和 Campaign Monitor 的数据显示，基于一周中的每一天，活动的平均表现几乎没有变化。

getresponse day of the week email

Email results by weekday

周末的总成交量要低得多，开盘价略有下降，但点击率保持不变。

Global benchmarks - email marketing statistics

Email results by weekday

周二的开放率比其他日子略高，但 CTR 几乎每天都不变。来自这些电子邮件活动的任何流量或销售数字也可能是可比的。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

那么这是不是意味着你可以在任何你想要的日子发送邮件呢？不一定。

先前由 MailChimp 进行的研究表明最佳发送时间取决于行业和人口因素。

Weekend optimal send time %

因此，虽然平均值没有变化，但运行 A/B 测试来为你的订户找到一周中最好的一天仍然是值得的。

没有放之四海而皆准的正确答案，但是你可能会发现某一天会给你的听众带来更好的效果。

发送营销邮件的最佳时间是什么时候？

清晨发送的电子邮件似乎能给每封邮件带来最好的结果。至少，根据 Omnisend 的研究，这是一个明确的结论。

omnisend best hour of day

Best hour of the day for email

就开放率而言，早上 7 点到 9 点之间似乎有明显的优势。

下午 6 点似乎是发送电子邮件推动销售的最佳时间，平均订单率最高。

GetResponse 的数据显示，大部分电子邮件都是在此期间发送的，但不一定能获得最佳结果。

Best hour of day for email - email marketing statistics

Best hour of day for email

相反，最高开盘价似乎出现在接近下午 1 点的时候，大约在午餐时间，但在下午时段面临急剧下降。

CTR 也在下午 6 点达到峰值，这是 Omnisend 数据的平均订单率。尝试在下午 6 点而不是早上发送优惠券或基于优惠的电子邮件可能是值得的。

理想主题行长度

你应该在邮件主题中使用多少字符比较理想？

简短的主题行在点击率和整体参与度方面似乎都表现不佳。

绝大多数邮件的主题不超过 100 个字符。但是更长的主题行(110-140 个字符)有更高的点击率和打开率。

email subject line characters

Ideal subject line length

来自 Marketo 的研究显示了点击率的类似趋势，即点击率越长越好。

email subject line open rates - email marketing statistics

Ideal subject line length

点击率的巨大差异可能表明文案质量的差异，而不仅仅是在同样好的主题行中增加或减少一个单词。

根据行业和目标受众的不同，结果可能也会有所不同。订户是在移动设备上还是在台式机上查看电子邮件也会有所不同。

但是不要害怕比几句话更长的时间。

你应该在主题中使用表情符号吗？

那么表情符号呢？你应该在主题行中使用它们吗？根据数据，答案似乎是肯定的。

虽然不到 4%的电子邮件包含表情符号，但平均打开率比没有表情符号的电子邮件高 3%。

email subject line emoji usage

Subject line emoji usage

只要有意义，你可以尝试用主题来提高你的打开率。

个性化主题行表现更好吗？

一条个性化的主题线真的表现更好吗？

答案似乎是肯定的，但只有一点点。不到总消息的 12%，打开率只有 0.54%，这远非定论。

email subject line personalization

Subject line personalization

也可能是因为发送个性化邮件的电子邮件营销人员也倾向于写出稍好的文案。

哪些词让你的主题更容易点击？

最后，让我们来看看让你的主题更容易点击的单词和符号。

只有几个单词和符号似乎将电子邮件推高到 GetResponse 22.15%的平均打开率之上。

email subject line phrases

Best words for subject lines

时事通讯—24.09%的打开率值得注意，因为这个词并不意味着有人通过电子邮件立即注册下载。
FW—33.18%的打开率，但是样本量非常小，而且有点不诚实(假装不是自动邮件)。
PDF–24.54%的打开率可能是由电子邮件锁定的报告或白皮书下载造成的。
15.52%的人警告不要在邮件主题中使用这个词。

在电子邮件中使用动画 gif 来吸引你的观众

电子邮件不再局限于冗长单调的静态文本段落。

营销人员不仅仅是在主题行中使用表情符号来吸引用户的注意力。

他们还使用动画 gif 让他们的邮件更吸引人。56.5%的营销人员至少在一些营销邮件中使用 gif。

animated gif email - email marketing statistics

GIF usage in emails

您可以使用动画 GIF 来展示正在运行的新功能，为新产品增添视觉效果，等等。同时，别忘了为你的电子邮件选择最完美的字体。

尝试改进电子邮件时最重要的衡量标准

但是你应该关注什么指标来看你的邮件是否在执行？大多数营销人员认为点击率、打开率和邮件后转化率是三个最重要的 T2。

most effective metrics for measuring email chart ascend2

Most effective email metrics

通过关注正确的数据，你可以很容易地看到你对电子邮件所做的改变是否有积极的影响。

你应该在一封邮件上花多长时间？

大多数品牌在一封营销邮件上花费多周。

time spent on a single email

Time to produce email

这是因为电子邮件从集思广益到被审查和接受，遵循了一个严格的多阶段过程。

如果你在一个较小的团队，你显然不需要花那么多时间处理每封邮件。

当然，没有哪个团队会几个月只处理一封邮件。大多数电子邮件营销团队在任何时候都会处理至少五封电子邮件。

emails in production at same time

Number of emails in production

Email is still alive and kicking- and its reach is only expected to grow in the next 4 years 📈 See how you can leverage the power of email marketing with these stats ⬇️Click to Tweet

创建电子邮件时，你应该最关注哪个方面？

创建电子邮件时，你应该在哪些方面投入最多的时间和资源？

平均来说，公司花更多的时间在设计、编码和评审上。

time spent on email stages - email marketing statistics

Email workflow time investment

这是有道理的，因为设计和编码比任何其他阶段都更能影响实际的电子邮件体验。

在评论中，高级编辑必须优化文案，确保邮件完全遵循品牌指南。

摘要

邮件营销没有死，还远没有死。在 2022 年，它仍然是任何规模的企业都可以投资的最佳渠道之一。

平均回报率超过投资的 40 倍，你不能忽视它。

虽然平均打开率和点击率比以前低了，但这仍然是培养与客户关系、挽回潜在的业务损失以及应对不活跃用户的有效方式。

任何忽视电子邮件的企业都错失了良机，而且是大错特错。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

2022 年提高 B2B 销售额的 7 个电子邮件营销技巧

原文：https://kinsta.com/blog/email-marketing-tips/

说到营销，你可以选择许多不同的策略来挖掘商机、打造品牌或实际推动销售转化。希望你已经知道你的目标是什么，你的目标是谁，谁是你的理想客户，追随者，商业伙伴。你从一开始就不知道的是，为了让你的活动发挥最大作用，应该选择哪些沟通渠道。

口碑战略可能适用于当地的小企业，但当涉及到全面的营销战略时，你需要接触那些可能甚至不知道你在市场上的人。

有一件事每个营销人员都应该知道:虽然不是所有的潜在客户都在社交媒体或狂热的博客读者，但几乎所有人都经常使用他们的电子邮件。此外，就 B2B 而言，电子邮件仍然是接收和传输数据的最快和最有效的沟通渠道。因此，电子邮件营销仍然是有利可图和有效的——你应该知道你在做什么，以及如何根据你的受众调整你的策略。

这里有一些电子邮件营销技巧，我希望在进行 B2B 营销时对我的营销伙伴有所帮助。但首先，让我们谈谈这个概念的几件事。

什么是 B2B 营销？

众所周知，企业对企业营销，即 B2B 营销，是指通过满足其他公司的需求，将一家公司的产品销售给其他公司。为了更好地理解这个概念，我们假设你有一家织造公司。为了接触到你的客户，你需要联系他们，同时，把你的业务作为一个有价值和专业的业务进行营销。

B2B

你的客户是谁？嗯，你可以在你的商店或其他商店直接出售原材料，我相信有足够多的爱好者喜欢购买原材料并为自己缝制衣服。然而，如果你把你的生意推销给依赖于你所生产的商品类型的其他企业，你会卖得更多。例如，你可以把你的产品销售给专门的公司，这些公司用你的原材料生产成品。

这被称为 B2B 营销活动。这里你可以看看 B2B 和 B2C 营销的主要区别。
T3】

为什么每个企业都应该创建一个可行的 B2B 电子邮件营销策略？

我相信你们大多数人都在思考上述问题。我为什么要创建一个专门的 B2B 电子邮件营销策略？这种策略有什么好处，如何帮助我的公司或我工作的公司？好吧，让我们来看看生命设计分享的一些数字。

1.根据他们的报告，有不少于 72%的 B2B 买家愿意通过电子邮件分享有用的内容。这意味着您的电子邮件不是静态的，它们也不只是停留在垃圾邮件文件夹中。如果你的目标受众收到这些邮件，他们很有可能会通过电子邮件与他们“社交圈子”中的其他人分享你的内容换句话说，你的邮件会被转发，类似于你在社交网络上获得的分享。

2.在电子邮件营销活动上每花 1 美元，你就能获得 44 美元的投资回报。考虑到其他传统营销平台无法交付这样的数字，这是一个巨大的数字。例如，影响者营销每花费 1 美元支付不超过 6.5 美元，比我们通过成功的电子邮件营销活动所能达到的比率低 7 倍。然而，这并不意味着你应该忘记所有其他类型的营销和品牌行为。这意味着电子邮件营销不应该被忽视，建立你的电子邮件列表应该是你的首要任务。它是有效的，正如我们将在本文中看到的，易于实现。

成功的 B2B 电子邮件营销策略

现在我们知道了电子邮件营销在 B2B 销售和 B2B 销售线索挖掘方面是有效的，让我们更深入一点，谈谈在开始这样的旅程之前你需要知道的一些最重要的事情:

1.想想你的客户，理解他们的不同

B2B 营销，虽然在某种程度上类似于直销，但不是一回事。客户表现不同，他们做出不同的选择。在 B2B 营销中，你面对的是更理性的受众。怎么，来了？老顾客有时不太了解他们在买什么，他们容易冲动和鲁莽。

另一方面，商业客户从一开始就知道他们需要什么。他们的购买决定不是基于一时兴起或一时冲动。相反，他们根据自己的需求和良好的性价比做出理性的决定。因此，当你与商业客户打交道时，你需要考虑到他们与普通客户不同，行为也不同的事实。

B2B 营销应该面向哪些类型的客户？

首先，有些公司使用你的产品来生产其他商品。例如，一家使用纺织材料生产 T 恤衫和其他商品的公司。
其次，有些公司使用你的产品进行办公自动化或其他次要任务。例如，一家公司向你购买电脑、纸张或钢笔。
第三，如果你的产品符合政府机关和机构(医院和学校)的需求，它们可能会成为潜在的消费者。例如，你可以向这些机构出售任何东西，从电脑到肥皂和卫生纸。
最后，我们有经销商公司，他们购买你的产品只是为了再分销给其他客户。在这里，我们包括当地商店，但也包括经纪人和批发商。

现在你已经知道了什么是 B2B 销售以及你要向谁推销你的产品，你可以继续写你的第一封电子邮件简讯了。以下是一些需要注意的重要事项:

2.注意邮件的标题

这是你的电子邮件活动中最重要的视觉方面。如果你想要 B2B 销售，你需要适合你的观众的内容，但首先，你需要以某种方式抓住他们的注意力。这就是你的横幅需要做的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

考虑到普通的办公室职员每天会收到大量的电子邮件，你只有几秒钟的时间让他们感兴趣。这意味着你需要传递一些东西，一个清晰的信息，就在标题部分，当你的听众打开你的邮件时，他们首先会注意到的。

Email header

你需要什么？嗯，你需要一个清晰的愿景，你的横幅应该是什么样子，你需要你的标志是可见的，以便你的观众能够认出你，你还需要一个工具来生成和设计横幅。你需要节省时间，同时又要表现出专业的形象。为了做到这一点，我建议你使用 Bannersnack 这样的在线工具，这是创建漂亮的电子邮件横幅的绝佳选择。

3.内容营销从标题和主题行开始

特别要考虑你的主题行，就好像它是你邮件中唯一的一行文字。为什么？当你发送的邮件到达你客户的收件箱时，他或她首先会注意到的是你的主题。你没有超过几秒钟的时间让他们对你的提议感到好奇，这就是为什么你需要告诉他们他们需要知道的一切。

另一方面，标题也很重要，你应该设法让客户打开邮件。主题行会让你的读者点击并打开邮件，因此，标题应该能说服他们阅读你的其余内容。不要忘记一些小的 CTR 技巧，比如添加表情符号。在以下 5 封电子邮件中，哪一封让你印象深刻？😉

Email marketing subject line

4.不要把你的电子邮件地址写给首席执行官

考虑到你的目标是创造 B2B 销售和潜在客户，你需要知道，并非所有来自你的目标受众的决策者在他们的公司中都有相同的角色。我知道，在第一次冲动时，你会想联系你在竞选中瞄准的公司的首席执行官，但这并不总是最好的选择。为什么？

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

假设你想销售办公自动化产品。有机构需要这些产品，但也有大公司、当地商店、个体企业家等等。有各种不同的人负责向他们的公司提供这种商品。

他们都有不同的教育背景，不同的社会地位。你将向首席执行官、企业主甚至他们的员工发表演讲，这就是为什么你需要创造一个任何人都容易理解的信息。
T3】

5.创建您的内容

你有一个标题模板，一个主题，也许还有一个时事通讯的标题。现在，是时候给你的读者一些有价值的东西来读了。是时候创造内容来产生 B2B 销售和线索了。

此时需要考虑的事项:

内容很重要即使你只是在推广产品。在这种情况下，最有价值的内容将是你为时事通讯撰写的内容描述。
挑常青话题。如果你想在邮件中加入比简单的产品描述更多的内容，考虑为你的读者创造一些常青树和相关内容 。在这种情况下，最好的文本是那些设法回答问题的人，你的观众可以在他们自己的生活或业务中应用的提示&技巧文章和建议。重要的是，不仅要争取新客户，还要保持现有客户的兴趣，因为吸引新客户的成本是保持现有客户的五倍。
*** 确保内容是唯一的。人们听不同种类的音乐，因为音乐让他们有某种感觉。他们出于同样的原因购买特定品牌的鞋子。他们选择东西是基于他们触发一些情绪的能力，或者在任何情况下，他们需要购买它们的理性思考。在内容方面没有什么不同。你需要一些独特的东西，告诉你的观众，你不仅在这方面付出了努力，而且你有一些有价值的东西可以给他们。* 选择质量而不是数量。你不需要一本小说来传达信息。只要你不断提醒自己，你所交付的应该是高质量的，而不是太多的信息，你的简讯的长度就不应该是一个问题。你可以创建非常短的电子邮件简讯，如果你的信息是有效的，仍然可以获得更好的投资回报率。在这种情况下，有效性意味着你应该用尽可能少的话来表达你的观点，你的文本和图像是经过专业合成和处理的，你的风格是针对你试图说服向你购买的受众类型而适当调整的。* 使内容易于阅读。有一些人喜欢阅读长文章或大段文字，尤其是你在这里提到的那些人，那些每天都会收到许多电子邮件的人，他们没有时间去关注所有的邮件。这就是为什么你应该确保你的信息是可读和可理解的。使用标题和副标题、要点、适当的字体，突出最重要的信息。使用短句和段落，并确保你有足够的空白。**

**### 6.选择您的送货服务

有许多电子邮件服务提供商，虽然他们中的许多人提供专业服务，但并不是所有的都适合你。你需要进行一些研究，并对一些最著名的 esp 进行自我评估。我的建议是，你可以找到一个最佳服务的顶级列表，如这个或这个另一个列表，并在满足于一个或另一个之前研究每个最可靠的电子服务提供商。

7.验证您的域

进入垃圾邮件文件夹会大大减少你打开的邮件总数，进而影响你网站的点击量。提高你的打开率和投递率的一个方法是对你的域名进行认证。

电子邮件身份验证对您的影响有多大？Kinsta 有一个客户移动了 DNS 提供商，然后他们的时事通讯立即被转到垃圾邮件文件夹，几乎一个月之后才被人意识到。这是因为缺少身份验证记录。通过直接发送垃圾邮件，他们的打开率比上个月下降了 4.79% ，他们的点击率下降了 1.56% 。这就是为什么你不想最终在垃圾邮件文件夹，为什么电子邮件认证是重要的。

spam folder stats

Statistics from campaign going to the spam folder in April

查看这篇关于如何认证你的电子邮件域名的深入教程。

结论

多年来，电子邮件营销已被证明是一种有效的营销策略，无论你是针对个人客户还是企业客户。你可以依靠电子邮件营销来产生 B2B 销售，这篇文章旨在阐明在开始营销活动之前你需要检查的最重要的步骤。

你怎么看待电子邮件 B2B 营销？你尝试过这样的策略吗？你有多成功？你在你的清单上检查了多少这些电子邮件营销技巧？

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

关于电子邮件签名你需要知道的一切(有例子)

原文：https://kinsta.com/blog/email-signature/

我们以前都见过电子邮件签名。它们占据电子邮件底部的几行，让你知道发件人的姓名、电话号码和其他细节。

但是如果你的电子邮件签名只是一个简单的联系信息列表，你就没有充分发挥它的潜力。

一个好的电子邮件签名可以传播品牌意识，为特价商品做广告，为你的网站增加流量，等等。

这份电子邮件签名指南将帮助你从邮件末尾的小空间中获得重要的结果。我们会让你知道如何添加电子邮件签名到你的电子邮件，它应该看起来像什么，它应该说什么。

什么是电子邮件签名？

电子邮件签名是出现在您发送的每封电子邮件末尾的一组文本、图像和链接。

电子邮件签名最常见的用途是提供联系信息，如职位和电话号码，但你可以做得更多。企业越来越将电子邮件签名视为一个营销机会。

Example of an email signature

Email signature example.

Ready to make the most of your email signature? 💡 See how to add it in, what it should look like, and what it should say, all in this guide ⬇️Click to Tweet

为什么你的电子邮件签名很重要

每次你与某人进行专业的电子邮件联系——无论是领导、合作伙伴还是寻求支持的客户——你都有机会向收件人提供额外的信息，或者让他们对你的品牌有一定的印象。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

创建完美的电子邮件签名对你有好处，这有几个原因，我们将概述一下。

职业化

电子邮件签名(如果处理得当)会让你的电子邮件看起来更专业。

首先，它通过提供您的真实姓名和信息赋予您合法性。添加您的徽标、品牌和网站链接，让人们知道您的业务是专业的、值得信赖的。

一个专业的电子邮件地址也是必不可少的，所以学习如何选择一个作为这个过程的一部分。

效率

节省下来的每一分钟都很重要。

电子邮件签名可让您为每个电子邮件联系人提供重要信息，而无需每次都重新键入。

品牌宣传

对你的内容进行品牌化会让你更容易被你的观众记住和识别。

在使用电子邮件签名进行营销的品牌中，有 62% 的品牌中，有 82%是为了传播品牌知名度。

电子邮件签名允许你在每次电子邮件对话中展示你品牌的标志、颜色、字体和声音。

流量和销售线索生成

通过营销邮件推动流量和产生销售线索是一种众所周知的策略。一项针对营销人员的调查发现，电子邮件是他们在获取和培育潜在客户方面表现最好的内容类型。

这种成功并不局限于营销邮件。你可以用电子邮件签名达到同样的效果。

从上面链接的来源来看，在从事电子邮件签名营销的品牌中，48%的品牌使用电子邮件签名来推动网站的流量，而 34%的品牌使用电子邮件签名来产生潜在客户。

电子邮件签名的要素

现在你知道为什么你需要电子邮件签名了。但是应该放什么进去呢？

考虑包括以下一些要素。

停止广播

落款是你在签名前写下的最后一个单词或短语。“真心”是常见的一种。“干杯”、“最美好的祝愿”和“问候”也是可能的。

您可以在每封电子邮件的底部键入落款，但有些人会将它们包含在电子邮件签名中。你的电子邮件签名甚至可以是图像或文本。

联系信息

不要被头像和标志冲昏了头脑，以至于忘记了电子邮件签名的主要目的:提供你的联系信息。

根据你的电子邮件收件人可能需要知道的内容，这可能包括你的姓名、职务、电话号码或公司地址等信息。

许多人在签名中包含了他们的电子邮件地址，但是如果你需要节省空间的话，可以很容易地删掉。如果你给某人发了邮件，他们已经知道你的电子邮件地址了。

品牌宣传

我们已经讨论了电子邮件签名中品牌的重要性。您可以通过您的徽标、配色方案和字体元素来标记您的签名。如果您的签名中有任何横幅或其他文字，请确保它与您的品牌声音相匹配。比如你是不拘小节风趣还是专业权威？

An image of visual brand assets

Visual elements of branding. (Source: Rebrandly)

行动呼吁(CTA)

有些电子邮件签名只是提供信息。

但是你的签名也是一个让读者做一些事情的机会——比如去你的网站，读一篇博客文章，或者利用一个特别的优惠。

考虑在你的电子邮件签名中加入一个引人注目的 CTA。

社会联系

如果您或您的企业拥有专业的社交媒体账户，您可以在电子邮件签名中链接到这些账户。

很多人用每个社交媒体平台的小图标来做到这一点。

Email signature example with social icons

Email signature example with social icons.

首选代词

在你的电子邮件签名中加入你喜欢的代词变得越来越普遍。

这让人们知道如何用第三人称称呼你，但也传达了你的公司是包容的，欢迎每个人。

爆头

有些人会在邮件签名中附上一张看起来很专业的照片。

这对于与销售代表和客户(如客户经理)建立关系特别有用。电子邮件签名头像可以让收件人将您的电子邮件与可识别的面孔关联起来。

图像或视频

头像和标志不是唯一可以放在电子邮件签名中的图像。

一些人在签名中使用照片甚至视频来展示创造性的工作或推广优惠、活动和内容。

跟踪

正如你从你的 PPC 广告和营销电子邮件中追踪点击和转换，你应该尽可能地监控电子邮件签名营销。

追踪邮件签名中的链接让你知道你的营销努力是否有回报。您甚至可以对不同的元素使用多个跟踪链接。例如，您可以跟踪有多少人点击了您网站的文本链接，有多少人点击了您的“打五折”横幅。

自动化横幅广告活动

在营销活动中使用电子邮件签名的最佳方式是让公司的每个人都在他们的签名中使用相同的横幅广告。

但这肯定很复杂。有些员工会忘记更改他们现有的签名，而其他人则会破坏实施。你有更好的事情要做，而不是每次有新的活动时都监视整个团队的签名。

一些电子邮件签名工具允许您从一个集中的仪表板更新每个员工的签名横幅。你可以将电子邮件签名横幅视为一种广告，就像谷歌广告或脸书广告一样。你设置活动的开始和结束日期，跟踪广告的点击率，并监控活动分析。
T3】

电子邮件签名最佳实践

如您所见，电子邮件签名中可以包含许多元素。

但是应该选择哪些呢？如何制作一个能达到目标的邮件签名？

保持简单

仅仅因为 Gmail 允许你在邮件签名中最多写 10，000 个字符，并不意味着你应该这样做。

大多数邮件收件人在读完邮件后只会看一眼你的签名。如果设计太忙，信息太多，他们会忽略它。

专注于重要的事情。你想传达哪一两个信息？当收件人看到您的签名时，您希望他们做什么？

仔细选择你的链接

坚持“保持简单”的主题，不要在你的电子邮件签名中加入太多的 CTA。一个重要的链接通常就足够了。

在整个公司保持一致

拥有多名员工的企业应该制定一些电子邮件签名准则。

让团队成员知道应该包括哪些信息，以及如何设计他们的电子邮件签名。

创建多个签名

微软 Outlook 和许多其他电子邮件客户端允许你创建多个电子邮件签名。

如果你要和不同的受众通信，这可能会很有用。例如，您可能希望给潜在客户的电子邮件使用签名，而给现有客户的电子邮件使用不同的签名。

新邮件通常会有一个较大的签名，而回复邮件通常会有一个缩写版本。

当然，你所有的签名应该保持一致的品牌，并符合公司的指导方针。

在桌面和移动设备上测试电子邮件签名

您已经创建了一个漂亮的电子邮件签名，并用它给几个同事发了电子邮件。一切看起来都很棒。你已经准备好给潜在客户和客户发邮件了，对吗？

没那么快。在多种设备和电子邮件客户端上测试您的签名非常重要。根据平台的不同，情况可能会有所不同。

记得检查你的电子邮件签名在智能手机上的样子，因为 42%的电子邮件是在移动设备上打开的。

Email signature on desktop and mobile

Test your email signature on desktop and mobile.

评估和优化

就像任何营销活动一样，衡量你的成功并分析什么有效。如果你制定了公司的电子邮件签名准则，并且再也没有考虑过它们，那么你就没有充分发挥签名的潜力。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

设计电子邮件签名

你知道电子邮件签名的内容以及如何遵循最佳实践。现在，你怎么做这个东西？

有几种方法。

使用发电机

电子邮件签名生成器通过将您的信息和图像添加到专业设计的模板中，帮助您创建美观的电子邮件签名。

向下滚动到下一部分，查看排名靠前的电子邮件签名生成器列表。

使用你的电子邮件客户端

创建电子邮件签名最简单的方法是直接在你的电子邮件客户端设计。大多数主要的电子邮件客户端给你一种方法来添加文本、图像和链接到你的签名。

下面的一些主要电子邮件客户端中有编辑签名的说明。

使用 Word 或谷歌文档

你可以在文字处理器中设计你的电子邮件签名，并将其粘贴到你的电子邮件软件的签名框中。

这是在全公司范围内共享电子邮件签名模板的一种实用而直接的方式。

在某些情况下，文字处理器比电子邮件客户端允许更多的编辑选项。

顶级电子邮件签名生成器

如果你选择用生成器创建你的电子邮件签名，这些是最好的。

智慧邮票

WiseStamp 让您选择电子邮件签名的布局、字体、颜色和图像形状。然后，你可以轻松地在 Gmail 、Outlook 和其他软件中自动安装你的作品。

WiseStamp 有一个免费版本，但您必须升级到 Pro 才能从您的签名中删除 WiseStamp 品牌，并获得全部功能。

一个单独的企业计划让您可以管理和统一整个组织的电子邮件签名。

Wisestamp website

WiseStamp.

设计山

电子邮件签名只是设计山所做工作的一小部分。

该公司自称是一个创意市场，为企业和个人提供一个从专业设计师那里获得优质设计的地方。

电子邮件签名生成器有一个免费版本，具有基本功能，让您创建一个电子邮件签名。您填写您的信息，从一些样式中选择，并生成和下载 HTML 签名。

付费版本提供了更多的选项和模板。

Designhill website

Designhill.

轮毂点

Hubspot 最为人所知的是一套 CRM 和营销工具。它还提供了一个免费的电子邮件签名生成器。

从六个不同的模板中选择，填写您的信息，并选择您的品牌颜色。如果你有一个自定义图像，比如一个标志，你也可以把它添加到你的 Hubspot 签名中。默认情况下会添加 Hubspot 品牌，但可以删除。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

您可以复制签名或其源代码，添加到您的电子邮件软件中。

HubSpot email branding

HubSpot.

签名.电子邮件

signature.email 提供了一个拖放编辑器。你从一个预先设计好的模板开始，移动元素来创造你的完美签名。您也可以添加您的图像。

一些模板是免费的，而另一些是高级的。signature.email 为个人和企业提供付费计划。

signature.email template

signature.email.

蜜汁书

HoneyBook 提供了一系列小型商业工具，包括一个电子邮件签名生成器。

签名生成器免费且简单。它没有其他选项的所有功能，但也快得不能再快了。只需输入您的信息，提供您的社交链接，从六个模板中选择一个，您就可以开始了。

HoneyBook 会将您创建的签名通过电子邮件发送给您。

HoneyBook email signature generator

HoneyBook.

电子邮件签名示例

让我们来看几个很棒的邮件签名例子。每一个都不同，但对其用途来说都是完美的。

Email signature design example

Email signature for design.

为什么有效

奥利维亚是一名摄影师，所以她的电子邮件签名使用带有照片的横幅是有道理的。作为一个与客户密切合作的人，她用自己的照片使电子邮件更有个性。

这封电子邮件签名有一个干净的设计和一致的配色方案。

Email signature with Black Friday promotion

Email signature with Black Friday promotion.

为什么有效

毫无疑问，这封电子邮件的签名是想达到什么目的。与引人注目的黑色星期五促销相比，约翰的个人信息是次要的。

这个横幅广告活动可以手动创建，但它也是自动化活动的一个很好的候选。这样，你就不必在假期结束时让公司里的每个人都撤下他们的黑色星期五广告。

这个签名也有一个吸引人的布局和配色方案。

Email signature example with image

Email signature example with an image.

为什么有效

狄龙用一幅图像来传达他是谁，他做什么。他提供了相关的联系信息和社交链接，但不会太混乱。

Email signature example with banner

Email signature example with the banner.

为什么有效

Stella 的电子邮件签名是时尚、现代设计与一致配色方案的绝佳范例。

这里没有很多额外的信息。你的眼睛被横幅吸引住了，鼓励你和她安排一次会面。这将是一个很好的电子邮件签名使用时，冷电子邮件的前景。

Email signature example with logo and text

Email signature example with logo and text.

为什么有效

不是每个人都需要头像、横幅或视频。这位教授的电子邮件签名很简单，但看起来很棒，提供了你需要的所有信息。

哥伦布大学的品牌做得很好，想必每个员工的签名都是一致的。

Email signature example with signoff

Email signature example with signoff.

为什么有效

这是一个在电子邮件签名中包含签署的示例。戴安娜的签名并不太花哨。但是友好的“最诚挚的问候”和亮粉色的名字会吸引你的注意力，让你注意到签名中的信息和链接。

Email signature example with video thumbnail

Email signature example with the video thumbnail.

为什么有效

作为一名房地产经纪人，玛格丽特使用她的电子邮件签名来推销一处房产。她可以用一个静态的横幅来做到这一点，但是包含一个 YouTube 视频会对她的客户更有吸引力。

如何更改您的电子邮件签名

如何更新您的电子邮件签名取决于您使用的电子邮件客户端。它们中的大多数使创建、更改和管理您的签名变得容易。

以下是三种最常见的桌面和移动电子邮件服务的步骤。

Gmail 的步骤

单击设置图标
选择查看所有设置
向下滚动到签名部分
点击创建新的

Gmail 允许您创建多个电子邮件签名。您可以选择将哪个用作新电子邮件的默认设置，以及哪个用于回复和转发。

Outlook 的步骤

在文件菜单中，点击选项
选择邮件，然后选择签名
点击新建制作新签名

与 Gmail 一样，Outlook 允许您创建多个签名，并选择将哪个签名设置为新邮件和回复的默认签名。

如果您在 Outlook 中使用多个电子邮件地址，可以使用不同的签名。

Creating a new signature in Outlook

Creating a new signature in Outlook.

iPhone 的步骤

您的 iPhone 或 iPad 将以默认签名开始，即“从我的 iPhone 发送”或“从我的 iPad 发送”，但您可以更改它。

方法如下:

打开设备上的设置应用程序
点击邮件
选择签名

在这里，您可以编辑您的电子邮件签名。您还可以点击每个帐户的，为每个电子邮件帐户设置不同的电子邮件签名。

Don't overlook your email signature as a means to market your business! ✅ Learn more in this guide ⬇️Click to Tweet

摘要

电子邮件签名不再仅仅代表姓名和电话号码。

您的电子邮件签名提供了一个创造品牌知名度、进行促销、增加网站流量和产生潜在客户的机会。在你的电子邮件签名中添加一些文本、图片和 CTA 不需要任何成本，而且它有可能获得大量的受众。

电子邮件签名的范围可以从简单的纯文本设计到带有多媒体、跟踪链接和分析的广告平台。

正在寻找更多方法为您的企业创造商机？了解 11 B2B 销售线索挖掘策略。T3】

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

电子邮件跟踪软件:2022 年买家指南和主要建议

原文：https://kinsta.com/blog/email-tracking-software/

87%的 B2B 营销人员使用电子邮件营销作为分销渠道——它已经成为大多数企业不可或缺的沟通基石。但是当你点击“发送”后，你的电子邮件会发生什么呢？这就是电子邮件跟踪软件的用处。

电子邮件跟踪是衡量您与客户和订户沟通影响的重要工具。这有助于你了解你的邮件是否有效果。

有了电子邮件跟踪软件，你可以准确地看到客户如何与你的电子邮件互动，让你可以微调你的沟通方式，以增加流量，提高销售和转化率。

在本指南中，我们将回顾在电子邮件跟踪软件中要寻找什么，以及我们推荐的可以开始免费使用的软件。

什么是电子邮件跟踪软件？

发送电子邮件有时感觉就像把一封信从悬崖上扔下去。它会在哪里结束？会有人看吗？你怎么知道呢？

电子邮件营销的早期受到这种不确定性的困扰。

跟踪软件之前的电子邮件营销

如果没有电子邮件跟踪软件，营销部门就无法知道收件人是否打开、阅读或点击了一封电子邮件——当然，前提是它甚至到达了他们的收件箱。结果，电子邮件营销归结为猜测和试错。

谢天谢地，盲目发送邮件的日子已经一去不复返了。现在有了大量可供选择的电子邮件跟踪软件，在电子邮件发出后很长时间内跟踪它们比以往任何时候都更容易。

A screenshot of Gmail

Mailtrack email tracking software integrated into Gmail.

但是邮件追踪软件到底是做什么的呢？虽然“跟踪电子邮件”在技术上是正确的答案，但电子邮件跟踪比看起来要复杂得多。

What happens to your emails after you hit 'send?' 👀 With email tracking software, you can see exactly how customers interact with your emails, allowing you to drive more traffic and improve conversions. 📧Click to Tweet

邮件跟踪软件是做什么的？

电子邮件跟踪软件跟踪电子邮件打开，链接点击，等等。虽然不同软件包的跟踪功能和选项略有不同，但大多数都提供相同的基本功能。

跟踪电子邮件点击等。大多数电子邮件跟踪器通过开放式跟踪来跟踪活动，其中一个不可见的跟踪像素被附加到你的电子邮件上。该像素跟踪日期和时间，并在查看后发送实时通知(例如，电子邮件被打开/阅读)。

虽然大多数电子邮件追踪器让你不仅可以追踪打开的电子邮件(例如链接点击)，但这个功能是大多数可用软件的基础。

大多数软件包还包括点击跟踪。在这里，你的电子邮件中嵌入的链接不是一个看不见的像素，而是通过一个跟踪 URL 发送的。当收件人单击该链接时，他们会访问该 URL，您的跟踪软件会收到通知。

一些软件还包括活动跟踪，它可以跟踪你自己或你组织中其他人的电子邮件和收件箱。然而，由于这不同于大多数电子邮件跟踪软件所提供的，我们将主要关注打开跟踪和点击跟踪。

监控电子邮件活动和互动。你发送的每一封邮件都可以在打开和点击追踪之间保持对用户活动的追踪。根据您选择的软件，无论用户何时打开电子邮件、点击链接，或者在某些情况下删除电子邮件或将其发送到垃圾邮件文件夹，您都会收到实时通知。
记录联系人活动和潜在客户记录。电子邮件跟踪不会在通知时结束。相反，大多数软件还保留了您活动中每个联系人的完整记录，让您可以看到他们每个人与您的通信互动的程度和频率。

一些软件甚至可以帮助你组织你的电子邮件营销活动，通过建立有针对性的名单，这些人更有可能对某些类型的电子邮件做出良好的回应。

提供有价值的数据和见解。利用大量可用的跟踪数据，您可以了解整个营销活动或单个销售线索的趋势。这些信息可以帮助您进一步完善您的电子邮件通信，并与您的客户建立更好的关系。
允许您比较不同的电子邮件格式和方法。虽然大多数软件不包括 A/B 测试作为内置功能，但电子邮件跟踪将使您能够比较不同的格式、消息、主题和活动方法。因此，电子邮件跟踪软件可以成为 A/B 测试的便捷工具。

总之，这些功能使电子邮件跟踪成为任何电子邮件营销活动的宝贵组成部分。请继续阅读，了解一些最重要的好处。

电子邮件跟踪软件的好处

正如你所想象的，了解你的潜在客户、潜在客户和联系人如何与你的电子邮件互动会带来很多好处。这里只是几个。

节省时间和金钱

虽然“节省时间和金钱”可能是任何产品最常见的(也是最虚假的)广告优势，但它是电子邮件跟踪软件的巨大优势之一。

Email marketing campaigns

Email marketing campaigns can take up a lot of time

沟通需要时间，尤其是在追求潜在客户或试图吸引潜在客户时。当你没有得到你期望的回应时，通常最好发送多封跟进邮件来鼓励回复。但是众多后续真的值得你花时间吗？

看情况。发送至少一封跟进邮件可以将回复率从 9% (没有跟进)提高到 13%，有经验的营销人员的回复率甚至会更高。虽然这是一个有希望的统计，但它假设收件人首先阅读了第一封电子邮件。

因此，许多电子邮件营销活动最终会浪费宝贵的时间、金钱和其他资源，向那些不感兴趣的人发送后续电子邮件。这就是电子邮件跟踪软件的用武之地。

使用电子邮件跟踪软件，您可以立即识别出没有打开第一封电子邮件的收件人，帮助您避免发送可能会被忽略的后续邮件。过滤掉没有回复的人还可以让你针对真正感兴趣的人建立更有针对性的个性化活动。

类似地，知道收件人是点击了链接还是下载了文件也是客户感兴趣的一个很好的标志。因此，电子邮件跟踪软件让你把时间和金钱集中在你最有希望的线索上。

提供有价值的见解

电子邮件跟踪是获得对您的潜在客户、潜在客户、客户和您网络中的其他联系人的新见解的最佳方式之一，以及您的电子邮件营销工作对他们的影响程度。

但是电子邮件跟踪软件能提供什么样的见解，你如何利用它们呢？而打开跟踪和点击跟踪提供相当简单的统计数据(例如，打开率、点击率等。)，明智地利用它们可以让你对你的联系人如何回复你的邮件有一个新的理解。

以下是你可以从电子邮件跟踪软件中获得的一些最有价值的见解。

谁在与您的电子邮件互动。您的联系人中有多少人会打开您的电子邮件？这个数字是电子邮件营销中最基本的指标——而电子邮件跟踪软件是打开它的钥匙。

然而，这个统计不仅仅是看谁读了你的邮件。由于大多数电子邮件追踪器还记录重复的电子邮件打开和点击，您可以查看联系人是否多次打开电子邮件以及他们打开它的时间。

从这些数据中，你可以判断一个联系人有多感兴趣，以及他们最喜欢什么类型的内容。

转化机会最大的潜在客户。只要知道谁看了你的邮件，谁没看，你就能立即在你的联系人中找到最有希望的潜在客户。通过额外的跟进邮件重复这一过程，可以进一步增加找到准备购买的潜在客户的机会。
一天中发送信息的最佳时间。难道你不喜欢早上 6:00 收到销售邮件吗？没人知道。然而，随着商业变得更加全球化和分散化，时区逐渐消失，一个人的早上 6:00 是另一个人的下午 5:00——或者两者之间的任何时间。

因此，不同的联系人在一天中的特定时间会更活跃，更容易接受。通过使用电子邮件跟踪软件来跟踪一天中不同时间的打开率和点击率，你将能够确定发送邮件的最佳时间。

了解这些信息可以帮助你确定发送跟进和其他电子邮件的最佳时间，最终有助于推动转化。

您的联系人的详细信息。许多电子邮件跟踪提供商将帮助您维护潜在客户、潜在客户和其他联系人的详细记录。除了基本的联系信息，这些记录还可能包括你发送给他们的电子邮件的完整历史，以及他们如何与他们互动。
有多少收件人点击了链接或下载了文件。虽然打开电子邮件是实现转化的第一步，但可点击的行动号召(CTA)和文件下载是更好的指标。

毕竟，在许多人打开他们甚至不感兴趣的电子邮件的地方，只有少数人点击链接并进行下载。这个小群体是任何电子邮件营销活动的主要目标，跟踪工具是找到他们的好方法。

然而，跟踪点击和下载并不仅仅适用于电子邮件营销。许多组织还使用电子邮件跟踪来确保员工阅读某些电子邮件和下载某些文档。例如，经理可能会使用电子邮件跟踪来确保其员工在安排会议之前阅读了电子邮件或关键文档。

根据你的电子邮件营销策略，你还可以获得更多的见解。在任何情况下，所有这些见解结合起来都可以让你对你的活动有深刻的了解，以及一些急需的清晰性。

让活动更加清晰

在起草电子邮件、维护联系人列表和追踪线索之间，很容易忽略大局。

借助电子邮件跟踪软件，您可以随时从细节中抽身出来，一目了然地查看整个活动。通过在较高层次上查看关键统计数据，您将获得电子邮件工作有效性的全新鸟瞰图。

相比之下，在没有跟踪工具的情况下开展电子邮件营销活动，要准确评估你的活动是极其困难的(如果不是不可能的话)。如果不知道打开电子邮件或点击链接的收件人的百分比，就没有可靠的方法知道你的电子邮件对销售的推动程度(除非它们是你唯一的营销渠道)。

如何挑选一个电子邮件跟踪软件

虽然许多电子邮件跟踪软件包提供类似的功能，但这并不意味着它们是平等的。

随着电子邮件跟踪对企业变得越来越重要，跟踪工具正变得随处可见。选择下一个电子邮件跟踪软件时，请记住这些品质。

电子邮件服务兼容性

如果你在寻找跟踪软件，很有可能你已经在使用特定的电子邮件客户端，如微软 Outlook 或 Gmail(阅读:而不是你的主机)。因此，确保您选择的软件与您选择的客户端兼容至关重要。

幸运的是，兼容性几乎不是电子邮件跟踪软件的问题。随着越来越多的电子邮件客户端和平台转向网络，许多跟踪工具作为简单的应用程序扩展出售。虽然这可能看起来不够强大，但它们仍然具有强大的跟踪能力。

在任何情况下，大多数跟踪工具都适用于大多数主要的电子邮件客户端，反之亦然。许多流行的电子邮件追踪器也可以作为浏览器扩展，有些甚至提供免费使用的选项。

跟踪类型

正如我们在本指南中看到的，有许多方法可以跟踪电子邮件。虽然你可能不需要每种类型的跟踪工具，但任何像样的软件包都会提供其中的大部分。

至少，确保你选择的追踪软件提供了开放式追踪和点击追踪。虽然一些工具也可能提供活动跟踪，但这一功能对于电子邮件或内容营销来说通常是不必要的。

此外，就像兼容的客户端一样，跟踪方法在大多数可用的软件中都是相对标准的。只要确保可用的跟踪类型与您的活动目标和策略一致即可。

跟踪统计数据

虽然知道某人何时打开你的电子邮件或点击一个链接是很好的，但这些统计数据是随着时间的推移收集起来的，是最有价值的。通过查看联系人如何在一天的特定时间与您的电子邮件或特定主题行和 CTA 互动，您将更好地了解您的潜在客户的“点击量”(双关语)。

因此，确保您选择的电子邮件跟踪软件能够维护每个跟踪指标的完整记录和统计数据是至关重要的，例如打开率、点击率等等。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

联系人档案和历史记录

个性化的电子邮件营销是最有效的，营销人员和客户都知道这一点。80%的消费者表示，如果一家公司能为他们提供个性化的体验，他们更有可能与这家公司做生意。

虽然电子邮件跟踪远不是个性化通信的唯一工具，但它仍然是一个重要的工具。为此，许多最好的电子邮件跟踪工具将维护个人客户的档案和统计数据，为您向潜在(或现有)客户发送高度个性化的通信奠定基础。

隐私

让第三方应用程序访问您的收件箱可能会带来严重的安全问题，尤其是在企业环境中。在购买或下载任何软件之前，一定要检查隐私政策和用户评论——这对你和你的联系人的隐私都很重要。

价格和承受能力

当然，与任何软件一样，找到一个符合您预算的、价格合理的解决方案至关重要。

虽然许多电子邮件跟踪工具可以免费使用，但免费版本通常会限制您可以跟踪的电子邮件或联系人的数量。令人欣慰的是，大多数专业和高级选项相对来说都是可以承受的，并且这些成本通常非常值得额外的深入了解。

您当前的电子邮件营销软件

如果你正在使用电子邮件营销软件来组织你的活动，你可能已经有了电子邮件跟踪功能。确保首先检查您现有的工具。

当然，仅仅因为你现有的软件包含跟踪工具并不意味着它是这项工作的最佳工具。在任何情况下，在做出决定之前，一定要考虑所有可用的电子邮件跟踪工具，并阅读下一部分来查看我们的十大工具。

我们的十大电子邮件跟踪软件

现在，你应该对电子邮件跟踪软件有一个很好的想法。那么你应该选择哪一个呢？

虽然有大量的选项可供选择，但我们已经将其缩小到 10 个伟大的选择，其中两个是绝对免费的。

1.邮件跟踪(免费)

在全球拥有超过 150 万用户的情况下， Mailtrack 是领先的 Gmail 用户免费电子邮件跟踪器。

Mailtrack API

Mailtrack API integrated with Gmail’s user interface

虽然它主要是作为 Chrome 的扩展，但不要认为它动力不足。除了跟踪打开率、点击率和其他电子邮件分析，Mailtrack 还直接集成到 Gmail 用户界面中。

支持的电子邮件客户端: Gmail

2.免费销售

Gmail 用户的另一个免费选择， SalesHandy 提供无限制的电子邮件跟踪和直接发送到你桌面的即时通知。

The SalesHandy dashboard

SalesHandy dashboard.

它甚至可以生成电子邮件模板和报告，并跟踪联系人和潜在客户。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

支持的电子邮件客户端: Gmail、Outlook(高级版)

3.Gmelius(高级)

对于想要跟踪和优化内部通信的 Gmail 用户来说，Gmelius 是另一个极好的选择。

Gmelius email tracking dashboard

Gmelius email tracking dashboard.

虽然它没有免费选项，但它提供了大量功能来证明其成本:除了开放跟踪和点击跟踪，Gmelius 还提供了强大的电子邮件调度和协作工具。这不是监控电子邮件活动的最佳选择。

支持的电子邮件客户端: Gmail

4.条纹(高级)

寻找具有更多客户关系管理(CRM)功能的电子邮件跟踪？看不到比 Streak 更远的地方。

A screenshot of Streak being integrated into Gmail

Streak integrated with Gmail.

与许多开放式跟踪平台不同，Streak 提供了 CRM 功能，可帮助您跟踪整个渠道中的销售线索，而不仅仅是他们的收件箱。

支持的电子邮件客户端: Gmail

5.Mixmax(高级)

虽然主要是一个基于 Gmail 的生产力和销售参与应用程序， Mixmax 也提供强大的电子邮件跟踪功能。

Mixmax email tracking software

Mixmax tracking data for a contact.

除了您可能期望的所有跟踪功能，Mixmax 还提供了其他功能，如后续提醒、电子邮件轮询、日程安排工具和 Salesforce 集成。

支持的电子邮件客户端: Gmail、谷歌收件箱、Salesforce

6.右箱(溢价)

Gmail 用户的另一个受欢迎的选择是，riginbox提供打开跟踪和点击跟踪以及其他功能，如电子邮件日程安排、后续提醒、模板等。

RightInbox interface showing tracking history for a contact

RightInbox interface.

支持的电子邮件客户端: Gmail

7.Mailchimp(高级版)

作为电子邮件营销平台的鼻祖， Mailchimp 也提供电子邮件跟踪，这并不奇怪。

Mailchimp email tracking

Mailchimp email tracking statistics.

虽然它不是一个专门的电子邮件跟踪平台，但对于那些寻找强调 A/B 测试的整体电子邮件营销解决方案的人来说，它是一个极好的选择。

如果它不合适，但你想要类似的东西，有大量的 Mailchimp 替代品供你选择。

支持的电子邮件客户端: Gmail、Outlook

8.Cirrus Insight(高级版)

虽然与其说是电子邮件跟踪软件，不如说是一个销售管理和营销自动化平台， Cirrus Insight 是一个独特的顶级解决方案，可以与您现有的电子邮件客户端完全集成。

Cirrus Insight email tracking

Cirrus Insight email tracking in Office 365.

这意味着您可以获得销售平台的所有功能，而无需在应用程序之间来回切换。

支持的电子邮件客户端: Gmail、Outlook

9.是软件(高级)

Yesware 专为销售团队和销售人员打造，支持企业范围内的全面电子邮件推广，而没有专用平台的复杂性。

Yesware email tracking

Yesware’s email tracking in Gmail.

作为 Gmail 或 Outlook 插件，Yesware 是销售代表处理电子邮件推广活动的明智选择。

支持的电子邮件客户端: Gmail、Outlook

10.轮毂点(高级)

像 Streak 一样， HubSpot 销售平台是一个一体化的 CRM，而不是一个电子邮件跟踪工具。

A list of contacts and email tracking statistics in HubSpot

HubSpot sales platform.

然而，由于强大的电子邮件跟踪与一系列其他销售管理服务相结合，HubSpot 是任何寻求自上而下销售和电子邮件营销解决方案的人的理想解决方案。

支持的电子邮件客户端: Gmail、Outlook

87% of B2B marketers use email marketing as a distribution channel- but how do you know your emails are delivering results? 📧Click to Tweet ## 摘要

电子邮件跟踪无疑是你的电子邮件营销武库中最强大的工具之一。

通过电子邮件跟踪，您可以准确地知道谁打开或点击了您的电子邮件，从而消除您的活动中的猜测。有了合适的软件，您可以逐渐识别联系人中的关键趋势和见解，帮助您建立有意义的客户关系并推动更多销售。

要想了解更多关于提升电子邮件营销的信息，请查看我们的电子邮件营销技巧。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在应用程序托管或数据库托管的第一个月，用 20 美元的折扣进行测试。探索我们的计划或与销售人员交流，以找到最适合您的产品。

如何在你的 WordPress 站点上嵌入一个谷歌表单(3 个简单的步骤)

原文：https://kinsta.com/blog/embed-google-form/

谷歌表单可以帮助你吸引网站用户，并从他们那里收集反馈。然而，在你开始制作一流的调查、联系表格和其他内容之前，你可能会想办法把它们嵌入你的 WordPress 网站。

幸运的是，只需几个步骤，你就可以将谷歌表单嵌入到你的 WordPress 网站，并开始收集用户的反馈。这可以让你根据反馈改进你的网站和内容。在本帖中，我们将向你展示谷歌表单如何从整体上有益于你的网站和你的品牌。然后，我们将带您通过几个简单的步骤，了解如何将 Google 表单嵌入到您的站点中。

准备好了吗？我们开始吧！

谷歌表单简介

Google Forms 是一个网络应用程序，很像 Google Docs 或 Google Sheets，用于创建交互式调查和其他类型的表格。一些常见用途包括:

活动注册。
用户投票和问卷调查。
电子邮件订阅注册表单。
小测验。
产品订单。
联系方式。

像其他的 Google Workspace 应用一样，你可以将你所有的表格存储在你的 Google Drive 中。你还可以利用谷歌的分享功能。如果您与团队合作为您的网站创建内容，并且您希望其他人能够在您的调查或其他表单上进行协作，这将特别有帮助:

Embed Google Form: Sharing options

Sharing options

免费平台简化了表单创建过程。您可以从各种预构建的模板中进行选择，或者创建自己的模板并保存它们以备后用:

Embed Google Forms: templates

Google Forms template gallery

谷歌表单也将帮助你设计你的内容，以匹配你的品牌。

信息

如果您为 Google Workspace 付费，它会将“创建您自己的 Google 表单”文本更改为“此表单是在[您的组织名称]内创建的。”

您可以从各种主题中进行选择，或者简单地将您的徽标添加到每个表单中。该平台会自动调整你的表单颜色，创造出适合你网站的独特外观。所有的谷歌表单也都是响应性的，所以你的用户可以从他们的智能手机或其他移动设备上完成这些表单。

最后，您还可以访问在您的 Google 帐户中收集的实时结果:

Google form responses

您可以随时在表格中查看您的回复信息和图表，或者将其导出到 Google Sheets 进行进一步分析。这使得组织、评估和与团队共享您的成果变得简单而方便。

为什么你想在你的 WordPress 站点上嵌入谷歌表单

如果你正在寻找在你的 WordPress 站点上嵌入自定义表单的方法，你可能已经探索了使用一个 WordPress 表单构建器插件的可能性。虽然这些都是有用的工具，但是有几个原因可以解释为什么 Google Forms 是一个更好的选择。

首先，使用 Google Forms 可以让你利用平台的存储和共享特性。第二，通过使用谷歌表单，你可以避免在你的网站上添加另一个插件，这会导致缓慢的加载时间，所以减少插件可能有助于 T2 提高你网站的性能。

此外，虽然你可以让其他用户使用 WordPress 插件创建表单，但是 Google Forms 可以让你完全控制谁在协作你的内容。你可以邀请特定的用户来处理任何给定的表单，提供更多的安全性和避免错误。

最后，使用谷歌表单不仅有助于改善你的 WordPress 网站，也有助于提升你品牌的整体形象。虽然用 WordPress 插件构建的表单只能在你的网站上使用，但你可以在任何平台上分享谷歌表单，包括通过社交媒体和营销邮件分享 T2 表单。

无论你的观众在哪里填写你的谷歌表格，他们的回答都会被记录在一个地方。这将有助于您在品牌的所有渠道中跟踪表单的结果，而不仅仅是您的网站。

如何在你的 WordPress 站点上嵌入谷歌表单(3 个步骤)

如果听起来 Google Forms 可能是你的 WordPress 网站表单相关需求的最佳解决方案，你很幸运。尽管这个过程不像安装一个插件那么简单，但是你可以通过三个简单的步骤在你的站点上嵌入谷歌表单。

步骤 1:创建你的谷歌表单

你需要做的第一件事是创建你的第一个谷歌表单。登录您的谷歌账户，然后通过在谷歌应用程序菜单中找到紫色图标来访问谷歌表单:

Google Form icon

如果你是 Google Workspace 用户，你应该对 Google Forms 界面非常熟悉。这与谷歌文档和谷歌工作表非常相似:

Google Form UI

要开始使用您的表单，您可以从工具栏中选择空白图块，或者选择一个模板进行操作。

无论哪种方式，您都可以直接在表单中键入标题和描述，然后创建您的问题和答案选项。您也可以使用下拉菜单选择每个答案的类型:

Embed Google Forms: Setting up your Google Form

Setting up your Google Form

编辑器右侧的工具栏允许您添加新问题、从另一个 Google 表单导入问题、上传图像和视频以及创建附加部分。然后，调色板、眼睛和齿轮图标允许您更改表单的主题、预览最终产品和访问高级设置。

有了这些工具，你应该能够制作出你需要的任何形式。如果您想从您的团队获得信息，点击三点图标并选择添加合作者:

Add collaborators to Google Form

然后，您可以通过键入团队成员的电子邮件地址或使用链接共享功能，邀请他们来处理您的表单。您的更改将自动保存在您的 Google Drive 中。一旦你完成了编辑，你就可以把你的 Goole 表单嵌入到你的 WordPress 站点上了。

第二步:访问你的谷歌表单的嵌入代码

为了嵌入你的谷歌表单，你需要点击表单编辑器顶部的发送按钮。在那里，你有五种方式来分享你的表格:通过电子邮件、链接、HTML、脸书和 Twitter:

Share via email your Google Form

任何这些都可能被证明是有用的，尤其是如果你想将你的表格发送给你所有的电子邮件列表订阅者或者在你的社交媒体账户上分享它。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

然而，出于本教程的目的，我们将重点放在 HTML 选项上。因此，选择 < > 选项卡。你会在嵌入 HTML 下看到一个代码片段，下面还有一个改变表单尺寸的选项。

一旦你对它的大小满意，点击窗口右下角的复制:

Get the embed code for your Google Form

接下来，前往你的 WordPress 仪表盘。

第三步:将代码添加到你的文章或页面中

有了 HTML 代码片段，就可以将 Google 表单嵌入到网站中了。首先，导航到要合并表单的文章或页面。如果你正在使用 WordPress 块编辑器，你会想要添加一个定制 HTML 块:

Custom HTML block

然后，将 Google 表单编辑器中的代码粘贴到该块中:

Embed Google Forms in Gutenberg

Add the embed code in the Block Editor

如果你点击自定义 HTML 块工具栏中的预览标签，你会看到你的谷歌表单，就像它出现在你的网站上一样:

Preview of your Google Form embedded in the Block Editor

如果你使用的是经典编辑器，步骤会有所不同。事实上，你可以通过点击工具栏顶部的文本标签来切换到文本编辑器:

Classic Editor: text view

然后，您需要将 Google Form embed 代码粘贴到您希望它出现在页面上的任何位置:

Embed Google Forms in WordPress

Embedding Google Form in WordPress Classic Editor

如果切换回可视化编辑器，您应该会在编辑字段中看到您的表单:

厌倦了体验你的 WordPress 网站的问题？通过 Kinsta 获得最好、最快的主机支持！查看我们的计划

Embedded Google form: preview

您还可以预览页面，看看它在前端的样子。

如果你想在 WordPress 的文章或页面中嵌入一个 Google 表单，这就足够了！

(建议阅读:如何修复 WordPress 中的脸书 oEmbed 问题)

在 WooCommerce 中使用 Google 表单

正如你可能已经意识到的，谷歌表单可以成为 WooCommerce 和其他 T2 电子商务平台 T3 的便利工具。您可以使用该工具轻松创建自己的定制订单，甚至还有一个订单模板来加快流程:

Order request example

您可能还想征求客户信息，为买家提供评价产品及其购买体验的机会，等等。

然而，有一个坏消息:简单地在你的产品页面上嵌入谷歌表单不会将 WooCommerce 订单的功能与这些表单集成在一起。幸运的是，有一些第三方解决方案可以提供帮助。

选项 1: Automate.io

一个例子是 Automate.io ，一个云应用集成工具:

Automate.io

该解决方案使您能够连接 WooCommerce 和 Google Forms，并基于特定的触发器自动响应。例如，您可以:

当客户提交 Google 表单时，在 WooCommerce 中添加新订单。
当客户添加或更新他们的信息时，生成 Google Forms 响应。
为每个 WooCommerce 订单行项目创建 Google Forms 响应。
集成 Google Forms、Sheets 和 WooCommerce，这样就可以同时更新所有三个平台上的客户和订单信息。

Automate.io 每月最多可免费使用 250 个动作。每月 39 美元(按年度计划)，你可以将你的限额提高到 10，000 次。

选项 2: LeadsBridge

你也可以尝试的另一个选项是 LeadsBridge ，它会自动整合 WooCommerce 和 Google 表单，这样你就可以跟踪线索:

LeadsBridge

这是一个简单的方法来掌握你的在线业务的脉搏，并随着时间的推移监测其增长。LeadsBridge 将带您了解如何设置您的集成，以便您可以创建订单和其他有用的功能。年度计划从每月29 美元开始，这个平台比 Automate.io 稍微便宜一些

选项 3:integra mat

第三个选择是 Integromat ，它也提供谷歌表单和 WooCommerce 集成:

Integromat

这个工具可以通过使用与 Google Forms 响应和 WooCommerce 优惠券、订单、客户和产品相关的触发器来自动执行某些操作。Integromat 比 Automate.io 更实惠，其免费计划每月提供 1，000 次操作，其最低层每月 9 美元起，可进行 1 万次操作。

Need to gather user feedback or run a survey? Learn how to properly embed Google Forms on your WordPress site! 📋❓Click to Tweet

摘要

表单是许多不同 WordPress 站点的重要组成部分。无论你希望在你的网站上加入调查来收集用户反馈，在你的 WooCommerce 商店中添加详细的订单，还是其他完全不同的东西，Google Forms 都是一个易于使用的制作完美表单的免费工具。要在你的 WordPress 站点上嵌入谷歌表单，你只需要遵循三个简单的步骤:

创建您的谷歌表单。
访问你的谷歌表单的嵌入代码。
将嵌入代码添加到你的 WordPress 文章或页面中。

关于在你的 WordPress 站点上嵌入一个 Google 表单，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何在你的 WordPress 网站上嵌入谷歌评论(2 种方法)

原文：https://kinsta.com/blog/embed-google-reviews/

展示积极的客户评价是提升你的企业声誉和增加转化率的最有效的方法之一。然而，简单地将这些反馈复制粘贴到你的网站上会降低它的合法性，甚至让它看起来像假的。

幸运的是，在你的 WordPress 网站上嵌入谷歌评论很简单。你可以使用评论插件或者编辑你网站的 HTML 来显示反馈，当反馈进来时会自动更新。

在本指南中，我们将讨论在你的网站上显示谷歌评论的好处，以及你应该把它们放在哪里。然后，我们将解释几种不同的方法来把它们嵌入到你的 WordPress 网站上。

我们开始吧！

T3】

为什么显示谷歌评论是有益的

谷歌评论是谷歌我的商业平台的一部分。它们使您的客户能够分享他们的经验，并为您的服务留下星级评价。这些评价是公开的，你可以从你的 Google My Business 账户回复它们。

A screenshot of Google reviews

谷歌评论举例

谷歌评论是必不可少的，因为它们可以增加你企业的可信度。大约86%的购买者使用评级来告知他们的购买决定。因此，正面的评价可以提升你在 T4 的整体电子商务销售额。

在你的网站上展示谷歌评论也可以提高你的搜索引擎优化(SEO)。这是让你的网站在搜索引擎结果上排名靠前的过程。谷歌根据各种因素评估你的网站。评论和评级可以占到算法的15%。

最后，推荐可以促使用户在你的网站上花更多的时间。如果他们沉迷于阅读评论，他们可能会在你的网站上停留更长时间。这可以降低你的跳出率，为你的读者提供更好的用户体验(UX)。

展示积极的客户评价是提升企业声誉的最佳方式之一&提高转化率。🌟开始使用本指南👇 点击推文

你应该在哪里显示谷歌评论

你有几个不同的嵌入谷歌评论的位置选项。理想情况下，您希望它们易于查找和阅读，但不会妨碍网站的其他内容。

你的第一个选择是在你网站的主页上显示谷歌评论。例如， Embed Social 会在首页展示客户评价。

Embed Social displaying Google reviews on a homepage

嵌入社交显示谷歌评论

您可以将它们放在页面底部或小部件部分。通过这样做，潜在客户几乎可以在登陆你的网站后立即看到你的推荐。因此，他们可能会立即对你的企业更加信任。

或者，你可以在你的“关于”页面嵌入谷歌评论，或者创建一个专门的“评论”页面。用户通常访问这个页面来了解更多关于你的企业的历史，价值观和其他细节。在这里展示客户评价也可以向潜在客户展示你的声誉。

例如，冰岛露营车租赁公司 Happy Campers 在一个专门的页面上嵌入了谷歌评论。

Google reviews on a dedicated page

谷歌评论专用页面

最后，你可能想在你的电子商务商店的产品页面上展示推荐。

Google reviews as testimonials on an ecommerce page

谷歌评论是电子商务页面上的推荐。

或者，你可以嵌入谷歌对你整个公司的评论。使用这种方法，你可以说服犹豫不决的顾客承诺购买并选择你的业务。

如何在你的 WordPress 网站上嵌入谷歌评论(2 种方法)

现在你知道在你的 WordPress 站点上显示谷歌评论有多重要了。你也应该有一个好主意，你想嵌入它们。

你可以使用插件或者通过编辑你网站的 HTML 将这些评论添加到你的网站上。让我们更详细地看一下每种方法。
T3】

1.使用谷歌评论插件的小部件

嵌入客户评价最简单的方法之一是使用谷歌评论插件的小部件。

Screenshot of the Widget for Google Reviews plugin homepage

谷歌评论插件

的小工具

这个插件可以在你网站的窗口部件部分显示谷歌评论。因此，如果你想在你所有的帖子和页面上展示推荐，这可能是一个不错的选择。

首先，打开你的 WordPress 仪表盘，安装插件。

Install the Widget for Google Reviews plugin on your site

Install the Widget for Google Reviews plugin

点击激活完成该过程。然后，进入插件的设置。您可以浏览完整安装指南标签，了解详细的安装说明。

Widget for Google Reviews full installation guide

谷歌评论小工具完整安装指南

首先，你需要获得你的 Google Place ID。你可以通过前往 Google Place ID Finder 并输入你的企业名称来找到它。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Google Place ID finder

接下来，你需要一个 Google Places API 。要得到一个，你需要登录你的谷歌控制台账户仪表板。然后，点击选择一个项目并选择新建项目。

The Google Console Account dashboard

谷歌控制台账户仪表盘

命名并保存您的项目。然后，选择启用 API 和服务>放置 API >启用。

接下来，进入导航菜单，选择API&服务>凭证。这将把你带到下一页。

Create appropriate credentials

创建凭证

然后，点击 +创建凭证> API 键。这将生成一个代码，您以后需要复制它。

要在谷歌控制台中完成该过程，再次打开导航菜单并选择计费>链接一个计费账户>创建计费账户。然后会提示你注册免费试用。

Account information and sign up for a free trial

报名免费试用

按照提示完成注册过程。然后，回到你的 WordPress 仪表盘和插件的设置。在这里，粘贴 API 密匙并点击保存。

Paste the API key back into the main plugin settings

将 API 粘贴回主插件设置

接下来，导航到短代码标签，输入您的 Google Place ID。您还可以自定义一些设置，例如评论的显示方式。

Enter your Google Place ID under the shortcode tab

在短码标签

下输入您的 Google Place ID

插件会自动生成你的短代码。现在，你可以通过添加一个短代码块并粘贴你的独特代码，将谷歌评论嵌入任何帖子或页面。

所有的 Kinsta 托管计划都包括来自我们资深 WordPress 开发者和工程师的 24/7 支持。与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划！

2.用 JavaScript 编辑你网站的 HTML

或者，你可以通过编辑 HTML 直接在你的 WordPress 站点上嵌入谷歌评论。HTML 控制不同元素(如文本和图像)在网站上的显示方式。

这个策略将使用 JavaScript，这是一种流行的脚本语言，可以与你的网站的 HTML 交互。如果你选择这种方法，你可以在你网站的任何部分显示谷歌评论。当新的推荐进来时，它们也会自动更新。

在继续之前，您可能希望创建一个子主题。这样，如果你在接下来的步骤中犯了任何错误，它们都不会损害整个网站的功能。

首先，你需要你的 Google Places ID 和一个 API 密匙。如果您不知道如何访问它们，您可以查看本教程上一节中的详细说明。

接下来，你需要 Google Places 脚本。你可以跟随地图 Javascript API 文档来学习如何从头获得它。

现在，您将把一个脚本粘贴到站点的 head 部分。为此，你需要编辑你站点的header.php文件。

在你的 WordPress 仪表盘中，导航到外观>主题编辑器并寻找名为【header.php】的文件:

The header.php file in WordPress

寻找 header.php 档案

然后，将此脚本代码粘贴到您的文件中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="/js/google-places.js "></script>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=[(API_KEY)]"></script>

您将输入您的 Google Places API，而不是(API_KEY)。接下来，将下面的函数添加到文件中:

<script>
jQuery(document).ready(function() {
$("#google-reviews").googlePlaces({
placeId: '[PLACES_ID]',
render: ['reviews'],
min_rating: 5,
max_rows: 0
});
});
</script>

然而，你要放的不是[PLACES_ID]，而是你公司的 Google Places ID。准备好之后，保存您的更改。

接下来，转到你想显示嵌入的谷歌评论的文章或页面。切换到代码编辑器，将下面一行粘贴到您希望显示评价的位置:

<div id="google-reviews"></div>

最后，保存您的更改。你的谷歌评论现在应该显示在你的帖子或页面上了！

想提升对你企业的信任度&增加转化率？🤩嵌入客户评论是一个完美的起点🚀

摘要

在你的网站上展示顾客评论有助于提高你企业的可信度和转化率。它也可以提高你的搜索引擎排名。幸运的是，有一些简单的方法可以让您的客户看到这些反馈。

概括地说，你可以通过以下方式在你的 WordPress 网站上嵌入谷歌评论:

使用谷歌评论插件的小部件在文章和页面中显示它们。
用 JavaScript 直接编辑你网站的 HTML。

关于如何在你的网站上嵌入谷歌评论，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在 WordPress 中整合和嵌入 YouTube 视频的 10 种方法

原文：https://kinsta.com/blog/embed-youtube-video-wordpress/

制作一个 YouTube 视频是成功的一半。在不知疲倦的制作过程之后，是时候分享你的成果了，把它发布在脸书、电子邮件简讯，当然还有你的网站上。过去，YouTube 视频嵌入在 WordPress 上需要一点创意或额外的插件。

然而，自从 WordPress 2.9 发布以来，这种情况发生了变化。事实上，你可以在 WordPress 中嵌入 YouTube，只需要 YouTube 链接。然而，你可能想通过创建图库、插入整个 YouTube 页面或管理其他创作者的视频列表来更好地整合。

有了这些独特的 YouTube 选项，您可以从常规的视频嵌入中脱颖而出，为您的用户提供更独特的体验。

在 WordPress 中嵌入 YouTube 视频的最简单方法
来自 WordPress YouTube 的有趣功能嵌入插件
在 WordPress 中整合和嵌入 YouTube 视频的最佳方式

在 WordPress 中嵌入 YouTube 视频的最简单方法

WordPress 2.9 增加了一个很酷的功能，他们称之为嵌入。这允许你复制并粘贴 YouTube 视频到你的网站，而不需要任何额外的插件或设置。以下是如何做到这一点:

第一步

从 YouTube 视频中复制 URL。您可以从浏览器的地址栏或 YouTube 共享链接按钮复制 URL。

YouTube embed link

提示:您可以通过先选中“开始于”框并选择一个时间，自动让视频从某个地方开始播放(例如，30 秒后)。然后复制链接。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

第二步

将 URL 粘贴到 WordPress 编辑器中，嵌入功能会自动将它变成一个嵌入的视频。

Embed YouTube video in WordPress editor

YouTube 嵌入插件的有趣特性

虽然上面的方法简单快捷，但是 YouTube embed plugins 可以给你的网站增加很多功能。以下是您可以获得的众多不同功能中的几个:

用于改进网站上嵌入的视频的隐私和同意选项的工具。
嵌入大型图库的选项，让它们在访问者登陆您的页面时播放，或者在
能够延迟加载你的视频，这样媒体就不会拖慢你整个网站的速度。
视觉设置控制，用于调整视频的颜色、大小和整体外观等项目。
在将视频放入 widgets 和帖子等区域时，可以选择使用短代码来更灵活地放置视频。
灯箱观看和其他替代视频显示。
当用户滚动你的视频时，创建悬停和动画效果的工具。
从社交媒体账户和 YouTube 等多个来源获取视频的选项。这是在你自己的网站上策划一个视频频道的好方法。
社交媒体按钮，鼓励人们分享你的视频。
用于创建和插入完整 YouTube 播放列表的插件，带有附加的格式和设计工具。
视频缩略图、滑块、颜色变化和各种其他选项，让您的 YouTube 视频嵌入脱颖而出。

在 WordPress 中集成和嵌入 YouTube 的最佳方式

我们已经浏览并查看了所有可以用来在 WordPress 中嵌入 YouTube 视频的最好的 WordPress 插件。现在是时候投入进去了！

YouTube by EmbedPlus
WP YouTube Lyte
视频图库 YouTube 图库
喂他们社交
YotuWP
视频变焦
ARVE 高级响应视频嵌入器
WpDevArt YouTube 嵌入、播放列表和弹出菜单
你的频道
YouTube 图库

1.YouTube by EmbedPlus

EmbedPlus 的 YouTube 插件提供了几种方法来定制你在 WordPress 网站上嵌入的视频。首先，该插件具有图库功能，可以将您的播放列表或频道列表拉入您的网站。图库响应迅速，可随时进行定制。然后，您的用户可以根据自己的需要浏览和搜索某些视频。

YouTube WordPress plugin

EmbedPlus 的 YouTube 插件中包含了许多其他功能，但我们将在下面的列表中介绍其中最好的功能。至于价格，这个插件的大部分基本功能都是免费的。例如，你可以加入一些品牌，去掉 YouTube 的一些颜色和标志，同时在你的网站上加入 YouTube 直播流。高级版起价 19.99 美元，可以终身访问 YouTube 插件。

对一些计划提供了支持，您会收到一些有趣的附加功能，如自动视频 SEO 标记和更快的页面加载。我特别喜欢高级图库定制和移动兼容性检查，以了解人们如何在他们较小的设备上观看视频。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

该插件的基本功能是免费的，我认为大多数人不需要升级。
即使是高级版本也是负担得起的，你只需一次性付款就能得到(除非你想要持续的客户支持)。
免费版有生成播放列表和图库的工具。您还可以包含 YouTube 实时流，以便这些流直接在您的网站上播放。
YouTube 插件有一个漂亮的设计界面，有大量的设置供你调整，比如颜色和大小。
您还可以在特定时间开始播放视频，并为客户调整音量。例如，一些网站管理员可能想在客户登陆他们的网站时就开始播放他们的视频。

2.WP YouTube Lyte

WP YouTube Lyte 插件有一个主要的工作，那就是延迟加载你嵌入的 YouTube 视频，以便你的网站尽可能快地运行。延迟加载通常可以通过图像来完成，但是这个插件通过主要关注 YouTube 视频将它带到了一个新的水平。延迟加载只加载用户当前看到的媒体。因此，您的服务器不会太努力地加载页面或网站上的所有视频。

因此，网站加载速度更快，您应该会看到整个网站的性能都有所提高。

WP YouTube Lyte

WP YouTube Lyte 插件是完全免费的，所以没有任何提示向你追加销售或试图让你购买附加软件或高级版本。

这个插件并不像大多数图像载入器那样载入视频。该插件通过嵌入视频的小版本(本质上只是视频缩略图的图像)来工作。直到用户点击缩略图，要求“更重”的版本，YouTube 才会提供。如果你打算在同一个页面上拥有大型图库或多个视频，这一点尤为重要。你的访问者不会注意到普通的 YouTube 嵌入之间的任何差异，所以视频的加载速度仍然和你预期的一样快。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

WP YouTube Lyte 插件提供了 YouTube 视频的轻量级嵌入，直到访问者决定她想要观看它。点击之后，YouTube 视频的完整版本就会播放。
它提高了网站的整体性能，尤其是当你在一个页面上有大量的视频时。
因为该插件不需要向 YouTube 服务器发出任何请求，所以它实际上提高了 GDPR 合规性。
你可以使用短码在你的网站上快速放置优化的 YouTube 视频。
该插件已经在所有移动设备上进行了测试，以确保延迟加载不会影响 YouTube 的移动性能。

不带 WP YouTube Lyte 的速度测试

想知道它能让你的网站快多少吗？我们用一个普通的 YouTube 嵌入式视频进行了五次速度测试，取了平均值。

YouTube no lazy loading

YouTube no lazy loading (speed test)

用 WP YouTube Lyte 进行速度测试

然后，我们在启用 WP YouTube Lyte 插件及其缓存缩略图选项的情况下运行了五次测试。这个小小的免费插件减少了 40.43%的总加载时间！更不用说它还减少了页面大小和默认 YouTube 嵌入播放器附带的所有额外的外部请求。

Speed test with lazy load enabled

Speed test with lazy load enabled (speed test)

Lazy loading your YouTube videos can easily decrease your page load times by over 40%! 😲Click to Tweet

3.视频库–YouTube 视频库

Video Gallery 工具迎合了那些想要为他们的 YouTube 视频创建一个漂亮的图库而不具备高级设计技能的人。关于这个插件有趣的是，它还支持来自 Vimeo 和 Wistia 等地方的视频，并且你还可以使用所有这些服务的组合创建无限数量的图库。不仅如此，你放在图库中的所有视频都可以在移动设备上观看。

Video Gallery WordPress plugin

搜索工具也给人留下了深刻的印象，要求用户搜索和浏览某些视频，并通过清晰的导航找到视频。插件还提供了几个主题，在你实现一个主题后，你会得到大量的定制工具来玩。基本插件是免费的，但是你可以选择升级到高级版本。在撰写本文时，付费版本的价格为 45 美元，但开发者有时会有不同的促销活动。

如果您要升级到高级版本，大多数功能都涉及自定义图库的外观。例如，您可能想要调整图标颜色、边框或字体样式。这些设置在高级插件中都有。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

这是一个非常用户友好的图库插件，提供了创建带有主题和图库布局的图库的选项。
免费版中有相当多的定制工具。例如，你可以添加灯箱效果或某种悬停效果来吸引用户点击你的视频。
你在网站上插入的所有图库都是移动响应的。
如果你想更灵活地把你的 YouTube 视频放到网上，有一个无限的短代码生成器。
该插件支持多种类型的视频，包括 YouTube、Vimeo、Wistia 和 MP4 视频。
您的图库中可以有无限数量的视频。
如果你想完全定制和品牌化你的画廊，高级版并不贵。

4.让他们学会社交

Feed Them 社交插件对 YouTube 嵌入游戏采取了完全不同的方法。安装插件后，你可以选择你最喜欢的社交视频，并显示在帖子、页面或网站的任何地方。对于想要突出显示与博客或产品相关的某些名人页面或特定教程的公司来说，这是一个很好的解决方案。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这个免费的插件可以查看和显示你的脸书页面，以及相册封面和照片。你可以包含任意多的订阅源，但是如果你想限制每个订阅源的条目数量，你就必须升级到高级版本。单个网站的起价为 50 美元，但开发者也有其他扩展，最终可能会让你花费更多，这取决于你喜欢什么。例如，你会发现脸书评论、组合流和传送带的扩展。

Feed Them Social WordPress plugin

该插件似乎主要关注脸书视频和媒体内容，但也支持 YouTube、Twitter、Instagram 和 Pinterest。从技术上来说，你可以用它在网站上展示你自己的 YouTube 频道，或者将一组 YouTube 视频组合成一个图库。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

该插件允许你找到你最喜欢的社交媒体视频，并将其添加到你的网站上。
添加尽可能多的源，并将其自定义到一个漂亮的图库中。
这些提要都有响应，并准备好进行颜色定制。
免费版还包括一些工具，人们可以在脸书和 Instagram 等网站上分享你的视频。
在网站上管理视频时，内容来源包括 Pinterest、脸书、Twitter 和 YouTube。
如果你想获得额外的创意，Feed Them 社交插件的开发者提供了广泛的扩展，比如组合流和传送带。

5.约图普

如果你正在寻找一种简单而又时髦的方式来把你的 YouTube 视频放到 WordPress 网站上，那么 YotuWP 插件就能帮你搞定。它重量轻，易于使用，功能强大，足以支持来自特定用户名的图库、播放列表、频道和视频。你甚至可以选择从一个来源添加一个视频。YouTube、Vimeo 和 Wistia 都可以作为集成使用，布局包括网格、列表和混合图库。

YotuWP plugin

我觉得你需要的大多数功能都在免费版本中，但它确实更适合那些简单的视频嵌入者，他们想要一种简单的方式来在线获得那些 YouTube 视频，而没有任何混乱的设置。

如果你决定使用高级版，它的起价为每年 14 美元，包括几个功能，如旋转木马和砖石布局，12 个悬停图标，标题和描述的替代物，以及按钮的自定义文本。简而言之，高级版几乎完全剥离了 YouTube 视频的品牌，使视频更适合你自己的网站。但是，很多人要么不在乎这个，要么不需要在这个上面花钱。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

YotuWP 提供了一个极简主义的设计和一个漂亮的视频演示。我们喜欢它为初学者或只是那些不需要其他插件的所有功能。
您可以以多种图库格式显示视频，例如混合图库或列表。
该插件提供了从多种来源获取视频的选项。例如，您可能希望从一个播放列表中提取所有视频。或者，您可能更喜欢某个用户名或频道的视频。
大视频小视频都有。所有的尺寸定制都是在插件中完成的，留给你一个不需要太多时间就可以在线观看视频的界面。
您甚至可以获得一些独特的显示选项，如模态、弹出窗口和灯箱。
您仍然可以选择在高级版本中获得强大的定制工具。不仅如此，对于一个高级插件来说，每年 14 美元是非常便宜的。

6.视频缩放

Videozoom 没有免费版本，但绝对值得一看。这是因为 Videozoom 实际上是一个完整的 WordPress 主题，而不是一个插件。我们把它放在这里是因为我们知道有些人正在制作以 YouTube 画廊为主要焦点的网站。因此，安装一个支持这种类型的主题而不是一个插件是有意义的。该主题有助于展示来自互联网各地的视频集合。例如，如果你想开设自己的 YouTube 频道，并在你的网站上发布所有这些视频，这可能是一个不错的选择。

如果你打算从其他来源收集视频，情况也是如此。该主题有一个灵活的滑块，用于展示您最重要的或最近的视频。你也可以即时嵌入 YouTube 上的视频或者自己托管视频。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Videozoom WordPress plugin

这不是一个免费的主题，但 69 美元的价格标签对你得到的所有功能来说并不坏。你也可以考虑为所有的 WPZoom 主题支付 99 美元的会员费。

总的来说，Videozoom 提供了一个即时的解决方案来显示您的视频，并确保它们都可以在移动设备上观看并被搜索引擎发现。你还会发现这个主题提供了翻译就绪的工具，定期的主题更新，以及一个一键式的演示内容导入器，这样你就不用从头开始了。我真的很喜欢用插件来嵌入 YouTube 视频的想法，但是如果你还没有一个配置好的网站，那么用一个主题就很有意义。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

这是一个完整的 WordPress 主题，所以你用所有你需要的嵌入工具开始你的网站，给你的访问者留下印象。
它提供两种皮肤，深色和浅色。通过这种方式，你可以给你的网站打上一点烙印，想想你的访问者会如何看待这些视频。
如果你是一个开发者，你可以选择使用 WPZoom 会员资格接收超过 40 个 WordPress 主题。
从 YouTube 嵌入很容易，你也可以上传你自己的本地视频到你的服务器。
从 YouTube 上传视频或链接后，会生成一个视频缩略图。
所有界面都相当漂亮，移动设计使你的视频可以立即播放，就像在 YouTube 上一样。

7.高级响应视频嵌入器

ARVE Advanced Responsive Video Embedder 在您的网站上毫无问题地呈现视频方面享有盛誉。正如你在你的网站上发布视频时所了解到的，无论是小问题还是大问题，似乎总会出错。

这个插件在完成这项工作的同时，还支持除 YouTube 之外的许多其他视频网站。例如，你可能想从 TED 或 Twitch 或 Comedy Central 下载一个视频。在这些情况下，你并不总能在 YouTube 上找到相同的视频。因此，你需要从实际的源网站抓取链接。这是一个支持数十个其他网站的插件，同时仍然提供我们已经习惯的响应视频观看。

ARVE WordPress plugin

免费版本以一种合理的方式显示你的视频，它还提供了一个所见即所得编辑器，这样你就不用去弄乱任何短代码。之后，视频会显示标题、描述和其他上传信息，这样搜索引擎就可以对其进行索引，人们就可以知道这些视频是关于什么的。

我个人感觉大多数安装插件的人对免费版本都没问题，但也有选择升级到 35 美元的选项。高级版的主要功能之一是允许你禁用视频上的链接。这意味着用户不能点击 Youtube 链接，从你的网站被带走。还有一个懒惰加载功能，灯箱，悬停造型，和不同的播放图标。总的来说，专业版并不贵，所以如果你绝对需要这些功能中的一个，这是一个不错的选择。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

ARVE 高级响应视频嵌入器几乎支持你在网上找到的所有视频。只要你访问的网站使用了 iframe 嵌入代码，你就不会有问题。你还可以毫无问题地即时嵌入 YouTube 视频。
WYSIWYG 支持意味着不需要短码。因此，您可以自定义您的视频显示，并将视频放在帖子和页面上。
这是一个搜索引擎友好的插件，提供你网站上的视频信息。例如，你可以向你的用户展示标题和描述。
如果你喜欢短代码，插件会提供一个选项。
当用户登陆你的网站时，视频会自动开始播放。
虽然不是每个人都需要，但付费版本有一些延迟加载和禁用 YouTube 链接的选项，这两者都允许更好的控制和优化。

8.WpDevArt YouTube 嵌入、播放列表和弹出窗口

WpDevArt YouTube 嵌入插件为初学者提供了简单的安装和流畅的嵌入过程。这个插件的全部目的是提供一个快速嵌入的方法，而不需要知道任何代码。使用 WordPress，嵌入视频不需要编码知识，但是这个插件增加了一些有趣的功能，可以将视频放入小工具中，调整视频的大小，以及改变颜色。虽然插件是免费的，但 Pro 版的功能最令人印象深刻。

WpDevArt YouTube Embed plugin

在 Pro 版本中，你会发现创建 YouTube 播放列表的工具，在弹出窗口中显示你的视频，以及帖子或页面中的按钮简码选项。您还可以为每个视频设置单独的选项，为视频提供各种可能性。相关视频也会显示出来，还有不同大小的缩略图。该插件的个人版起价为 12 美元，这也可以让你获得额外的客户支持，这可能会有所帮助。如果你计划在多个网站上安装这个插件，你需要一个商业或开发者许可证，起价 24 美元。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

WpDevArt YouTube Embed 插件提供了一种简单的方法来嵌入您的 YouTube 视频，而没有太多可能会令人困惑的功能。它很容易安装，你所有的视频都可以在移动设备上很好地显示。
该插件允许在帖子、页面和小部件中插入 YouTube 视频。
虽然这个插件是轻量级的，但它实际上有很多定制功能，可以调整视频的大小、自动播放功能和循环播放。
进度条的颜色可以改变，当有人登陆你的网站时，你可以开始播放视频。
专业版是负担得起的，并给你一些功能，可能值得考虑。例如，我喜欢在弹出窗口中显示视频并展示相关视频的想法，以让人们浏览你网站上的更多内容。

9.你的频道

就功能和特性集的独特性而言， YourChannel 插件绝对可以位于这个列表的顶端。你会考虑这个插件的主要原因是如果你已经在自己的 YouTube 频道上积累了很多视频。安装完成后，该插件允许你调出整个频道并发布到你的网站上。与列表中的其他插件不同，YourChannel 模拟了您在 YouTube 上观看频道时看到的内容。它还具有显示单个视频的工具，并包括自动播放功能。

YourChannel WordPress plugin

可视化构建器对于构建您希望 YouTube 频道显示的方式非常有用。还有七种视频缩略图样式，让你在展示自己喜爱的视频时更有创意。所有这些，包括翻译工具，都在免费版本中提供。如果你想买专业版的，个人许可证只需 15 美元。这包括一年的客户支持，以及大量的功能，如分配视频播放数量的选项。值得看看专业版的功能列表，因为有几十个功能-例如搜索频道功能，视频时长显示和颜色改变工具。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

免费版本可以显示完整的 YouTube 频道，类似于它在 YouTube 上的显示方式。
您可以显示横幅、播放列表和单个视频等项目，而无需使用编码或复杂的嵌入工具。
这些视频都是有针对性的，并且以一种你可以分类的方式组织起来。
高级版功能极其强大，价格实惠。
例如，一些更独特的高级功能包括主题、视频评论、视频开始时间和播放器导航。
免费版本中的缓存肯定会提高你网站的页面加载时间。
免费版本也有一个漂亮的灯箱，这样用户就可以在你的视频中出现。

10.YouTube 图库

从名字来看， YouTube 图库插件相当简单。它很好地组合了一系列 YouTube 视频，并将其显示在一个时尚的图库或列表中。我们如此喜欢它的原因是，有时你发现一个图库插件，并意识到显示并不优雅。然而，YouTube Gallery 插件使它变得简单而美丽，而无需你做太多的工作。

有趣的是，大多数功能都是在免费版本中提供的，开发者似乎没有对 Pro 版本进行那么多宣传。然而，如果你想要一些附加组件和全面的客户支持， pro 版本是一个很好的选择。客户支持显然是一个优势，但你得到的一些其他升级包括更好的 SEO 工具，批量上传的选项，以及更好的视频插入的短代码生成器。

YouTube Gallery WordPress plugin

如果你想只有一两个视频，这个插件可能不适合你。也就是说，对于那些试图将几十个视频上传到自己网站，而宁愿从 YouTube 上下载视频的人来说，这是一个必不可少的解决方案。或者，你可以选择在 YouTube 上管理多个来源的视频。这个插件工作得这么好的主要原因之一是因为你可以不用做太多的工作就可以调整图库。例如，它提供了网格图库和列表，以及尺寸修改器和短代码创建器。

为什么这个插件是在 WordPress 中集成和嵌入 YouTube 的最佳方式之一？

该插件以一种时尚优雅的方式显示你的视频集合。
基本插件是免费的，但你可以花 99.99 美元升级获得几十个附加功能。
主图库将您的视频放在四列响应式布局中。你不必做太多的编辑工作。
视频内容显示在视频页面上，便于用户理解视频内容。
该插件带有两个侧边栏小部件，用于在几个页面上展示较小的视频。这些小部件用于特色 YouTube 视频和最近的 YouTube 视频。

这些插件中，哪一个最适合你在 WordPress 中嵌入 YouTube？

当试图找出如何在 WordPress 中嵌入 YouTube 时，很明显这些插件非常相似。我们已经根据每个插件的最佳特性对其进行了分类，但是看起来还是有点混乱。以下是我们根据您的具体情况给出的最佳建议。这样，你可以选择其中的两到三个，在你自己的网站上进行测试。我发现视频库插件需要测试，因为有些人更喜欢某些布局。此外，你可能会发现一个插件不适合你的主题或其他插件。

寻找最好的 YouTube 嵌入式插件–使用 YouTube by EmbedPlus。
为了延迟加载你所有嵌入的 YouTube 视频——考虑 WP YouTube Lyte。
为您的视频创建一个漂亮的图库–想想视频图库–YouTube 图库
从社交网络上下载视频(并在视频上添加社交分享按钮)-尝试社交化的视频。
如果你喜欢多样的图库布局组合——YotuWP 插件是一个不错的选择。
对于那些刚刚建立视频网站并想要一个完整的 YouTube 图库主题的人来说,——video zoom 主题会让你走上正确的道路。
如果你喜欢所见即所得编辑器而不是短代码编辑器，考虑 ARVE 高级响应视频嵌入器。
对于一个非常基本的 YouTube 嵌入工具——想想 WpDevArt YouTube 嵌入、播放列表和弹出窗口。
调出整个 YouTube 频道，并显示其在 YouTube 上的显示效果–选择您的频道。
如果你想测试一个不同的图库插件——YouTube 图库插件可以创建很棒的图库。

如果你对如何在 WordPress 中嵌入 YouTube 有任何疑问，请在评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何启用 GZIP 压缩来加速 WordPress 站点

原文：https://kinsta.com/blog/enable-gzip-compression/

加速你的 WordPress 站点最简单的方法是删除所有不需要的资源。第二个最简单的方法是压缩所有需要的资源。在 web 服务器上启用 GZIP 压缩是实现这一目标的最简单、最有效的方法之一。

默认情况下，所有现代浏览器都支持 GZIP 压缩。但是，要为用户提供压缩的资源而不出现中断，您必须正确配置服务器。

在这篇文章中，你将学习网络数据压缩的基础知识，什么是 GZIP 压缩，它的各种好处，以及如何在不同的服务器设置上使用它来加速你的 WordPress 站点。

激动吗？大家减压吧！

更喜欢看视频版？

网上数据压缩的基础

web 上的数据压缩是减少网站传输的数据大小的过程。根据数据类型——文本、图像、样式表、脚本、字体——有各种压缩数据的方法。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

An illustration of the main components of a webpage

The main components of a webpage

例如，缩小 HTML、CSS 和 JavaScript 是减少浏览器发送数据量的简单方法。这里，minifier 通过从源代码中删除不必要的字符(如注释和空格)来压缩文本。

在下面这个简单的 HTML 文档的例子中，有三种内容类型:HTML 标记、 CSS 样式和 JavaScript 代码。

每种内容类型都有独特的语法和语义。总的来说，这个 HTML 文档总共有 357 个字符。

<**html**>
<**head**>
    <**style**>
    /* kinsta-banner is used on the homepage only */
    .kinsta-banner { font-size: 150% }
    .kinsta-banner { width: 75% }
</**style**>
</**head**>
<**body**>
    <!-- kinsta banner START -->
    <**div**>...</**div**>
    <!-- kinsta banner END -->
    <**script**>
    kinstaScripts(); // random scripts used on the page
    </**script**>
</**body**>
</**html**>

上面的代码易于阅读和理解。非常适合发展。然而，浏览器没有必要阅读注释并拥有完美缩进的标签。智能压缩器可以分析该文档，并从中删除所有不必要的位。

<**html**><**head**><**style**>.kinsta-banner{font-size:150%;width:75%}</**style**></**head**><**body**><**div**>...</**div**><**script**>kinstaScripts();</**script**></**body**></**html**>

缩小后，HTML 文档减少到只有 141 个字符。那可是一个****中积蓄60.50%的人物数量。虽然看起来不那么容易，但这对于浏览器来说并不重要。它仍然会向用户显示相同的页面。

**为了利用这两个版本的优势，您可以将原始文档作为“开发版本”来维护，但是在将它发布之前缩小所有代码。

大多数 WordPress 性能插件会自动为你处理这些。

File size comparison of uncompressed vs minified jQuery

File size compression of uncompressed vs minified jQuery

例如， jQuery 3.5.1 库的未压缩版本比同一文件的缩小版本大 3 倍以上。

同样，上述相同的压缩技术可以优化其他内容类型，如图像、视频、字体等。像这样针对具体内容的缩减是优化你的网站基于文本的资产大小的第一步。

这些明显的好处就是为什么 Kinsta 在 MyKinsta 仪表板中加入了代码缩减功能。客户可以选择为他们的 CSS 和 JavaScript 文件选择自动缩减代码，无需手动操作就可以加速他们的网站。

但是数据压缩不仅仅是缩小。使用先进的数学技术，数据压缩算法可以进一步减少数据的大小。

这种数据压缩方法最流行的一个例子是 GZIP。它实现了高效的数据传输，并为使互联网成为可行的全球通信媒介做出了重大贡献。
T3】

什么是 GZIP 压缩？

GZIP 是 GNU Zip 的缩写，是网络上最流行的无损数据压缩方法。它允许你减少站点的 HTML 页面、样式表和脚本的大小。

除了是一种数据压缩算法，GZIP 还是一种文件扩展名()。gz )和一个用于文件压缩/解压缩的软件。

它是基于 DEFLATE 算法，混合了 LZ77 编码和霍夫曼编码算法。

An illustration of how GZIP compression is based on the DEFLATE algorithm

GZIP compression is based on the DEFLATE algorithm

GZIP 压缩器获取一组原始数据并无损压缩。原始数据可以来自任何文件类型，但 GZIP 最适合基于文本的资源(如 HTML、CSS、JS)。

下一节将深入介绍 GZIP 压缩的工作原理。

GZIP 如何压缩数据

A rough illustration of how GZIP compression works

首先，GZIP 压缩器对原始数据运行 LZ77 压缩算法来消除冗余。该算法通过在预定义的滑动窗口(原始数据的一小部分)中寻找重复模式来工作。

然后，它用元组替换所有重复的字符串，以压缩原始数据。

An illustration of the LZ77 encoding algorithm

在上面的例子中，滑动窗口的大小只有 13 个字符长(13 个字节)。但是，GZIP 压缩可以使用 32 KB (32，768 字节)的最大滑动窗口大小。滑动窗口的大小在 LZ77 压缩性能中起着关键作用。

使用 LZ77 算法压缩原始数据后，GZIP 压缩器使用霍夫曼编码算法对其进行进一步压缩。它通过给频繁出现的字符分配最少的位数，而给不常见的字符分配最多的位数来实现这一点。

这种技术类似于莫尔斯电码中使用的技术，其中在英语中出现频率更高的字母得到最短的序列。

要理解霍夫曼编码算法是如何工作的，考虑一下**BOOKKEEPER**这个词。它有 10 个字符长，但只有 6 个独特的字符。这个单词很好地混合了单字母、双字母和三字母。

几乎所有的网站都使用 UTF-8 字符编码来表示字母和符号。UTF-8 中的每个 ASCII 字符，也包括英语字母表，使用 1 个字节(8 位)。

The word “BOOKKEEPER” has many repeating letters

像**BOOKKEEPER**这样的 10 个字符的字符串将需要 10 个字节(80 位)的内存。您可以看到它包含 1 个字母**B**, **P**, **R**的实例，2 个字母**O**和**K**的实例，以及 3 个字母**E**的实例。

霍夫曼编码算法使用这一知识来无损压缩字符串。它通过生成一棵二叉树来做到这一点，每一个唯一的字母作为一片树叶。

出现频率最低的字母(例如 B 、 P 、 R )会发现自己在树的底部，而那些频繁出现的字母(例如 E 、 O 、 K )理想情况下会发现自己在树的顶部。

树中最顶端的节点是根，其值等于字符串中的字符总数。

Huffman Tree for the word “BOOKKEEPER”

生成霍夫曼树后，所有的左分支和右分支箭头分别被赋予 0 和 1 的数字。然后，您可以通过追踪根到叶的路径并连接所有的 0 和 1 来为任何字符生成霍夫曼代码

Huffman codes are unique binary codes for every character

你可以注意到，频率最高的字母具有最小比特长度的霍夫曼码。

注意:霍夫曼编码算法可以通过对具有相同频率的字符使用不同的排序策略来生成备选的二进制代码。但是，编码字符串的总大小将保持不变。

An 80 bits word encoded as a 25 bits string

存储原始单词所需的内存减少了 68.75%。

使用具有 0 / 1 约定的霍夫曼树生成满足前缀属性的二进制代码。它确保任何特定字符的霍夫曼代码不是任何其他字符代码的前缀，这使得使用霍夫曼树解码编码字符串变得容易。这对 GZIP 减压速度起主要作用。

就像上面的单词一样，GZIP 压缩器使用霍夫曼编码算法来进一步优化 LZ77 算法生成的元组。这会产生带有的高度压缩文件。gz 扩展。

如果你有兴趣了解更多关于 GZIP 的工作方式，参考这个视频快速浏览。
T3】

GZIP 压缩有多好？

通常，GZIP 对小文件的压缩率可以达到 70%左右，但对较大的基于文本的资产，压缩率可以达到 90%。

Comparison of GZIP compression ratios for various CSS and JS libraries

GZIP compression ratios for some popular CSS and JS libraries

在上表中，你可以看到用 GZIP 压缩缩小的文件可以进一步减小它们的大小。

注意:您可以使用 GZIP 压缩任何文件类型，但是对于已经使用其他方法压缩的资产(例如，图像、视频)，这不会带来任何节省。有时，它甚至会增加文件的大小。

压缩算法的强度不仅仅取决于它的压缩比，还取决于它压缩和解压缩数据的速度和效率。这是 GZIP 最擅长的用例。

由于 GZIP 使用流算法快速解压缩，它非常适合速度至关重要的 web 协议。此外，GZIP 使用最少的资源来压缩和解压缩数据，使其成为服务器和客户端的理想选择。

Compression performance of brotli vs bzip2 vs GZIP vs xz (Source: OpenCPU)

上面的图表比较了 brotli 、 bzip2 、 gzip 和 xz 压缩算法的压缩性能。GZIP 在压缩比测试中以微弱优势失利，但在压缩和解压缩速度方面，它彻底击败了竞争对手。

查看压缩速度图，我们可以得出结论，GZIP 是 HTTP 服务器和 web 上其他数据流的实时压缩的理想选择。考虑到它对网络发展的积极作用，IETF 批准了 GZIP 作为 HTTP/1.1 的三种标准压缩格式之一。

注:GZIP 压缩库的一个抽象，叫做 zlib 被用于许多流行的操作系统(Linux，macOS，iOS)和现代游戏主机(PlayStation 4，Wii U，Xbox One)。它也用于无损 PNG 文件格式来压缩图像。

6 压缩的优势

让我们仔细看看 GZIP 压缩最重要的优势。

提供相当不错的压缩比

如前所述，与竞争对手相比，GZIP 并没有最好的压缩比。但离他们也不远了。通常，它可以帮助您将基于文本的资源的大小减少 70-90%。

超快速压缩和解压缩

就数据压缩和解压缩速度而言，GZIP 显然是赢家。对于 HTTP 服务器和其他数据流的动态压缩来说，这是非常理想的。

需要很少的内存

GZIP 占用的内存很少，适用于内存容量有限的服务器和系统。因此，你会发现它甚至被最便宜的虚拟主机提供商所支持。

即使在最坏的情况下也不会扩展太多

像 GZIP 这样的无损数据压缩算法有一个严格的限制，超过这个限制就不能压缩数据。

通常，当资源已经被很好地压缩，或者如果资源很小，并且添加 GZIP 字典的开销高于压缩节省时，就会发生这种情况。我们可以把这种现象归结为一个叫做熵编码的概念。GZIP 对这种效应有很强的抵抗力。

免费使用和开源

GZIP 最初是作为早期 Unix 系统中使用的专利压缩程序的免费开源替代品而创建的。因此，它没有任何专利，任何人都可以自由使用。

享有普遍支持

根据 W3Techs 的数据，追踪的所有网站中有 82% 使用 GZIP 压缩，这使得它成为网络上使用最广泛的压缩算法。

几乎所有的服务器和客户端都支持 GZIP。无论你在哪个服务器上托管你的站点，你都可以通过启用 GZIP 来加速它。

网站速度测试工具中的 GZIP 警告

除了缩小，启用 GZIP 是最简单有效的速度优化方法之一。

这也是优化 WordPress 最简单的方法之一。尽管如此，许多 WordPress 网站仍然不使用它。

当您访问网站时，您的浏览器会通过检查**content-encoding: gzip**响应头来检查 web 服务器是否启用了 GZIP。如果文件头存在，它会检索压缩文件，对它们进行解压缩，然后自动将较小的文件提供给你。

The “content-encoding: gzip” response header

The “content-encoding: gzip” response header in Chrome DevTools

如果浏览器没有检测到 GZIP 响应头，它会下载未压缩的文件。在大多数情况下，页面加载速度可能相差几秒钟。因此，如果你没有启用 GZIP，你会在网站速度测试工具中看到警告。

谷歌页面速度洞察/灯塔中的 GZIP 警告

当你的网站没有启用任何文本压缩时，Google PageSpeed Insights 会发出警告。

注意: Google PageSpeed Insights 和 Google Lighthouse 是两个独立的网站性能测试工具。他们彼此独立工作，直到 2018 年，谷歌升级了 PageSpeed Insights，使用 Lighthouse 作为其分析引擎。因此，PageSpeed Insights 和 Lighthouse 现在是一体的。

“Enable text compression” warning in Google PageSpeed Insights

在上面的示例站点中，压缩基于文本的资源可以将页面权重降低超过 78% ，并将页面加载时间加快 2.1 秒。

注意: PageSpeed Insights 依赖于服务器返回给浏览器的响应头。有时，即使启用了 GZIP 压缩，它也可能会显示错误的警告。可能是因为在使用中间代理服务器或安全软件的机器上运行速度测试。它们可能会干扰从外部服务器下载压缩文件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

GTmetrix 中的 GZIP 警告

如果您的网站不提供基于压缩文本的资源，GTmetrix 会显示警告。像 Google PageSpeed Insights 一样，它也会向您展示您可以实现的潜在节省。

“Enable compression” warning in GTmetrix

注: GTmetrix 正在升级其速度测试算法，用最新的 Google Lighthouse metrics 替换旧的 PageSpeed Insights 和 YSlow 库。您可以预期它的 GZIP 压缩警告与 Lighthouse 显示的警告类似。

Pingdom 工具中的 GZIP 警告

Pingdom Tools 抛出一个简单的警告，要求用 GZIP 压缩你的网站组件。

“Compress components with GZIP” warning in Pingdom Tools

在描述部分，Pingdom Tools 还提供了一些关于 GZIP 重要性的统计数据。酷豆！

网页测试中的 GZIP 警告

WebPageTest 在其性能评估选项卡中显示警告，如果它检测到任何可压缩的响应没有以最佳方式提供。

“Use GZIP compression” warning in WebPageTest

WebPageTest 还会给出一个分级分数，以显示警告的严重程度。例如，它将上述警告评为 100 分中的 23 分，这意味着您应该优先修复它。

如何检查 GZIP 压缩是否启用？

所有现代浏览器都有效地支持**Accept-Encoding: gzip, deflate** HTTP 头。因此，大多数 web 主机在它们所有的服务器上默认启用 GZIP 压缩(或 Brotli 压缩)。

当 web 服务器看到浏览器发送的这个报头时，它们识别出浏览器对 GZIP 的支持，并使用**content-encoding: gzip**报头以压缩的 HTTP 响应进行响应。

但是，如果你使用另一个主机提供商，或者如果你只是想确认你的网站是否提供 GZIP 压缩内容正确，总是检查它是否启用。

下面是一些简单的方法来检查 GZIP 压缩。

1.在线 GZIP 压缩测试工具

使用在线工具是检查您的网站是否启用了 GZIP 压缩的最简单方法。我推荐使用免费的检查 GZIP 压缩或 HTTP 压缩测试工具。只需输入你的网站网址，点击检查或测试按钮。

这两个在线工具将向您显示一份简短的报告，说明 GZIP 是否启用，以及您通过提供启用 GZIP 压缩的测试 URL 而节省(或可能节省)的数据传输量。

第一个工具还会显示其他相关信息，如网站的服务器类型、内容类型和压缩时间。

Testing Kinsta’s homepage with the Check GZIP Compression tool

注意:截至 2021 年 11 月 5 日，Kinsta 已通过 Cloudflare 升级到 Brotli 压缩，适用于所有 HTTPS 请求。您可以通过检查请求的响应头中的content-encoding: br来测试 Brotli 压缩。

Testing Kinsta.com with HTTP Compression Test tool

你应该注意到，GZIP 优化不只是停留在你的网页上，它还包括静态的基于文本的资产，如样式表、脚本和字体。如果您使用 CDN 来服务这些资产，那么您需要确保 CDN 也在启用 GZIP 压缩的情况下服务这些资产。

大多数现代 CDN如 Cloudflare、、Kinsta CDN 、KeyCDN、CloudFront 都支持 GZIP 压缩。您可以通过直接链接到资产来测试由 CDN 提供的资产的 GZIP 压缩。

GZIP compression test for assets hosted by a CDN

在上面的报道中，可以看到 Kinsta CDN 使用的是 KeyCDN 引擎，这是一个传统的 pull CDN。

注意: Kinsta 已转而选择 Cloudflare 作为其 CDN 合作伙伴，以加快和保护我们客户的站点。你可以在这里了解更多信息。

如果你使用 Kinsta 来托管你的站点，你不必担心 GZIP 压缩，因为我们默认启用 Brotli 压缩，这是一种比 GZIP 压缩更快的替代方式。

信息

Kinsta 的所有托管计划都包括对 Kinsta CDN 的免费支持。

2.“content-encoding:gzip”HTTP 响应头

验证网站是否提供 GZIP 压缩内容的第二种方法是验证**content-encoding: gzip** HTTP 响应头。

厌倦了低于 1 级的 WordPress 托管支持而没有答案？试试我们世界一流的支持团队！查看我们的计划

你可以打开 Chrome DevTools 或 Firefox Developer Tools，在 Network 部分下寻找这个响应头。

我之前已经展示过它在 Chrome DevTools 中的样子。这是它在 Firefox 开发工具中的样子。

The “content-encoding: gzip” header in Firefox Developer Tools

你也可以在 Chrome DevTools 设置面板中启用“使用大请求行”选项来查看页面的原始大小和压缩大小。正如你在下面看到的，用 GZIP 压缩后，原始页面的大小从 118 KB 减少到仅仅 22.9 KB 。

View the compressed vs uncompressed page sizes in Chrome Devtools

3.网页速度测试工具

大多数网站速度测试工具会警告你不要像 GZIP 那样使用压缩来服务你的网页。许多读到这篇文章的读者可能正是因为这些 GZIP 警告而来，其中许多我已经在上面深入讨论过了。

GZIP warnings in various webpage speed testing tools

你可以使用 PageSPeed Insights、GTmetrix、Pingdom Tools 和 WebPageTest 等工具来检查你的 WordPress 网站是否启用了 GZIP 压缩。

如何启用 GZIP 压缩？

如果您的 web 服务器上没有启用 GZIP 压缩，有许多方法可以启用它。确切的方法取决于您用来托管网站的 web 服务器。

重要提示:一如既往地在编辑之前备份你的站点和服务器配置文件。

1.使用 WordPress 插件启用 GZIP

在你的 WordPress 站点上启用 GZIP 压缩最简单的方法是使用缓存或性能优化插件。

例如，如果你在 Apache web 服务器上托管你的 WordPress 站点， W3 总缓存在其浏览器缓存设置面板下包含一个选项启用 GZIP 压缩。

同样， WP Rocket 让你自动添加 GZIP 压缩规则。这些插件通过将 Apache 的**mod_deflate**模块添加到来启用 GZIP 压缩。htaccess 文件。

Enabling GZIP compression in W3 Total Cache

WordPress 插件需要权限来修改你的网络服务器上的文件。如果他们没有正确的权限，那么他们将失败或向您显示一个错误。

在这种情况下，您需要联系您的主机提供商或使用下面的代码片段手动修改您的 web 服务器的配置文件。

注意: Kinsta 已经针对高性能、可靠性和安全性优化了其平台。这还包括为其所有托管计划默认启用 GZIP 压缩。

由于第三方缓存插件可能会导致与 Kinsta 内部性能优化的冲突，Kinsta 不允许在其服务器上使用大部分插件。要了解更多信息，你可以查看金斯塔被禁插件的完整列表。

2.在 Apache Web 服务器上启用 GZIP

根据 Netcraft 的数据，Apache 提供的活跃站点比当今使用的任何其他网络服务器都多。它也是 WordPress 推荐的两个网络服务器之一。

要在 Apache 服务器上启用 GZIP 压缩，您需要使用它的**mod_filter**和**mod_deflate**模块，并用正确的指令正确地配置它们。他们将指导 Apache 压缩服务器输出，然后通过网络发送给客户机。

根据您拥有的访问级别，您有两个选项来编辑 Apache 的服务器配置:

如果您可以访问主服务器配置文件(通常称为 httpd.conf ，建议您使用它将 Apache 配置为。htaccess 文件会让 Apache 变慢。
如果你不能访问主服务器配置文件，这通常是大多数 WordPress 共享主机提供商的情况，那么你需要使用配置 Apache。htaccess 文件。

第一个选项是严格针对系统管理员的，因为主机提供商很少允许你编辑主服务器配置文件。解释如何这样做超出了本文的范围。你可以参考 HTML5 样板项目共享的样本 Apache 服务器配置和 Apache 文档来开始。

第二种选择对大多数 WordPress 网站所有者来说是理想的，因为许多共享主机提供商允许你编辑。htaccess 文件。

首先，使用 SFTP 或你主机的在线文件管理器找到。你的 WordPress 站点根目录下的 htaccess 文件。然后将下面的代码片段添加到其中。

重要提示:确保**mod_filter**模块在你的服务器上是活动的。默认情况下，大多数 web 主机都启用了它，但是如果没有启用，那么**AddOutputFilterByType**指令将不起作用，并可能抛出 HTTP 500 错误。添加下面的代码片段后，如果有任何问题，可以查看服务器的错误日志。

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml  

  # Remove browser bugs (only needed for ancient browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

仅在您的的现有指令之后添加上面的代码。htaccess 文件。保存文件，然后检查它是否在您的服务器上启用了 GZIP 压缩。

Example of Apache .htaccess file after enabling GZIP compression

您的 web 服务器现在应该为上面列出的所有文件扩展名提供压缩文件。您可以使用前面提到的任何方法来确认这一点。

如果你想确保客户端的代理和安全软件不会干扰 GZIP 压缩，你可以用下面的代码替换上面的代码。

<IfModule mod_deflate.c>
  # force compression for clients that mangle 'Accept-Encoding' request headers
  <IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
    RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
  </IfModule>
  </IfModule>

  # compress all output with one of the following file extensions
  <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE "application/atom+xml" \
                                  "application/javascript" \
                                  "application/json" \
                                  "application/ld+json" \
                                  "application/manifest+json" \
                                  "application/rdf+xml" \
                                  "application/rss+xml" \
                                  "application/schema+json" \
                                  "application/geo+json" \
                                  "application/vnd.ms-fontobject" \
                                  "application/wasm" \
                                  "application/x-font-ttf" \
                                  "application/x-javascript" \
                                  "application/x-web-app-manifest+json" \
                                  "application/xhtml+xml" \
                                  "application/xml" \
                                  "font/eot" \
                                  "font/opentype" \
                                  "font/otf" \
                                  "font/ttf" \
                                  "image/bmp" \
                                  "image/svg+xml" \
                                  "image/vnd.microsoft.icon" \
                                  "text/cache-manifest" \
                                  "text/calendar" \
                                  "text/css" \
                                  "text/html" \
                                  "text/javascript" \
                                  "text/plain" \
                                  "text/markdown" \
                                  "text/vcard" \
                                  "text/vnd.rim.location.xloc" \
                                  "text/vtt" \
                                  "text/x-component" \
                                  "text/x-cross-domain-policy" \
                                  "text/xml"
  </IfModule>

  # define and map media types to their appropriate encoding type    
  # Using SVG format (Scalable Vector Graphics) is highly recommended to    
  # load logos, icons, text, and simple images. You can compress .SVG files
  # further using GZIP to create .SVGZ files. However, most browsers don’t
  # know that they need to decompress them first if they’re not served
  # without an appropriate ‘content-encoding’ HTTP response header. Thus,
  # these images wouldn’t show up in the browser. Hence, this module.

  <IfModule mod_mime.c>
    AddType image/svg+xml svg svgz
    AddEncoding gzip svgz
  </IfModule>

</IfModule>

您可以通过访问它的代码库并跟踪那里链接的所有资源来了解这里使用的所有指令。

3.在 Nginx Web 服务器上启用 GZIP

根据 Netcraft 的说法， Nginx 是面向网络的计算机使用最多的网络服务器。如果目前的趋势继续下去，它将很快超过 Apache 成为活跃网站使用最多的 web 服务器。甚至 Kinsta 也使用 Nginx 来支持其性能优化的托管解决方案。

您可以使用 ngx_http_gzip_module 中定义的指令在 Nginx web 服务器上启用 GZIP 压缩。

首先，将下面给出的指令添加到您的 nginx.conf 文件中。通常，您可以在服务器的**/etc/nginx/nginx.conf**位置找到这个文件。

# enables GZIP compression
gzip on; 

# compression level (1-9)
# 6 is a good compromise between CPU usage and file size
gzip_comp_level 6;

# minimum file size limit in bytes to avoid negative compression outcomes
gzip_min_length 256;

# compress data for clients connecting via proxies
gzip_proxied any;

# directs proxies to cache both the regular and GZIP versions of an asset
gzip_vary on;

# disables GZIP compression for ancient browsers that don't support it
gzip_disable "msie6";

# compress outputs labeled with the following file extensions or MIME-types
# text/html MIME-type is enabled by default and need not be included
gzip_types
application/atom+xml
application/geo+json
application/javascript
application/x-javascript
application/json
application/ld+json
application/manifest+json
application/rdf+xml
application/rss+xml
application/vnd.ms-fontobject
application/wasm
application/x-web-app-manifest+json
application/xhtml+xml
application/xml
font/eot
font/otf
font/ttf
image/bmp
image/svg+xml
text/cache-manifest
text/calendar
text/css
text/javascript
text/markdown
text/plain
text/xml
text/vcard
text/vnd.rim.location.xloc
text/vtt
text/x-component
text/x-cross-domain-policy;

如果您的站点提供大型 JS 和 CSS 文件，那么您可以通过向您的 nginx.conf 文件添加以下指令来增加用于压缩的缓冲区大小:

# sets the 'number' and 'size' of buffers for GZIP compression
# default buffer size is 4K or 8K depending on the platform
gzip_buffers 16 8k;

保存 nginx.conf 文件后，不要忘记重新加载 Nginx。

sudo service nginx reload

最后，您应该测试您的服务器是否启用了 GZIP 压缩。你可以参考 Nginx 文档，获得所有**ngx_http_gzip_module**指令的最新列表。

4.在 IIS Web 服务器上启用 GZIP

微软的互联网信息服务(IIS)是目前使用的第三大流行网络服务器。IIS 主要部署在运行在 Windows 上的企业环境中，特别是用于设置公司特定的内部网和外部网服务器。

由于各种兼容性问题，很少用于托管 WordPress 网站。

然而，如果您发现自己处于需要在 IIS 上启用 GZIP 压缩的罕见情况中，您可以参考微软的文档来开始。你可能也会发现这个堆栈溢出线程很有帮助。

GZIP 压缩的替代方案

网络上的数据压缩世界一直在进步。随着平均页面重量大小的不断增加，网络技术也在努力赶上它，以使在网络上传输数据更加有效。

Increase in page weight size over time (Source: HTTPArchive)

一种新的压缩算法在过去几年中获得了广泛的流行: Brotli 。压缩 WOFF2 web 字体最初是 Brotli 的主要关注点，但它已经扩展到支持任何类型的数据压缩。

Brotli 比 GZIP 更好地压缩数据，但它需要更多的时间和资源来压缩数据。然而，它的解压时间与 GZIP 相当，尽管还是慢了一点。

Brotli support across various browsers

今天大多数浏览器都支持 Brotli ，但是在 WordPress 网站上使用它仍然有些复杂。您必须通过支持 Brotli 或允许您安装 Brotli 库的托管提供商来托管您的站点。大多数托管 WordPress 主机还不完全支持它，但是如果你使用 CDN，比如 Cloudflare 或者key dn，你可以很容易地启用它。

信息

由于我们的 Cloudflare 集成，Kinsta 托管的所有站点都默认启用了 Brotli 压缩。

Ready to speed up your site? ⚡️ Enabling GZIP compression on your web server is one of the simplest and most efficient ways to achieve that. Learn how with this step-by-step walkthrough ⬆️Click to Tweet

摘要

一个优化良好的网站对每个人都有好处。用户喜欢更快的网站，网站所有者喜欢降低托管费用，网站主机喜欢在服务器上实现的优化。像 GZIP 这样的压缩技术是加快访问者页面加载速度的最佳方式之一。

WordPress 网站所有者可以通过启用 GZIP 压缩来立即加速他们的网站。默认情况下，Kinsta 在其所有服务器上启用 GZIP 压缩，但是对于其他服务器，本文涵盖了在各种 web 服务器上启用该功能的多种方法。

对于任何网站来说，速度都是至关重要的。只需压缩！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何修复在你的 WordPress 网站上找不到的错误 404

原文：https://kinsta.com/blog/error-404-not-found/

在你的 WordPress 网站上，你可能会看到许多潜在的错误，错误 404 Not Found 是其中一个比较温和的错误。但这并不意味着当你或你的访问者试图浏览你的网站，并不断运行到错误 404 未找到消息时，它不会令人沮丧。😒这是你最不希望首次潜在客户从你的品牌中看到的。一个 404 错误也可能是一个指示器，告诉你一些东西已经改变或移动，可能需要添加一个 301 重定向来进行 SEO 。

在这篇文章中，我们将通过解释几件事来帮助你的网站重新运行:

更喜欢看视频版？

404 未找到是什么错误？

互联网工程任务组(IETF)将错误 404 未找到定义为:

404(未找到)状态代码指示源服务器没有找到目标资源的当前表示或者不愿意公开存在的表示。404 状态码并不表示这种代表性的缺乏是暂时的还是永久的；如果源服务器大概通过一些可配置的手段知道该状况可能是永久性的，则 410(消失)状态码优于 404。

每当您或您的访问者访问您的网站时，您的浏览器都会向 web 服务器发送一个请求，并接收返回的数据，其中包括一个叫做 HTTP 头的东西。HTTP 报头包括 HTTP 状态代码来解释请求“发生了什么”。

大多数情况下，请求工作得很好，实际上您永远看不到 HTTP 状态代码(，除非您去查看)。但是如果某个出错了，你的网络浏览器通常会显示一条带有 HTTP 状态码的消息来指出确切的问题。

就像其他错误信息( 500 错误、 502 错误、 503 错误、 504 错误等。)，错误 404 Not Found 消息就是该过程的结果。

错误 404 未找到实际上是什么意思？

基本上，这意味着客户端(你的，或者你的访问者的，网页浏览器)能够成功连接到主机(你的网站的服务器)，但是它无法找到所请求的实际资源(，例如一个特定的 URL 或者文件名)。

例如，如果有人试图访问yoursite.com/post-name，但你没有任何与 slug post-name相关的内容。访问者将会看到一个 404 错误，因为即使您的 web 服务器运行正常，请求的资源也不存在。

不仅仅是帖子或页面，任何资产丢失都会在服务器上生成 404 错误，比如丢失图像文件、丢失 JavaScript、丢失 CSS 等。
T3】

WordPress 上找不到错误 404 的原因是什么？

如果你在你网站的所有内容上看到这个错误，通常是由于你的 WordPress 网站的永久链接有问题。如果你只在单个内容上看到它，很可能是因为你在没有设置重定向的情况下改变了一个内容的 slug。

此外，404 错误并不总是一件坏事——只有当它干扰可用性时才是坏事。有时候事情不在你的掌控之中！

例如，有时一个人可能只是在地址栏中输入了错误的 URL。在这种情况下，他们仍然会看到一个 404 错误，但是您的站点的配置没有实际问题。这实际上是期望的响应，您可以创建自己的自定义 404 页面来帮助访问者找到正确的位置(我们稍后将向您展示如何做)。

错误 404 找不到变化

由于不同的浏览器显示不同的错误信息，您可能会看到不同的错误信息。其他常见的变化包括:

"错误 404 "
" 404 找不到"
" HTTP 错误 404 "
"找不到"
"找不到页面"
"在此服务器上找不到请求的 URL。"
"找不到该页面"
“我们找不到您要查找的页面。”
"在此服务器上找不到请求的 URL /~我们只知道这些。

Google 404 error page

错误 404 Not Found 消息也是独特的，因为许多网站实际上会创建一个自定义页面来解决该错误，而不是显示上述消息之一。默认情况下，一些 WordPress 主题也包括自定义 404 页面。出于这个原因，你可能根本看不到错误信息，因为许多网站会使用有趣或有创意的 404 页面来代替。

Funny 404 page example

下面是一个我们自己的金斯塔 404 页的例子。我们包括一个搜索框和一些我们最近的博客帖子，以帮助访问者找到他们可能一直在寻找的东西。永远在你的 404 页面上包含搜索功能。

Kinsta 404 page

错误 404 未发现对 SEO 的影响

错误 404 没有找到没有任何内在的负面影响搜索引擎优化。但是根据错误发生的原因，它可能会产生负面影响。

例如，如果一个访问者只是打错了一个网址，看到一个 404 错误，这不会对搜索引擎优化产生负面影响。但是，如果你有个别错误，因为破碎的网址，这将抑制谷歌的能力，妥善抓取您的网站，并有负面的搜索引擎优化的影响。

此外，如果一个永久链接问题导致了网站范围的 404 错误，谷歌将无法抓取你网站的任何内容。换句话说，总是尽快修复你的 404 错误。
T3】

错误 404 未发现对站点性能的影响

许多人没有意识到这一点，但产生大量 404 错误的网站很容易遇到性能问题，因为这些响应通常不会被缓存。我们在较大的网站上看到了很多这样的情况，如果你不小心推广了一个 404 页面，或者病毒式流量激增，这将是一个大问题。为了最小化 404 请求对站点性能的影响，我们自动缓存 404 页面 15 分钟。如果您创建了一个与缓存的 404 页面具有相同 URL 的新页面，我们将自动清除缓存，以便您的访问者能够立即看到新页面。这意味着您的网站将受到保护，免受 PHP 和 CPU 高峰所造成的流量，以动态 404 网页。

您生成的 404 错误可能比您想象的要多！我们的 MyKinsta analytics 工具可以帮助您确定准确的金额(如下所示)。

404 Errors

您还可以快速查看前 404 个错误是什么。在下面这个例子中，你可以看到网站缺少了一些移动图标，比如/apple-touch-icon.png。这些最有可能出现在被查询的主题或插件代码中，但实际的图标从未被添加。因此，服务器会生成 404 错误，因为它找不到资源。

Top 404 errors

你也可以在谷歌搜索控制台中检查 404 错误，或者安装一个第三方插件，比如记录 404 错误的重定向。但是，请记住，像这样的插件也会对性能产生影响。依靠一个服务器级的工具要好得多。这就是我们为所有 Kinsta 客户提供这些工具的原因。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

这些错误之所以糟糕，是因为许多 404 页面非常耗费资源。对于大型网站来说，你会想要避免沉重的 404 页面。创建一个简单的 404 模板，尽可能避免进一步查询数据库。

如何修复在 WordPress 上找不到的错误 404

下面，我们将介绍几种不同的方法来修复错误 404 Not Found 消息，这取决于它是发生在站点范围内还是针对特定内容。

更新你的 WordPress 站点的永久链接

如果你在尝试访问内容时遇到了站点范围的 404 错误，最有可能的原因是你的永久链接(或你的)有问题。htaccess 文件，如果你的主机使用 Apache 。如果你是 Kinsta 的客户，我们利用 Nginx ，所以你可以排除。htaccess 文件是一个可能的原因。

解决这个问题最简单的方法是通过 WordPress 仪表盘更新你的永久链接设置。你需要做的就是进入设置→永久链接，点击保存更改(你不需要做任何更改——点击保存更改就够了)。

Regenerate permalinks in WordPress

为移动或重命名的内容设置 301 重定向

如果您在某个特定内容上遇到 404 错误，问题很可能是您:

更改了该内容的 URL slug。
手动移动该内容，例如删除现有帖子并将其粘贴到新帖子中。

然后，用户试图访问旧位置的内容，并看到 404 页面，而不是他们期望的资源。解决这个问题的最好方法是自动将任何试图访问旧位置的人重定向到新位置。那样的话，他们将会没有任何 404 错误地到达正确的地点。对 SEO 也有好处。如果你在没有添加重定向的情况下移动或重命名一篇文章，你将失去该文章反向链接的所有域名权限。

默认情况下，WordPress 将尝试重定向更改/移动的内容。但是它并不总是有效，你不应该依赖 WordPress 来实现这个功能。但是不要担心，在 WordPress 中设置重定向有几种简单的方法:

首先，你可以使用免费重定向插件从你的 WordPress 仪表盘管理重定向。安装并激活插件后，转到工具→重定向，在源 URL 框中输入 404 页面 URL，并在目标 URL 框中输入内容的新位置:

How to set up redirects with the Redirection plugin

如果你用 Kinsta 托管，你也可以从 MyKinsta 仪表板管理重定向。使用 Kinsta 的工具实际上是一种更好的方式，因为规则是在服务器级实现的，这在性能方面是一种更优的方式。这也意味着你要担心的第三方插件少了一个。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

转到您想要管理的站点。然后，单击“重定向”选项卡。要添加新的重定向，请单击大的“添加重定向规则”按钮:

How to set up redirects from your Kinsta dashboard

最后，如果您的主机使用 Apache 服务器，您可以使用。htaccess 设置重定向。。htaccess Generator site 可以帮助你生成合适的代码添加到你站点的。htaccess 文件。

如何创建自己的错误 404 未找到页面

虽然你可以按照上面的提示尽最大努力防止 404 错误，但是完全消除 404 错误是不可能的，因为有些事情完全超出了你的控制范围。小型 WordPress 网站每个月都有数千个 404 错误，这并不罕见。

例如，如果一个访问者打错了 URL，或者如果另一个网站链接到一个不存在的页面，人们无论如何都会得到 404 错误。

为了提供更加用户友好的错误页面，您可以使用众多 404 页面插件中的一个。例如，免费的404 页面插件可以让你设置一个自定义的 404 错误页面:

搜索框
重要链接
联系信息

404page 插件的另一个重要特性是它不创建重定向。一个 404 页面不应该被重定向到一个物理页面，比如yoursite.com/404。404 错误应该总是在有问题的页面上动态生成。

通过包含这些元素，您为访问者提供了找到正确页面所需的工具。但是请记住，保留您的 404 页面灯 以获得更好的性能。只包含绝对需要的内容。

如何监控未来的 404 错误

接下来，关注哪些请求会导致您的站点出现 404 错误是有益的。这可以帮助您:

找到将人们导向一个不存在的资源的断开的链接(这些链接可能是来自其他网站的内部链接或外部链接)。如果可能的话，你会想尽最大努力修复这些链接。
查看 Google 抓取哪些页面有问题。然后你会想弄清楚为什么谷歌试图抓取一个不存在的页面，并在需要时设置重定向。
排除与 404 错误相关的性能问题。

选项 1–谷歌分析

如果你使用谷歌分析，你可以设置一个自定义报告来跟踪来自外部链接的 404 错误。Rebelytics】有一个关于这个话题的很好的教程。

选项 2-WordPress 插件

如果你想使用 WordPress 插件，前面提到的重定向插件可以帮助你从你的 WordPress 仪表盘监控 404 错误。

选项 3–第三方审计工具

你也可以使用第三方审计工具，如 Ahrefs 来监控你的 WordPress 站点上的 404 错误。您甚至可以将其设置为按计划运行。

404 errors audit

选项 4–谷歌搜索控制台

最后，你可以跟踪谷歌爬虫在谷歌搜索控制台遇到的 404 错误。一旦通过谷歌搜索控制台验证了你的站点，进入抓取→抓取错误→未找到查看谷歌遇到的 404 错误列表。这是迄今为止最简单的方法之一。它在性能方面也是最好的，因为它不需要第三方插件或额外扫描你的网站。谷歌的机器人已经在定期抓取你的网站，那么为什么不简单地利用他们已经提供的数据呢？😉

Google Search Console 404 errors

摘要

不幸的是，无论你喜欢与否，404 错误都会发生在你的网站上。你的 WordPress 站点越大，你开始看到的就越多。我们建议制定一个良好的工作流程来监控这些类型的错误并着手修复它们。404 错误对访客、对你的品牌从来都不是好事，谷歌也不喜欢看到。

关于错误 404 找不到信息或者它如何影响你的 WordPress 站点，你有其他的建议或者问题吗？请在评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

如何修复 WordPress 中的“建立数据库连接错误”

原文：https://kinsta.com/blog/error-establishing-a-database-connection/

“建立数据库连接出错”可能是 WordPress 用户可能遇到的最常见的错误之一。它与死亡 (WSOD)的白屏紧密相连。这个错误意味着你的网站不再通信或者访问你的 WordPress 数据库；因此，你的整个网站都瘫痪了。

您应该立即解决此错误，因为这可能会直接影响您的销售、流量和分析。

但是不要担心，今天我们将讨论一些导致这种错误的常见情况，以及一些让您的网站立即恢复运行的简单方法。

查看我们的视频指南，修复“建立数据库连接错误”

什么是“建立数据库连接出错”？

你的 WordPress 站点上的所有信息，比如文章数据、页面数据、元信息、插件设置、登录信息等。是否存储在您的 MySQL 数据库中。唯一没有存储的数据是媒体内容，如图像和你的主题/插件/核心文件，如 index.php，wp-login.php 等。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Phillip Stemann

View plans

当有人访问您的网站时，PHP 执行页面上的代码，从数据库中查询信息，然后在他们的浏览器中显示给访问者。

This error might just be tied with the White Screen of Death as one of the scariest errors you can encounter 💀 But this guide is here to help 💪Click to Tweet

如果这不能正常工作，就会出现“建立数据库连接时出错”的消息，如下所示。整个页面是空白的，因为由于连接工作不正常，无法检索任何数据来呈现页面。这不仅会破坏你网站的前端，还会阻止你访问你的 WordPress 仪表盘。

The Error establishing a database connection message in Chrome

“Error establishing a database connection” message in Chrome

然而，访问者可能不会马上在前端看到这个错误。这是因为您的网站很可能仍然从缓存服务，直到它过期。例如，在 Kinsta，所有的 WordPress 站点都默认缓存一个小时。因此，如果一个站点仍然从缓存中提供服务，它可能会被访问者接受。

在 Kinsta，如果您愿意，我们的支持团队可以将您的缓存持续时间延长至一小时甚至一周。如果你有一个不经常改变的站点，这可以提高你的站点的性能,因为它不需要在缓存过期后经常抓取新文件。在上述情况下，网站的前端在大多数情况下(除非你有一个脚本或网站的一部分打破了缓存)会停留更长时间。

当访问者试图访问您的站点时，会在您的日志中生成一个 500 HTTP 状态码。相同的状态代码显示为“内部服务器错误”这意味着服务器出现了问题，请求的资源未能送达。当一切正常工作时，您的站点将生成一个 200 HTTP 状态码，这意味着一切正常。

Error establishing a database connection 500 error in MyKinsta

“Error establishing a database connection” 500 error

如果你是 Kinsta 的客户，你也可以查看 MyKinsta analytics 中的 500 错误分解报告，看看这是否是一个重复出现的问题。

500 error breakdown

这种错误最常见的原因是什么？

那么这到底是为什么呢？嗯，下面是几个常见的原因。不要担心，我们将更深入地研究每一个问题，以便您知道如何修复它们。通常，您可以在 15 分钟内解决此错误。

最常见的问题是您的数据库登录凭证不正确。你的 WordPress 站点使用单独的登录信息连接到它的 MySQL 数据库。
您的数据库已损坏。有这么多带有主题、插件的移动部件，用户不断地删除和安装它们，有时数据库会损坏。这可能是由于丢失或个别损坏的表格，或者也许一些信息被意外删除。
你的 WordPress 安装中可能有损坏的文件。由于黑客的原因，有时甚至会发生这种情况。
数据库服务器的问题。web 主机端可能会出现一些问题，比如流量高峰导致数据库过载，或者太多并发连接没有响应。这在共享主机中很常见，因为它们为相同服务器上的许多用户使用相同的资源。
交通流量的激增。根据您使用的 web 主机，您的服务器可能无法处理许多并发数据库连接。流量的增加会导致数据库暂时出现问题。

如何修复「建立数据库连接出错」？

在排除错误之前，我们建议做一个 WordPress 站点备份。下面的许多建议都涉及到操作数据库中的信息，所以您不希望事情变得更糟。无论你认为自己有多精通技术，你都应该在试图修复你的 WordPress 网站之前做好备份。

你可以使用一个流行的 WordPress 备份插件比如 VaultPress 或者 WP Time Capsule 来备份你的文件和数据库。

如果您是 Kinsta 用户，您可以利用我们的一键备份功能。点击 MyKinsta 中的 WordPress 站点，点击“备份”，然后点击“立即备份”

Backup WordPress site in MyKinsta dashboard

Backup WordPress site

然后，您还可以选择将备份恢复到生产或暂存状态。或者你可以使用 phpMyAdmin 手动备份你的 MySQL 数据库。一旦备份成功，就该对数据库连接问题进行故障排除了。

1。检查您的数据库登录凭证

首先要做的是检查以确保您的数据库登录凭证是正确的。这是“建立数据库连接出错”消息出现的最常见原因。尤其是在人们迁移到新的主机提供商之后。你的 WordPress 站点的连接细节存储在 wp-config.php 文件中，该文件通常位于你的 WordPress 站点的根目录下。

它包含四条重要的信息，必须正确无误，连接才能成功。

数据库名称

// ** MySQL settings ** //

/** The name of the database for WordPress */

define('DB_NAME', 'xxxxxx');

MySQL 数据库用户名

/** MySQL database username */

define('DB_USER', 'xxxxxx');

MySQL 数据库密码

/** MySQL database password */

define('DB_PASSWORD', 'xxxxxxxxx');

MySQL 主机名(服务器)

/** MySQL hostname */

define('DB_HOST', 'localhost');

要访问你的 wp-config.php 文件，你可以通过 SFTP 连接到你的站点，浏览到你站点的根目录。或者，如果你正在使用 cPanel，你可以点击“文件管理器”，浏览到你的站点的根目录，然后右击来编辑文件。

cPanel 文件管理器

下面是一个文件打开后的样子的例子。

wp-config.php credentials

您现在需要对照服务器上的值检查当前值，以确保它们是正确的。对于 cPanel 和 Kinsta 用户，请遵循以下说明。

检查 cPanel 中的数据库凭证

首先要检查的是数据库名称。为此，您必须在 Databases 部分下的 cPanel 中登录 phpMyAdmin。

Screenshot showing cPanel phpMyAdmin

cPanel phpMyAdmin

您应该在底部左侧看到您的数据库名称。您可以忽略“information_schema”数据库，因为这是主机使用的数据库。然后，您需要将该名称与 wp-config.php 文件中的 DB_NAME 值进行比较。如果它们匹配，那就不是问题了。如果它们不匹配，你需要更新你的 wp-config.php 文件。

cPanel database name

你也可以确认这是正确的数据库，确保它包含你的 WordPress 站点的 URL。为此，单击数据库，然后单击 wp_options 表(出于安全考虑，这可能会稍有不同，比如 wpxx_options)。在表格的顶部，您将看到您站点的 URL 和名称的值。如果这些与你当前的网站匹配，你可以放心，你是在正确的地方。

Site URL check in phpMyAdmin

Check site URL in phpMyAdmin

如果您的数据库名称已经正确，但仍然收到“建立数据库连接时出错”的消息，您还需要检查您的用户名和密码。为此，您需要在 WordPress 站点的根目录下创建一个新的 PHP 文件，并输入以下代码。你可以给它起任何你想要的名字，比如 checkdb.php。使用 wp-config.php 文件中的值更改 db_user 和 db_password 的值。

<?php

$test = mysqli_connect('localhost', 'db_user', 'db_password');

if (!$test) {

die('MySQL Error: ' . mysqli_error());

}

echo 'Database connection is working properly!';

mysqli_close($testConnection);

然后在你的 WordPress 网站上浏览这个文件:https://yourdomain.com/checkdb.php.如果你得到一个“MySQL 错误:拒绝访问”，那么你知道你的用户名或密码是错误的，你需要继续下一步来重置你的凭证。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

Access denied for localhost

Access denied MySQL

下面是您希望看到的消息，“数据库连接工作正常。”当然，如果是的话，你就不会在这里了。完成测试后，请务必删除/移除该文件。

Database connection working properly

所以接下来，你需要重置你的用户名和密码。在 cPanel 中，单击数据库部分下的 MySQL 数据库。

MySQL databases in cPanel

cPanel MySQL databases

向下滚动创建一个新的 MySQL 用户。尝试选择一个独特的用户名和密码，这样他们就不会轻易被猜到。他们提供的密码生成器工具非常好用。然后点击“创建用户”或者，您可以在此屏幕上更改当前数据库用户的密码。

Creating a new MySQL user in cPanel

Create a new MySQL user

然后向下滚动，将新用户添加到数据库中。下一个屏幕将询问您想要分配哪些权限。选择“所有权限”

Add user to database in cPanel

Add user to the database in cPanel

然后拿着这些新的凭证，更新你的 wp-config.php 文件。您将需要更新 DB_USER 和 DB_PASSWORD 值。您也可以重新运行之前的测试文件。这应该会解决您的凭证问题。否则，您仍然可能有错误的主机名(DB_HOST)。有些主机使用不同的值。

查看一些常用 DB 主机值的列表。通常这将是本地主机。但是如果你不确定的话，你可以联系你的主机提供商或者查看他们的文档。有些也可能使用 127.0.0.1 而不是 localhost。

如果您执行了上述所有操作，但仍然收到“建立数据库连接时出错”消息，请继续下面的故障排除步骤。

用 Kinsta 检查数据库凭证

如果你是一个 Kinsta 用户，根据你的 wp-config.php 文件和服务器检查你的凭证就容易多了！你需要做的就是点击你网站的信息部分，在底部，你会看到数据库名称，用户名和密码。默认情况下，Kinsta 使用 localhost 作为 DB_HOST。

Checking the database credentials in MyKinsta.

Checking your site’s database credentials in MyKinsta.

然后拿着这些新的凭证，更新你的 wp-config.php 文件。您将需要更新 DB_USER 和 DB_PASSWORD 值。这应该会解决您的凭证问题。如果您需要重置这些凭据，请联系我们的支持团队。如果您执行了上述所有操作，但仍然收到“建立数据库连接时出错”消息，请继续下面的故障排除步骤。

2。修复损坏的 WordPress 数据库

在某些情况下，可能是您的数据库已经损坏。这种情况偶尔会发生(虽然不经常发生),因为随着时间的推移，数百个表格会不断地被新的插件和主题添加/删除。如果你试图登录你的 WordPress 站点的仪表板并收到以下错误，这意味着你的数据库已经损坏:“一个或多个数据库表不可用。数据库可能需要修复。值得注意的是，您可能只会在后端看到这个错误，而在前端会看到“建立数据库连接时出错”的消息。

我们的客户在几分钟内就可以从他们的 MyKinsta 仪表板上修复这个错误。免费试用 kin sta。

WordPress 有一个数据库修复模式，你可以启动它。将以下内容添加到 wp-config.php 文件的底部。

define('WP_ALLOW_REPAIR', true);

Currently in WordPress repair mode

WordPress repair mode

然后浏览到你的 WordPress 站点上的以下位置:https://yourdomain.com/wp-admin/maint/repair.php.然后你可以选择修复数据库或者修复并优化数据库。由于您现在可能正在对站点上的中断进行故障排除，我们建议使用修复数据库选项，因为这样会更快。

Repair and optimize database in WordPress

WordPress repair database

运行上述数据库修复后，确保删除添加到 wp-config.php 文件中的代码行。否则，任何人都可以访问 repair.php 页面。如果您正在运行 cPanel，也可以在 MySQL 数据库屏幕中运行修复。

Repair database option in cPanel

cPanel repair database

或者您可以在 phpMyAdmin 中运行修复。只需登录 phpMyAdmin ，点击您的数据库，并选择所有的表。然后从下拉列表中，单击“维修表”这实质上就是运行修复表命令。

Repairing tables in phpMyAdmin

Repair tables in phpMyAdmin

最后，您的另一个选择是使用以下命令使用 WP-CLI 运行修复:

wp db repair

在 WordPress 开发者资源中查看更多关于用法的文档。

如果你想优化你的数据库，我们有一些很棒的教程，关于如何优化 WordPress 版本的性能，以及如何将你的 MyISAM 表转换成 InnoDB 。如果您的站点仍有问题，请继续下一个故障排除步骤。

建议阅读:如何修复 WordPress 中的“MySQL 服务器已经不在了”错误。

3。修复损坏的 WordPress 文件

您可能会看到“建立数据库连接出错”消息的以下可能原因是您的 WordPress 核心文件已经损坏。无论这是源于通过 FTP 传输文件的问题，黑客获得访问您的网站，还是您的主机的问题，您都可以快速修复这个问题。但是，我们建议在尝试之前备份您的站点。

你将在你的网站上替换 WordPress 的核心版本。你没有接触你的插件、主题或媒体，只是 WordPress 安装本身。

但是，您可能会丢失添加到文件(如)中的任何更改或自定义代码。htaccess 或 wp-config.php。如果您在进行故障诊断之前备份了您的网站，您将拥有这些文件的副本，可以在以后恢复。

要开始，你必须从 WordPress.org 下载一个新的 WordPress 副本。

WordPress download page

Download WordPress

在你的电脑上解压这个文件。在里面，你会想要删除 wp-content 文件夹和 wp-config-sample.php 文件。

Unzip downloaded file to computer

Delete wp-content folder

然后通过 SFTP 上传剩余的文件到你的网站，覆盖你现有的文件。这将替换所有有问题的文件，并确保您拥有干净且未损坏的新文件。建议完成此操作后清除浏览器缓存。然后检查你的 WordPress 站点，看看错误是否仍然存在。

4。检查数据库服务器的问题

如果以上没有帮助解决您的问题，我们强烈建议您与您的主机提供商核实，因为这可能是您的数据库服务器的问题。例如，如果一次有太多并发连接到您的数据库，它可能会生成一个错误。这是因为许多主机限制它们的服务器一次允许多少个连接。利用一个缓存插件可以帮助最小化你站点上的数据库交互。如果你是 Kinsta 客户端，你不需要缓存插件，因为我们有快速的服务器级缓存。

这个问题在共享主机上经常发生，因为理论上其他人可能会影响你的站点。这是因为共享主机利用服务器上所有相同的资源。这也是我们推荐使用高性能的托管 WordPress 主机的另一个原因，这样事情就不会过于拥挤。这也意味着环境通常被微调以处理大量的流量，特别是对 WordPress 站点。

知识渊博的 Kinsta 支持团队总是在仪表板的右下角点击鼠标，如果您需要帮助，可以全天候提供服务。别忘了，我们有多种语言的代表为您提供帮助，包括英语、西班牙语、法语、意大利语和葡萄牙语。

Contact Kinsta support right from MyKinsta dashboard

Contact Kinsta support

5。恢复最新备份

最后但同样重要的是，如果需要，您可以随时求助于备份。在某些情况下，如果您不担心在上次备份之间丢失任何数据，这可能是解决问题的更快方法。许多主机都有自己的备份恢复流程。请记住，您可能需要还原数据库和文件。

如果你是 Kinsta 用户，你可以在你网站的备份部分快速恢复你网站的备份。选择您想要恢复的时间，然后单击“恢复到”然后，您可以选择是要恢复到临时站点还是实时站点。

Restore WordPress backup in MyKinsta

Restore WordPress backup

然后会提示您确认恢复。输入您的站点名称，然后单击“确定”它还会在恢复时创建备份，以便您可以在需要时撤消恢复。

Confirm your backup restoration

Confirm WordPress restore

This error is not something to be taken lightly & can directly affect your sales, traffic, and analytics 😬 Learn how to fix it here ✅Click to Tweet ## 汇总

正如你所看到的，有很多方法可以修复 WordPress 中的“建立数据库连接错误”。最常见的是 wp-config.php 文件中的无效凭据。检查以确保这些是正确的是最好的开始。对于一个网站来说，你最不希望的就是经历宕机。

希望上面的一个步骤能帮助你恢复网站的运行。请记住，如果需要，您可以随时从备份中恢复您的站点。

您在自己的网站上遇到过“建立数据库连接时出错”的消息吗？如果是，你能解决它吗？请在评论中告诉我们。

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

处理 JavaScript 错误的权威指南

原文：https://kinsta.com/blog/errors-in-javascript/

墨菲定律指出，任何可能出错的事情最终都会出错。这在编程世界中应用得有点太好了。如果你创建一个应用程序，你很可能会产生错误和其他问题。JavaScript 中的错误就是这样一个常见问题！

一个软件产品的成功取决于它的创造者在伤害用户之前解决这些问题的能力。在所有的编程语言中， JavaScript 因其一般的错误处理设计而臭名昭著。

如果你正在构建一个 JavaScript 应用，你很有可能会在某个地方弄乱数据类型。如果不是这样，那么你可能会用一个空的替换一个未定义的，或者用一个双等于运算符(==)替换一个三等于运算符(===)。**

**犯错是人之常情。这就是为什么我们将向您展示在 JavaScript 中处理错误所需要知道的一切。

本文将引导您了解 JavaScript 中的基本错误，并解释您可能会遇到的各种错误。然后，您将学习如何识别和修复这些错误。也有一些在生产环境中有效处理错误的技巧。

事不宜迟，我们开始吧！

查看我们的视频指南处理 JavaScript 错误

什么是 JavaScript 错误？

编程中的错误是指不能让程序正常运行的情况。当程序不知道如何处理手头的工作时，就会发生这种情况，例如当试图打开一个不存在的文件或在没有网络连接的情况下访问基于 web 的 API 端点时。

这些情况促使程序向用户抛出错误，说明它不知道如何继续。程序收集尽可能多的关于错误的信息，然后报告它不能继续前进。

Murphy's law states that whatever can go wrong will eventually go wrong 😬 This applies a bit too well in the world of JavaScript 😅 Get prepped with this guide 👇Click to Tweet

聪明的程序员试图预测并覆盖这些场景，这样用户就不必独立地找出类似“404”的技术错误信息。相反，它们显示了一个更容易理解的信息:“找不到该页面。”

JavaScript 中的错误是每当出现编程错误时显示的对象。这些对象包含有关错误类型、导致错误的语句以及错误发生时的堆栈跟踪的大量信息。JavaScript 还允许程序员创建自定义错误，以便在调试问题时提供额外的信息。

错误的属性

现在 JavaScript 错误的定义已经很清楚了，是时候深入细节了。

JavaScript 中的错误带有特定的标准和自定义属性，有助于理解错误的原因和影响。默认情况下，JavaScript 中的错误包含三个属性:

消息:携带错误消息的字符串值
name :发生的错误类型(我们将在下一节深入探讨)
堆栈:错误发生时执行的代码的堆栈跟踪。

此外，错误还可以携带属性，如列号、行号、文件名、等。，来更好地描述错误。但是，这些属性不是标准的，可能会也可能不会出现在 JavaScript 应用程序生成的每个错误对象中。

了解堆栈跟踪

堆栈跟踪是在发生异常或警告等事件时程序所在的方法调用列表。伴随异常的示例堆栈跟踪如下所示:

The error “TypeError: Numeric argument is expected” is shown on a gray background with additional stack details.

Example of a Stack Trace.

如您所见，它首先打印错误名称和消息，然后是被调用的方法列表。每个方法调用都说明了其源代码的位置和调用它的行。您可以使用这些数据来浏览您的代码库，并确定哪段代码导致了错误。

这个方法列表以堆叠的方式排列。它显示了您的异常第一次被抛出的位置，以及它是如何通过堆栈方法调用传播的。为异常实现一个 catch 不会让它通过堆栈向上传播并使你的程序崩溃。但是，在某些情况下，您可能希望不捕捉致命错误，以故意使程序崩溃。

错误与异常

大多数人通常认为错误和异常是一回事。然而，有必要指出它们之间的细微但基本的区别。

异常是已经抛出的错误对象。

为了更好地理解这一点，让我们举一个简单的例子。以下是在 JavaScript 中定义错误的方法:

const wrongTypeError = TypeError("Wrong type found, expected character")

这就是wrongTypeError`对象成为异常的原因:

throw wrongTypeError

然而，大多数人倾向于使用在抛出错误对象时定义它们的简写形式:

throw TypeError("Wrong type found, expected character")

这是标准做法。然而，这也是开发人员倾向于混淆异常和错误的原因之一。因此，即使你使用人手不足的方法来快速完成工作，了解基础知识也是至关重要的。

JavaScript 中的错误类型

JavaScript 中有一系列预定义的错误类型。每当程序员没有显式处理应用程序中的错误时，JavaScript 运行时就会自动选择和定义它们。

本节将带您了解 JavaScript 中一些最常见的错误类型，并理解它们发生的时间和原因。

范围误差

当变量设置的值超出其合法值范围时，将引发 RangeError。这通常发生在将一个值作为参数传递给函数，并且给定的值不在函数的参数范围内时。当使用文档不完善的第三方库时，有时可能很难修复，因为您需要知道参数的可能值范围，以便传入正确的值。

发生 RangeError 的一些常见情况是:

试图通过数组构造函数创建非法长度的数组。
将错误的值传递给数值方法，如toExponential()、toPrecision()、toFixed()等。
向类似normalize()的字符串函数传递非法值。

参考错误

当代码中的变量引用出现问题时，就会出现 ReferenceError。您可能忘记了在使用变量之前为其定义一个值，或者您可能试图在代码中使用一个不可访问的变量。在任何情况下，查看堆栈跟踪都可以提供足够的信息来找到并修复出错的变量引用。

发生 ReferenceErrors 的一些常见原因是:

在变量名中打错字。
试图访问其范围之外的块范围的变量。
在加载全局变量之前，从外部库中引用全局变量(比如从 jQuery 中引用 $变量)。

句法误差

这些错误是最容易修复的错误之一，因为它们指出了代码语法中的错误。由于 JavaScript 是一种解释而非编译的脚本语言，当应用程序执行包含错误的脚本时，就会抛出这些错误。在编译语言的情况下，这样的错误在编译期间被识别。因此，在修复之前，不会创建应用程序二进制文件。

可能发生语法错误的一些常见原因是:

缺少引号
缺少右括号
花括号或其他字符对齐不正确

在你的 IDE 中使用一个林挺工具来在这些错误到达浏览器之前识别它们是一个很好的实践。

TypeError

TypeError 是 JavaScript 应用程序中最常见的错误之一。当某些值不是特定的预期类型时，就会产生这个错误。发生这种情况的一些常见情况是:

调用不是方法的对象。
试图访问空或未定义对象的属性
将字符串视为数字，反之亦然

出现类型错误的可能性还有很多。我们稍后将查看一些著名的实例，并学习如何修复它们。

内部错误

当 JavaScript 运行时引擎中出现异常时，使用 InternalError 类型。它可能表示也可能不表示您的代码有问题。

通常，内部错误只出现在两种情况下:

当 JavaScript 运行时的补丁或更新带有抛出异常的错误时(这种情况很少发生)
当您的代码包含对于 JavaScript 引擎来说太大的实体时(例如，太多的开关情况，太大的数组初始化器，太多的递归)

解决这个错误的最合适的方法是通过错误消息确定原因，并重新构建应用程序逻辑，如果可能的话，消除 JavaScript 引擎上工作负载的突然增加。

URIError

当非法使用诸如decodeURIComponent的全局 URI 处理函数时，就会出现 URIError。这通常表明传递给方法调用的参数不符合 URI 标准，因此没有被方法正确地解析。

诊断这些错误通常很容易，因为您只需要检查畸形的参数。

评估错误

当eval()函数调用出错时，会出现 EvalError。eval()函数用于执行存储在字符串中的 JavaScript 代码。然而，由于安全问题，不鼓励使用eval()函数，并且当前的 ECMAScript 规范不再抛出EvalError类，这种错误类型的存在只是为了保持与遗留 JavaScript 代码的向后兼容性。

如果您正在使用旧版本的 JavaScript，您可能会遇到这个错误。在任何情况下，最好调查在eval()函数调用中执行的代码是否有异常。

创建自定义错误类型

虽然 JavaScript 提供了足够的错误类型类列表来涵盖大多数场景，但是如果列表不能满足您的要求，您可以随时创建新的错误类型。这种灵活性的基础在于这样一个事实，即 JavaScript 允许您使用throw命令任意抛出任何内容。

所以，从技术上讲，这些声明是完全合法的:

throw 8
throw "An error occurred"

然而，抛出一个原始数据类型并不能提供关于错误的细节，比如它的类型、名称或者伴随的堆栈跟踪。为了解决这个问题并使错误处理过程标准化，提供了Error类。抛出异常时也不鼓励使用原始数据类型。

您可以扩展Error类来创建您的自定义错误类。下面是一个如何做到这一点的基本示例:

class ValidationError extends Error {
    constructor(message) {
        super(message);
        this.name = "ValidationError";
    }
}

你可以按以下方式使用它:

throw ValidationError("Property not found: name")

然后您可以使用instanceof关键字来识别它:

try {
    validateForm() // code that throws a ValidationError
} catch (e) {
    if (e instanceof ValidationError)
    // do something
    else
    // do something else
}

JavaScript 中最常见的 10 个错误

既然您已经了解了常见的错误类型以及如何创建自定义的错误类型，那么是时候看看您在编写 JavaScript 代码时会遇到的一些最常见的错误了。

查看我们的视频指南最常见的 JavaScript 错误

1.未捕获的范围错误

在几种不同的情况下，谷歌浏览器都会出现这种错误。首先，如果你调用一个递归函数，并且它没有终止，就会发生这种情况。你可以在 Chrome 开发者控制台中亲自查看:

The error “Uncaught RangeError: Maximum call stack size exceeded” is shown on a red background beside a red cross icon with a recursive function’s code above it.

RangeError example with a recursive function call.

所以要解决这样的错误，一定要正确定义递归函数的边界情况。发生此错误的另一个原因是，如果您传递了一个超出函数参数范围的值。这里有一个例子:

The error “Uncaught RangeError: toExponential() argument must be between 0 and 100” is shown on a red background beside a red cross icon with a toExponential() function call above it.

RangeError example with toExponential() call.

错误消息通常会指出您的代码有什么问题。一旦你做出了改变，它就会被解决。

num = 4. num.toExponential(2). Output: 4.00e+0.

Output for the toExponential() function call.

2.未捕获的类型错误:无法设置属性

当您在未定义的引用上设置属性时，会出现此错误。您可以使用以下代码重现该问题:

var list
list.count = 0

`以下是您将收到的输出:

The error “Uncaught TypeError: Cannot set properties of undefined” is shown on a red background beside a red cross icon with a list.count = 0 assignment above it.

TypeError example.

若要修复此错误，请在访问引用的属性之前用一个值初始化该引用。这是它修复后的样子:

Setting list.count = 10 after initializing list with {} due to which the output is 10.

How to fix TypeError.

3.未捕获的类型错误:无法读取属性

这是 JavaScript 中最常见的错误之一。当您试图读取未定义对象的属性或调用未定义对象的函数时，会出现此错误。通过在 Chrome 开发人员控制台中运行以下代码，您可以非常容易地重现它:

var func
func.call()

`以下是输出结果:

The error “Uncaught TypeError: Cannot read properties of undefined” is shown on a red background beside a red cross icon with func.call() above it.

TypeError example with undefined function.

未定义的对象是导致此错误的许多可能原因之一。此问题的另一个突出原因可能是呈现 UI 时状态初始化不正确。下面是 React 应用程序的一个真实示例:

import React, { useState, useEffect } from "react";

const CardsList = () => {

    const [state, setState] = useState();

    useEffect(() => {
        setTimeout(() => setState({ items: ["Card 1", "Card 2"] }), 2000);
    }, []);

    return (
        <>
            {state.items.map((item) => (
                <li key={item}>{item}</li>
            ))}
        </>
    );
};

export default CardsList;

该应用程序以一个空的状态容器开始，并在 2 秒钟的延迟后提供一些项目。延迟是为了模仿网络呼叫而设置的。即使你的网络非常快，你仍然会面临一个小的延迟，因为组件至少会渲染一次。如果您尝试运行此应用程序，您会收到以下错误:

The error “undefined is not an object” is shown on a grey background.

TypeError stack trace in a browser.

这是因为，在渲染时，状态容器是未定义的；因此，它不存在属性items。修复这个错误很容易。您只需要为状态容器提供一个初始默认值。

// ...
const [state, setState] = useState({items: []});
// ...

现在，在设定的延迟后，您的应用程序将显示类似的输出:

A bulleted list with two items reading "Card 1" and "Card 2".

Code output.

代码中的确切修复可能不同，但是这里的本质是在使用变量之前总是正确地初始化变量。

4.类型错误:“未定义”不是对象

当您尝试访问未定义对象的属性或对其调用方法时，Safari 中会出现此错误。您可以运行上面的相同代码来重现错误。

The error “TypeError: undefined is not an object” shown on a red background beside a red exclamation point icon with func.call() method call above it.

TypeError example with undefined function.

这个错误的解决方案也是一样的——确保您已经正确地初始化了变量，并且在访问属性或方法时它们没有被定义。

5.TypeError: null 不是对象

这与前面的错误类似。它发生在 Safari 上，这两个错误之间的唯一区别是，当正在访问其属性或方法的对象是null而不是undefined时，会抛出这个错误。您可以通过运行以下代码来重现这种情况:

var func = null

func.call()

以下是您将收到的输出:

The "TypeError: null is not an object" error message, shown on a red background beside a red exclamation point icon.

TypeError example with null function.

因为null是一个显式设置为变量的值，而不是由 JavaScript 自动赋值的。只有当您试图访问自己设置的变量null时，才会出现这种错误。所以，你需要重新审视你的代码，检查你写的逻辑是否正确。

6.TypeError:无法读取属性“length”

当你试图读取一个null或undefined对象的长度时，这个错误就会在 Chrome 中出现。此问题的原因与前面的问题类似，但它在处理列表时发生得相当频繁；因此，它值得特别一提。以下是重现问题的方法:

The error “Uncaught TypeError: Cannot read property 'length' of undefined” shown on a red background beside a red cross icon with myButton.length call above it.

TypeError example with an undefined object.

然而，在 Chrome 的新版本中，这个错误被报告为Uncaught TypeError: Cannot read properties of undefined。这是它现在的样子:

The error “Uncaught TypeError: Cannot read properties of undefined” shown on a red background beside a red cross icon with myButton.length call above it.

TypeError example with an undefined object on newer Chrome versions.

同样，修复方法是确保您试图访问的长度的对象存在，并且没有设置为null。

7.类型错误:“undefined”不是函数

当您试图调用脚本中不存在的方法时，或者调用了脚本中不存在的方法但无法在调用上下文中引用时，会出现此错误。这个错误通常发生在 Google Chrome 中，你可以通过检查抛出错误的代码行来解决。如果您发现一个错别字，修复它，并检查它是否能解决您的问题。

如果您在代码中使用了自引用关键字this，那么如果this没有恰当地绑定到您的上下文，就可能会出现这个错误。考虑以下代码:

function showAlert() {
    alert("message here")
}

document.addEventListener("click", () => {
    this.showAlert();
})

如果您执行上面的代码，它将抛出我们讨论过的错误。这是因为作为事件监听器传递的匿名函数正在document的上下文中执行。

相反，函数showAlert是在window的上下文中定义的。

要解决这个问题，您必须通过用bind()方法绑定来传递对函数的正确引用:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

Subscribe Now

document.addEventListener("click", this.showAlert.bind(this))

8.ReferenceError:事件未定义

当您试图访问调用范围中未定义的引用时，会发生此错误。这通常发生在处理事件时，因为它们经常在回调函数中为您提供一个名为event的引用。如果您忘记在函数的参数中定义事件参数或拼写错误，就会发生此错误。

此错误可能不会在 Internet Explorer 或 Google Chrome 中发生(因为 IE 提供了一个全局事件变量，Chrome 会自动将该事件变量附加到处理程序)，但它可能会在 Firefox 中发生。所以留心这种小错误是明智的。

9.TypeError:常量变量的赋值

这是由于粗心造成的错误。如果你试图给一个常量变量赋一个新值，你会遇到这样的结果:

The error “Uncaught TypeError: Assignment to constant variable” shown on a red background beside a red cross icon with func = 6 assignment above it.

TypeError example with constant object assignment.

虽然现在修复起来似乎很容易，但是想象一下数百个这样的变量声明，其中一个被错误地定义为const而不是let！与 PHP 等其他脚本语言不同，JavaScript 中声明常量和变量的风格几乎没有区别。因此，当你面对这个错误时，首先检查你的声明是明智的。如果你忘记所说的参考是一个常数，并把它作为一个变量使用，你也可能遇到这个错误。这表明要么是粗心大意，要么是你的应用程序的逻辑有缺陷。尝试修复此问题时，请确保选中此项。

10.(未知):脚本错误

当第三方脚本向您的浏览器发送错误时，就会发生脚本错误。此错误后面跟有(未知)，因为第三方脚本与您的应用程序属于不同的域。浏览器隐藏了其他细节，以防止第三方脚本泄露敏感信息。

不了解完整的详细信息，您无法解决此错误。您可以通过以下方式获得有关该错误的更多信息:

在脚本标签中添加crossorigin属性。
在托管脚本的服务器上设置正确的Access-Control-Allow-Origin头。
[可选]如果您无法访问托管脚本的服务器，您可以考虑使用代理将您的请求中继到服务器，然后用正确的头返回到客户端。

一旦您可以访问错误的详细信息，您就可以着手解决问题，这可能是第三方库或网络的问题。

如何识别和防止 JavaScript 中的错误

虽然上面讨论的错误是 JavaScript 中最常见、最频繁的，但是你会遇到，仅仅依靠几个例子是远远不够的。在开发 JavaScript 应用程序时，理解如何检测和防止任何类型的错误是至关重要的。以下是如何处理 JavaScript 中的错误。

手动抛出和捕捉错误

处理手动或运行时抛出的错误的最基本方法是捕捉它们。像大多数其他语言一样，JavaScript 提供了一组关键字来处理错误。在着手处理 JavaScript 应用程序中的错误之前，深入了解它们是非常重要的。

扔

集合的第一个也是最基本的关键字是throw。显然，throw 关键字用于抛出错误，以便在 JavaScript 运行时手动创建异常。我们在文章的前面已经讨论过这个问题，下面是这个关键字的意义的要点:

你可以throw任何东西，包括数字、字符串和Error对象。
然而，不建议抛出诸如字符串和数字之类的原始数据类型，因为它们不携带关于错误的调试信息。
示例:throw TypeError("Please provide a string")

尝试

try关键字用于指示代码块可能会抛出异常。它的语法是:

try {
    // error-prone code here
}

需要注意的是，catch块必须始终跟在try块之后，以便有效地处理错误。

捕捉

关键字catch用于创建一个 catch 块。这个代码块负责处理后面的try块捕获的错误。下面是它的语法:

catch (exception) {
    // code to handle the exception here
}

这就是如何一起实现try和catch块:

try {
    // business logic code
} catch (exception) {
    // error handling code
}

与 C++或 Java 不同，在 JavaScript 中不能将多个catch块追加到一个try块中。这意味着您不能这样做:

try {
    // business logic code
} catch (exception) {
    if (exception instanceof TypeError) {
        // do something
    }
} catch (exception) {
    if (exception instanceof RangeError) {
    // do something
    }
}

相反，您可以在单个 catch 块中使用if...else语句或 switch case 语句来处理所有可能的错误情况。它看起来像这样:

try {
    // business logic code
} catch (exception) {
    if (exception instanceof TypeError) {
        // do something
    } else if (exception instanceof RangeError) {
        // do something else
    }
}

最后

关键字finally用于定义一个在错误被处理后运行的代码块。这个块在 try 和 catch 块之后执行。

此外，无论其他两个块的结果如何，finally 块都将被执行。这意味着即使 catch 块不能完全处理错误或者 catch 块中抛出了错误，解释器也会在程序崩溃之前执行 finally 块中的代码。

要被认为是有效的，JavaScript 中的 try 块之后需要跟随 catch 或 finally 块。如果没有这些，解释器将引发语法错误。因此，在处理错误时，请确保至少使用其中一个来遵循 try 块。

使用 onerror()方法全局处理错误

所有 HTML 元素都可以使用onerror()方法来处理它们可能出现的任何错误。例如，如果一个img标签找不到其 URL 被指定的图像，它就触发它的 onerror 方法来允许用户处理错误。

通常，您会在 onerror 调用中提供另一个图像 URL，供img标记使用。这就是你如何通过 JavaScript 实现的:

const image = document.querySelector("img")

image.onerror = (event) => {
    console.log("Error occurred: " + event)
}

但是，您可以使用此功能为您的应用程序创建一个全局错误处理机制。你可以这样做:

window.onerror = (event) => {
    console.log("Error occurred: " + event)
}

有了这个事件处理程序，你可以摆脱代码中的多个try...catch块，集中应用程序的错误处理，类似于事件处理。您可以将多个错误处理程序附加到该窗口，以维护来自实体设计原则的单一责任原则。解释器将遍历所有处理程序，直到找到合适的处理程序。

通过回调传递错误

虽然简单的线性函数允许错误处理保持简单，但是回调会使事情变得复杂。

需要一个给你带来竞争优势的托管解决方案吗？Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

考虑下面这段代码:

const calculateCube = (number, callback) => {
    setTimeout(() => {
        const cube = number * number * number
        callback(cube)
    }, 1000)
}

const callback = result => console.log(result)

calculateCube(4, callback)

上面的函数演示了一种异步情况，在这种情况下，函数需要一些时间来处理操作，并在回调的帮助下稍后返回结果。

如果您试图在函数调用中输入一个字符串而不是 4，那么结果将是NaN。

这个需要妥善处理。方法如下:

const calculateCube = (number, callback) => {

    setTimeout(() => {
        if (typeof number !== "number")
            throw new Error("Numeric argument is expected")

        const cube = number * number * number
        callback(cube)
    }, 1000)
}

const callback = result => console.log(result)

try {
    calculateCube(4, callback)
} catch (e) { console.log(e) }

这应该能理想地解决问题。但是，如果您尝试向函数调用传递一个字符串，您将会收到以下消息:

The error “Uncaught Error: Numeric argument is expected” shown on a dark red background beside a red cross icon.

Error example with the wrong argument.

即使您在调用该函数时实现了 try-catch 块，它仍然表示错误未被捕获。由于超时延迟，在执行 catch 块后会引发该错误。

这在网络呼叫中会很快发生，在网络呼叫中会出现意外的延迟。在开发应用程序时，您需要涵盖这些情况。

以下是在回调中正确处理错误的方法:

const calculateCube = (number, callback) => {

    setTimeout(() => {
        if (typeof number !== "number") {
            callback(new TypeError("Numeric argument is expected"))
            return
        }
        const cube = number * number * number
        callback(null, cube)
    }, 2000)
}

const callback = (error, result) => {
    if (error !== null) {
        console.log(error)
        return
    }
    console.log(result)
}

try {
    calculateCube('hey', callback)
} catch (e) {
    console.log(e)
}

现在，控制台的输出将是:

The message “TypeError: Numeric argument is expected” shown on a dark grey background.

TypeError example with illegal argument.

这表明错误已得到适当处理。

处理承诺中的错误

大多数人倾向于承诺处理异步活动。承诺还有另一个好处——被拒绝的承诺不会终止你的剧本。但是，您仍然需要实现一个 catch 块来处理承诺中的错误。为了更好地理解这一点，让我们使用 Promises 重写calculateCube()函数:

const delay = ms => new Promise(res => setTimeout(res, ms));

const calculateCube = async (number) => {
    if (typeof number !== "number")
        throw Error("Numeric argument is expected")
    await delay(5000)
    const cube = number * number * number
    return cube
}

try {
    calculateCube(4).then(r => console.log(r))
} catch (e) { console.log(e) }

为了便于理解，前面代码中的超时被隔离到delay函数中。如果您尝试输入一个字符串而不是 4，您得到的输出将类似于以下内容:

The error “Uncaught (in promise) Error: Numeric argument is expected” shown on a dark grey background beside a red cross icon.

TypeError example with an illegal argument in Promise.

同样，这是由于Promise在其他所有事情完成执行后抛出了错误。这个问题的解决方案很简单。简单地向承诺链添加一个catch()调用，如下所示:

calculateCube("hey")
.then(r => console.log(r))
.catch(e => console.log(e))

现在输出将是:

The message “Error: Numeric argument is expected” shown on a dark grey background.

Handled TypeError example with illegal argument.

你可以观察到用承诺来处理错误是多么容易。此外，您可以链接一个finally()块和 promise 调用，以添加将在错误处理完成后运行的代码。

或者，您也可以使用传统的 try-catch-finally 技术处理承诺中的错误。在这种情况下，你的承诺电话应该是这样的:

try {
    let result = await calculateCube("hey")
    console.log(result)
} catch (e) {
    console.log(e)
} finally {
    console.log('Finally executed")
}

然而，这仅在异步函数中有效。因此，处理承诺错误的最佳方式是将catch和finally链接到承诺调用。

throw/catch vs onerror() vs 回调 vs 承诺:哪个最好？

有四种方法可供您选择，您必须知道如何在任何给定的用例中选择最合适的方法。以下是你可以自己决定的方法:

扔/接住

大多数时候你会使用这种方法。确保在 catch 块中为所有可能的错误实现条件，如果需要在 try 块之后运行一些内存清理例程，请记住包括 finally 块。

然而，太多的 try/catch 块会使代码难以维护。如果您发现自己处于这种情况，您可能希望通过全局处理程序或 promise 方法来处理错误。

当在异步 try/catch 块和 promise 的catch()块之间做出决定时，建议使用异步 try/catch 块，因为它们会使您的代码具有线性并且易于调试。

不规则运算()

当你知道你的应用程序必须处理许多错误时，最好使用onerror()方法，这些错误可以很好地分布在整个代码库中。onerror方法使您能够处理错误，就像它们只是您的应用程序处理的另一个事件一样。您可以定义多个错误处理程序，并在初始渲染时将它们附加到您的应用程序窗口。

然而，你也必须记住，在误差范围较小的小项目中设置onerror()方法可能是不必要的挑战。如果你确定你的应用程序不会抛出太多错误，传统的抛出/捕捉方法最适合你。

回访和承诺

回调和承诺中的错误处理因其代码设计和结构而不同。然而，如果你在编写代码之前就在这两者之间做出选择，那么最好选择承诺。

这是因为 promises 有一个内置的构造，可以链接一个catch()和一个finally()块来轻松处理错误。这种方法比定义额外的参数/重用现有的参数来处理错误更容易、更简洁。

跟踪 Git 存储库的变化

许多错误经常是由于代码库中的手工错误而产生的。在开发或调试代码时，您可能会做出不必要的更改，从而导致代码库中出现新的错误。自动化测试是在每次修改后检查你的代码的好方法。然而，它只能告诉你是否有问题。如果你不经常备份你的代码，你将会浪费时间去修复一个以前运行良好的函数或脚本。

这就是 git 发挥作用的地方。有了适当的提交策略，您可以将 git 历史作为备份系统来查看代码在开发过程中的演变。您可以很容易地浏览旧的提交，并找出之前工作正常但在不相关的更改后抛出错误的函数版本。

然后，您可以恢复旧代码或比较两个版本，以确定哪里出错了。像 GitHub Desktop 或 GitKraken 这样的现代 web 开发工具帮助你将这些变化并排可视化，并快速找出错误。

有一个习惯可以帮助你减少错误，那就是每当你对你的代码进行重大修改时，运行代码评审。如果您在团队中工作，您可以创建一个“拉”请求，并让一个团队成员彻底检查它。这将有助于你用第二双眼睛发现任何可能被你忽略的错误。

处理 JavaScript 错误的最佳实践

上述方法足以帮助您为下一个 JavaScript 应用程序设计一个健壮的错误处理方法。然而，在实现它们的时候，最好记住一些事情，以充分利用您的防错功能。这里有一些提示可以帮助你。

1.处理操作异常时使用自定义错误

我们在本指南的前面介绍了自定义错误，让您了解如何针对您的应用程序的独特情况自定义错误处理。建议尽可能使用自定义错误，而不是通用的Error类，因为它为调用环境提供了更多关于错误的上下文信息。

除此之外，自定义错误允许您调节错误在调用环境中的显示方式。这意味着您可以根据需要选择隐藏特定的详细信息或显示有关错误的附加信息。

您甚至可以根据需要格式化错误内容。这使您可以更好地控制如何解释和处理错误。

2.不要轻信任何例外

即使是最资深的开发人员也经常犯新手的错误——在代码深处消耗异常级别。

您可能会遇到这样的情况，您有一段可选运行的代码。如果有效，很好；如果没有，你不需要做任何事情。

在这些情况下，将这些代码放在一个 try 块中并附加一个空的 catch 块是很诱人的。然而，这样做的话，你会让这段代码容易导致任何类型的错误。如果您有一个大的代码库和许多这种糟糕的错误管理构造的实例，这可能会变得很危险。

处理异常的最好方法是确定一个级别，在这个级别上所有的异常都将被处理，并将它们提升到那个级别。这个层次可以是控制器(在 MVC 架构应用中)或者中间件(在传统的面向服务器的应用中)。

这样，你就会知道在哪里可以找到应用程序中出现的所有错误，并选择如何解决它们，即使这意味着不做任何事情。

3.对日志和错误警报使用集中策略

记录错误通常是处理错误不可或缺的一部分。那些未能开发一个集中策略来记录错误的人可能会错过关于他们应用程序使用的有价值的信息。

应用程序的事件日志可以帮助你找出关于错误的关键数据，并帮助快速调试它们。如果你在你的应用程序中设置了适当的提醒机制，你就可以在错误到达你的大部分用户群之前知道你的应用程序中什么时候发生了错误。

建议使用一个预建的日志记录器或创建一个来满足您的需求。您可以配置这个记录器，根据错误级别(警告、调试、信息等)来处理错误。)，有些日志记录器甚至会立即将日志发送到远程日志服务器。这样，您可以观察应用程序的逻辑在活动用户中的表现。

4.适当地通知用户错误

在定义错误处理策略时，要记住的另一个要点是把用户放在心上。

所有干扰应用程序正常运行的错误都必须向用户发出可见的警告，通知他们出现了问题，以便用户可以尝试解决问题。如果您知道该错误的快速修复方法，如重试操作或注销并重新登录，请确保在提醒中提及，以帮助实时修复用户体验。

对于不会对日常用户体验造成任何干扰的错误，您可以考虑取消警告，并将错误记录到远程服务器，以便以后解决。

5.实现一个中间件(Node.js)

Node.js 环境支持中间件向服务器应用程序添加功能。您可以使用这个特性为您的服务器创建一个错误处理中间件。

使用中间件最大的好处是所有的错误都在一个地方集中处理。您可以选择启用/禁用此设置，以方便测试。

以下是创建基本中间件的方法:

const logError = err => {
    console.log("ERROR: " + String(err))
}

const errorLoggerMiddleware = (err, req, res, next) => {
    logError(err)
    next(err)
}

const returnErrorMiddleware = (err, req, res, next) => {
    res.status(err.statusCode || 500)
       .send(err.message)
}

module.exports = {
    logError,
    errorLoggerMiddleware,
    returnErrorMiddleware
}

然后，您可以像这样在您的应用程序中使用这个中间件:

const { errorLoggerMiddleware, returnErrorMiddleware } = require('./errorMiddleware')

app.use(errorLoggerMiddleware)

app.use(returnErrorMiddleware)

现在，您可以在中间件内部定义自定义逻辑来适当地处理错误。您不再需要担心在整个代码库中实现单独的错误处理构造。

6.重启你的应用来处理程序员错误(Node.js)

当 Node.js 应用程序遇到程序员错误时，它们不一定会抛出异常并尝试关闭应用程序。这种错误可能包括由程序员错误引起的问题，如高 CPU 消耗、内存膨胀或内存泄漏。处理这些问题的最佳方式是通过 Node.js 集群模式或像 PM2 这样的独特工具崩溃应用程序，从而优雅地重启应用程序。这可以确保应用程序不会在用户操作时崩溃，呈现糟糕的用户体验。

7.捕获所有未捕获的异常(Node.js)

你永远无法确定你已经涵盖了应用程序中可能出现的每一个错误。因此，实现一个回退策略来捕获应用程序中所有未捕获的异常是非常重要的。

你可以这样做:

process.on('uncaughtException', error => {
    console.log("ERROR: " + String(error))
    // other handling mechanisms
})

您还可以确定发生的错误是标准异常还是自定义操作错误。根据结果，您可以退出并重新启动该进程，以避免意外行为。

8.捕捉所有未处理的承诺拒绝(Node.js)

类似于你永远无法涵盖所有可能的例外，你很有可能会错过处理所有可能的承诺拒绝。然而，与异常不同，承诺拒绝不会抛出错误。

因此，一个被拒绝的重要承诺可能会作为一个警告溜走，让你的应用程序有可能遇到意想不到的行为。因此，实现回退机制来处理承诺拒绝是至关重要的。

你可以这样做:

const promiseRejectionCallback = error => {
    console.log("PROMISE REJECTED: " + String(error))
}

process.on('unhandledRejection', callback)

If you create an application, there are chances that you'll create bugs and other issues in it as well. 😅 Learn how to handle them with help from this guide ⬇️Click to Tweet

摘要

像任何其他编程语言一样，JavaScript 中的错误是非常频繁和自然的。在某些情况下，您甚至可能需要故意抛出错误，以向用户指示正确的响应。因此，了解他们的解剖和类型是非常重要的。

此外，您需要配备正确的工具和技术来识别和防止错误影响您的应用程序。

在大多数情况下，对于所有类型的 JavaScript 应用程序来说，一个处理错误并小心执行的可靠策略就足够了。

还有什么其他的 JavaScript 错误你还没有解决吗？有什么建设性地处理 JS 错误的技巧吗？请在下面的评论中告诉我们！

让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

在 MyKinsta 仪表盘中轻松设置和管理
24/7 专家支持
最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
面向速度和安全性的企业级 Cloudflare 集成
全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

posted @ 2024-11-01 16:30 绝不原创的飞龙阅读(4) 评论(0) 编辑收藏举报

刷新页面返回顶部

龙哥盟

掠夺·扩张·投机·博弈

Kinsta-博客中文翻译-四-

Kinsta 博客中文翻译（四）

如何发布 DMCA 下架通知(或处理自己的通知)

什么是 DMCA？

DMCA 保护是什么意思？

我如何处理针对我的 DMCA 下架通知？

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

我如何发布 DMCA 下架通知？

试着先联系网站所有者

1.找到那个人

2.向哪里提交 DMCA 下架投诉

3.DMCA 下架投诉应该包括什么

DMCA 拆卸模板

4.从搜索引擎中删除内容

DMCA 通知需要多长时间？

摘要

“DNS 中毒”介绍(以及如何预防)

域名系统(DNS)入门

DNS 查找的过程

DNS 缓存

什么是 DNS 中毒

DNS 欺骗和缓存中毒的工作原理

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

DNS 中毒的真实例子

为什么 DNS 中毒和欺骗如此有害

如何防止 DNS 中毒

互联网如何试图防止 DNS 中毒和欺骗服务器端

如何在客户端防止 DNS 中毒

摘要

DNS 传播网站所有者指南(2022 版)

什么是 DNS？

域名的类型

一项记录

CNAME 记录

MX 记录

TXT 记录

基本缩写:IP 和 DNS

DNS 和域名服务器如何链接在一起

什么是 DNS 查找？

什么是 DNS 传播？

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

DNS 传播真正需要多长时间？

我如何知道我的 DNS 是否在传播？

将您的域名指向 Kinsta

故障排除:如何刷新 DNS 缓存

DNS 安全性

下一代 DNS

摘要

什么是域名扩展？(以及如何选择域名扩展)

什么是域名扩展？

为什么会存在域名扩展？

谁负责域名扩展？

域名扩展的类型

gTLDs

短期债务

ccTLDs(中央处理器)

最常见的域名扩展是什么？

。com

。网

。（同 organic）有机

。电子显示器(electronic display unit)ˌ教育机构域名(education)ˌ实验发展处(Experimental Development Unit)

。政府

。密耳

。茹，。cn，。英国等。

。超正析象管

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

。（同 Internationalorganizations）国际组织

。摩比

域名扩展对你的网站意味着什么？

如何为你的网站选择最好的域名扩展

如果有疑问，就去网络公司

让它令人难忘

明确你网站的目的

避免可疑的探测域