遇到错误页面可能会让用户感到沮丧和困惑。如果您的 404 页面模板定制不当，用户可能会决定离开您的网站。因此，您会错失参与度和潜在转化。
幸运的是，您可以让用户知道他们仍在您的网站上，并通过创建自定义 404 页面将他们引导回您的内容。
此外，由于有了 Elementor，您不需要任何特殊的技术知识即可执行此操作。
#404 错误发生了，但是自定义#WordPress 404 错误页面将错误转化为机会？
点击推文
在本文中，我们将解释作为为您的网站创建自定义 404 页面的好处。然后，我们将向您展示如何在 Elementor 中构建一个。开始吧！
为什么需要自定义404页面
404错误是服务器找不到请求的内容时显示的页面。换句话说，当访问者点击损坏的链接或在您的网站上输入错误的 URL 时，他们将收到 404 错误。比如我们的404页面是这样的：
如您所见，我们自定义了 404 页面以匹配我们的品牌并提供一种返回到我们的活动内容的方法 - 在本例中为搜索表单。
一个有效的 404 页面是定制的，让人们知道他们在正确的网站上。此外，它还可以提供指向您内容的链接，从而提高整体参与度。如果您不对其进行自定义，访问者将通过您的活动 WordPress 主题获得一个通用页面：
虽然这个特定的 404 页面确实有一个指向其主站点的链接，但没有其他方法可以知道它属于哪个站点。结果，用户可以简单地决定关闭窗口并继续前进。毕竟，如果他们无法在您的网站上找到他们想要的东西，他们可能正在寻找其他地方。
相反，通过我们的 404 页面，用户可以确切地知道他们在哪里。此外，我们提供了一个搜索栏，可帮助将他们引导至他们正在寻找的内容。更不用说，如果您向下滚动我们的示例页面，您会找到一些链接。我们最受欢迎的内容。
在您的自定义 404 页面中包含此类元素可以帮助您防止用户跳出。此外，您还可以提升品牌形象并增加受众的信任度和可信度。
如何使用 Elementor 创建自定义 WordPress 404 页面模板
作者：Elementor.com
当前版本：2.7.5
最后更新时间：2019 年 10 月 28 日
elementor.2.7.5.zip
98% 评级 37,842,319 次下载 需要 WP 4.7+
要在 WordPress 上创建自定义 404 错误页面模板，您可以使用高级版本Elementor – Elementor Pro。
Elements 是一个可视化的拖放式页面构建器，这意味着您无需任何专业知识即可创建完全自定义的设计。或者，如果您不想从头开始构建自己的设计，Elementor Pro 还包含许多预构建的 404 页面模板，您可以导入这些模板并根据需要进行自定义。
首先，您需要同时安装 Elementor 和 Elementor Pro。然后，按照以下步骤创建您自己的自定义 404 页面设计...
1.创建一个新的 404 页面模板
首先，您需要创建一个新的 Elementor 模板。在您的 WordPress 仪表板中，转到模板 → 主题生成器：
接下来，选择 Single → Add New。这将打开一个页面，您可以在其中选择要创建的模板。单击模板类型下拉菜单并选择单一。然后，导航到“帖子类型”下拉菜单并单击 404。
然后系统会要求您为模板命名。您可以随意命名，但我们建议坚持使用“404 页面”之类的名称。完成后，单击“创建模板”，您就可以进行下一步了。
第二步：设计网页
如上所述，一个设计良好的404页面可以防止用户在遇到它时离开你的网站。当然，它们也会增加参与度并降低您的跳出率，这就是为什么这一步如此重要。
因此，在创建 404 页面时可以采用一些策略。对于初学者，您可以使用幽默来“减轻打击”并帮助防止用户感到沮丧：
这种来自 Embrace Pet Insurance 的图像有助于使他们的 404 页变得有趣和可爱。您还可以使用有趣的图片或反映您品牌的图片：
您可能想要添加的其他元素包括联系信息、搜索栏（就像我们所做的那样）和主页链接。您还可以考虑以类似于 GitHub 在其 404 页面底部所做的方式添加一些指向您最受欢迎的内容甚至站点地图的链接：
结合这些功能，让您尽情享受404错误页面。事实上，有些人甚至会故意输入错误的 URL，以查看他们最喜欢的网站如何设计它们。
要设计您的页面，您可以从 Elementor 的 404 页面模板之一开始，然后使用 Elementor 的可视化和拖放界面对其进行自定义以匹配您的品牌和声音：
Elementor 包含您需要的所有小部件（包括搜索表单)，因此您还可以使用拖放界面从头开始构建 404 页面模板。
如果您想联系我们，我们有一个关于如何使用 Elementor 的教程。虽然本教程的重点是构建产品启动页面，但您可以将相同的基本原则应用于 404 页面设计。
第三步：发布新的404错误页面
至此，剩下的就是发布新的404错误页面了。
为此，请单击 Elementor 界面左下角的“发布”。这将打开“发布设置”弹出窗口，允许您控制模板的显示位置。
Elementor 已经选择了一个 404 页面，因此您需要做的就是单击“保存并关闭”以启用您的新的自定义404页面模板：
现在，只要有人点击损坏的链接或输入错误的 URL 而不会迷路，他们就会发现自己在您的自定义 404 错误页面上。这将使您有更好的机会让用户在浏览您的网站时保持参与度和满意度。
结论
无论您的设计多么谨慎，用户有时都会遇到 404您网站上的错误页面。当他们这样做时，优化 404 页面模板不仅可以提高跳出率，还可以提供更好的用户体验。
本文讨论了使用 Elementor Pro 创建自定义 404 页面是多么容易。只有三个步骤，让我们快速回顾一下：
- 创建一个新的 404 页面模板。
- 设计页面或选择一个 Elementor 模板。
- 发布一个新的 404 错误页面。
最后，仅仅因为您的网站上有一个很棒的新 404 页面，并不意味着您希望人们看到它！首先阻止 404 错误的发生，查看我们关于如何在 WordPress 中查找断开的链接和如何使用 301 重定向修复 404 错误的帖子。
#404 错误发生，但是自定义#WordPress 404错误页面会转换错误 For a chance？
Click to Tweet
您对 404 错误页面或如何在 WordPress 中设置它们有任何疑问吗？在下面的评论部分提问！
