如何不使用页面构建器制作 WordPress 落地页
How to build a WordPress landing page without a page builder
使用 WordPress 区块编辑器可构建仅含一个核心承诺和一个行动按钮的落地页,无需插件或月度订阅。通过空白或全宽模板移除页眉、页脚与导航,并用 Hero、标题、段落、按钮及信任背书区块组织内容;在投入流量前还应检查页面表现。
如果你需要为一场营销活动制作落地页,每篇指南都会让你使用页面构建器和按月订阅服务。对于大多数落地页来说,这有些大材小用了。
这些指南没有告诉你的是:如何让落地页实现转化,而不只是单纯存在。本文会首先讲清这一点,然后用区块编辑器搭建页面,并在你花钱投放流量之前进行检查。
目录
- 落地页需要做到什么
- 你需要页面构建器吗?
- 使用区块编辑器搭建落地页
- 构建器能增加什么,以及它会让你付出什么代价
- 在花钱投放流量前进行检查
- 关于 WordPress 落地页的常见问题
- 关于 WordPress 落地页的最终想法
落地页需要做到什么
落地页只包含一个提议和一个操作,并移除所有可能把访客引向别处的内容。这就是完整的定义,也是落地页与普通设计精良页面之间的区别。
大多数被称为落地页的页面,仍然保留网站页眉、导航菜单、侧边栏和页脚。每一个都是一条退出路径,而通过付费广告来到这里的访客已经为你带来了收益。移除这些出口大约只需三十秒,却是你在页面上影响最大的一项工作,因为一个好的落地页只有一个操作,几乎没有竞争性链接。
你需要页面构建器吗?
对于大多数落地页,你并不需要。区块编辑器无需任何插件,就能处理主视觉区域、信任背书区、表单区域和重复按钮,而且生成的标记比构建器更轻量。
构建器在四种特定情况下才值得使用。了解这些情况,有助于你判断自己是否适用。
- 你每个月要搭建许多页面:构建器保存的模板和全局样式在大量页面时能够收回成本,而一年只做寥寥数页则不值得为此付费
- 你的布局需要精确定位:重叠元素、绝对定位和精细的响应式控制在区块编辑器中确实很棘手
- 将由非技术人员编辑页面:对于不愿接触区块设置面板的人,构建器的可视化编辑方式更易于使用
- 你需要内置弹窗、倒计时或 A/B 测试:有些构建器会捆绑转化功能,否则这些功能需要作为独立插件使用
除这四种情况之外,区块编辑器方案在页面重量上更胜一筹,而重量恰恰是落地页最不能承受的。落地页会承载付费流量,而付费流量大多来自移动设备;页面需要多久才能实现交互,都会消耗一部分你无法收回的投放费用。
如果你也在权衡托管式替代方案,我们的 Elementor 与 Wix 对比文章介绍了决策的这一方面。
使用区块编辑器搭建落地页
整个搭建过程无需任何插件。它适用于任何现代 WordPress 主题,而你的主题唯一需要提供的是一个不含页眉和页脚的模板。
第 1 步:创建页面并移除多余组件
进入 页面 » 添加页面,为页面取一个你能在三十个页面的列表中辨认出来的名称。

现在打开设置侧边栏中的页面选项卡,找到模板控件。更改此项设置会将普通页面变成落地页,而大多数教程都会跳过这一步。

选择一个空白或全宽模板,也就是你的主题提供的、没有页眉和页脚的模板。不同主题中的名称各不相同,因此请查找 Blank、Canvas、Full width 或类似名称。浅色主题会让这一步更容易;如果你正在挑选主题,我们最快的 WordPress 主题对比提供了实测数据。
在 Botiga 中,还要在编辑器下方打开 Botiga Page Options,并启用 Page Builder Mode。它会移除页面标题和内容容器,因此主题不会在你的主视觉区域上方再次输出标题,每个区块都可以横向铺满整个页面。
如果你的主题没有空白模板,站点编辑器可以让你创建一个;你也可以选择现有最宽的模板,并仅在此页用几行 CSS 隐藏导航菜单。
第 2 步:用一个承诺和一个按钮构建主视觉区域
主视觉区域承载着你的优惠方案,因此应包含一个标题、一行辅助说明,并在两者之间放置一个按钮。这里放入其他任何内容都会与你自己的行动号召争夺注意力。
点击编辑器左上角的 + 按钮打开区块插入器,然后搜索 Cover 区块。

点击 Cover 区块,将其放在页面顶部。编辑器会要求选择背景,你可以上传图片,也可以从调色板中选择纯色。

首次构建时,纯色是更稳妥的选择,因为背景图在模型图中看起来更美观,而且加载成本更高。主视觉图片通常是着陆页中加载最重的单个元素。
现在,在封面区块内添加一个 Heading 区块,并将优惠方案写成一个承诺,而不是产品名称。读者应该无需阅读下方的任何内容,就能明白自己将获得什么。

在区块设置中将该标题设为 H1,因为它是页面真正的主标题,页面上没有其他内容与其争夺这一角色。
在下方添加一个 Paragraph 区块,写一句辅助说明。只写一句,不要写三句;它的作用是回答标题引发的显而易见的疑问,而不是重复标题。
最后用一个包含且仅包含一个按钮的 Buttons 区块完成主视觉区域。

在主视觉区域放置两个按钮是这个页面上最常见的错误,因为在两个操作之间做选择比只做一个操作更慢。如果确实存在第二个选项,请把它放得低得多。
专业提示
将按钮文字写成读者将获得的结果。获取免费指南胜过提交,在承接付费流量的页面上,这种差异是可以量化衡量的。
第 3 步:在首屏上方添加信任依据
信任依据让优惠方案显得可信,而它应该放在比大多数人放置的位置更高的页面区域。在桌面屏幕上,主视觉区域和信任依据区块可以同时看见;在手机上则不能,而大多数付费流量都会落到手机上。
再次打开插入器并切换到 Patterns 标签,然后浏览主题提供的评价和评论图案。

点击一个图案,将其直接插入主视觉区域下方。图案会以普通区块的形式插入,因此其中所有内容都仍可编辑。

将占位内容替换为真实评价和真实姓名,只保留提到具体成果的内容。两条具体的用户证言胜过六条含糊的评价,所以应当精简,而不是填充内容。
在获得使用许可的情况下,在每个名称旁添加一张小照片或标志。一个宽约 50 像素的圆形图片区块就足够了;在每段引述上方加一行简短粗体文字来点明结果,有助于快速浏览的读者阅读。

如果你有值得展示的数字,请将其作为单独的大号数字放在独立的标题区块中。客户数量、实测结果或经营年限等数据能够发挥作用,而一整段文字无法做到这一点。
整个部分应保持简短,因为证据是为了支撑优惠,而不是取代页面成为主角。一个长到需要单独滚动条滚动查看的证据部分,已经开始与它本应支撑的内容争夺注意力。
第 4 步:放置行动号召,不加入任何干扰内容
本部分用于放置行动号召,它唯一的任务就是不含其他任何内容。删除模板在此插入的任何次要链接、相关文章区块或社交图标栏。
如果行动号召是链接,请在证据部分下方添加一个按钮区块,然后选中它并打开设置。

点击区块工具栏中的链接图标,粘贴目标 URL,然后按 Enter 应用。
设置按钮的宽度和内边距,让它在手机上易于点击。需要小心翼翼用拇指点按的按钮往往会被错过,而读者不会尝试第二次。
如果行动号召改为表单,请在此处插入表单插件的区块,并只保留真正需要的字段。每增加一个字段都会降低完成率,而在首次接触时,电子邮件地址通常是唯一值得保留的字段。

无论使用哪一种,都要检查它后面紧接着的内容。在此重新出现的页脚,或一个多余的导航区块,都会悄无声息地抵消第 1 步所做的工作。
第 5 步:重复行动号召
已经滚动到页面底部的访客读完了整个页面,而要求他们重新向上滚动去操作,会毫无必要地流失其中一部分人。
在页面末尾附近添加第二个按钮区块,指向与第一个按钮相同的目标,并使用相同的标签文字。

这里的一致性比多样性更重要,因为针对同一目标使用两个不同的标签,会让人以为这是两个不同的优惠,读者还得费心判断自己该选哪一个。
在其上方添加一行简短文字,再次说明优惠内容,因为任何到达页面底部的人,都是被证据而非主视觉说服的。

现在使用预览 » 在新标签页中预览预览页面,并像访客那样从头到尾读一遍。

宣布完成之前,有三件事值得检查。页眉和页脚应当不存在,主视觉标题单独看也应该成立,而且页面上除两个按钮外,不应有任何可点击内容。
整个搭建过程就是这样,而且并不需要插件。一个优惠、一个行动号召,除了向前浏览,没有其他离开页面的方式。
页面构建器带来了什么,以及它会让你付出什么代价
页面构建器确实能加快布局制作,坦诚承认这一点很重要。对于习惯视觉化思考的人来说,拖放比区块设置面板更高效;保存的模板省去了重复劳动;响应式控件也比区块编辑器更直观。
代价落在页面重量上,而且并不小。构建器会在每个使用它们的页面上加载自己的 CSS 和 JavaScript,有些甚至会在整个站点范围内加载。在落地页上,这种差异并非无关紧要,因为页面的目的就是转化付费点击,而页面越慢,转化掉的点击就越少。
务实的做法是继续使用区块编辑器,直到上述四种情况中的某一种真正适用于你,然后再为这些页面购买页面构建器,并让其他页面保持轻量。Sydney 是一款轻量主题,同时适用于区块编辑器和 Elementor,因此决定权仍然掌握在你手中,而不是由主题来决定。我们的 WordPress 主题页面介绍了其余各个选项。
在花钱购买流量前进行检查
在第一笔付费点击到来之前,按以下顺序完成四项检查。
- 用真机打开页面。不要只是调整浏览器窗口大小,而要使用真实设备。检查按钮是否能够用拇指轻松点到,以及证明部分是否无需长距离滚动即可显示。
- 对页面本身进行速度测试。请测试着陆页的 URL,而不是首页,因为它们是不同的页面,页面权重也不同。
- 提交表单或点击按钮。确认提交内容会到达你预期的位置,并检查感谢状态是否确实出现。
- 在 Site Health 中检查页面。服务器端问题会在这里显现,然后才会反映在你的转化率中。

无论改动看起来多小,对页面进行任何更改后都要重新完成这四项检查。上个月还能转化的页面,可能因为一次插件更新改变了表单字段而停止转化;在你查明原因期间,广告投放费用不会自行暂停。
如果你更愿意从专门为此打造的主题开始,我们精选的最佳着陆页 WordPress 主题合集介绍了各种可选方案。
关于 WordPress 着陆页的常见问题
着陆页的问题经常出现,尤其是是否需要插件。这里直接回答了常见问题。
如何在 WordPress 中创建着陆页?
创建一个新页面,将模板设置为空白或全宽选项,让页眉和页脚消失,然后构建一个只含一个标题和一个按钮的主视觉区域,添加一个证明部分,并在底部重复行动号召,整个过程都不需要插件。
创建着陆页需要插件吗?
标准着陆页不需要插件。区块编辑器可以处理其中每个部分。只有当你需要制作大量页面、需要精确定位、需要将手动编辑工作交给非技术人员,或者希望获得附带的转化功能时,页面构建器才值得付费。
着陆页与首页有什么区别?
首页用于介绍整个网站,并链接到许多不同位置;而着陆页只有一个优惠、一个行动,没有导航。首页邀请用户继续探索,而着陆页则有意阻止这种行为。
如何在不使用页面构建器的情况下制作着陆页?
使用空白页面模板移除页眉和页脚,然后使用核心区块搭建页面。用 Cover 区块制作主视觉区域,用图案制作证明部分,再用 Buttons 区块设置行动号召,这些功能足以满足典型营销活动页面的一切需求。
着陆页应该多长?
长度只需足够消除阻碍用户行动的顾虑,不要更长。免费下载所需内容很少,而高价位优惠则需要证据、细节和保证,因此应根据价格和用户承担的风险来决定长度,而不是按字数决定。
关于 WordPress 着陆页的最后 thoughts
当一个页面只传达一个优惠和一个行动,并且不给读者留下任何退路,只能向前走时,它就会实现转化。这条规则对最终结果的影响,比你用来制作页面的工具更大,因此本指南第一节先讲这条规则,而最长的一节则介绍一种零成本的制作方式。
先在区块编辑器中从空白模板开始,看看它能满足你到什么程度。如果你到了每周都在搭建页面、还要不断与布局控件较劲的阶段,那么这正是可视化构建器值得你订阅订阅费的起点,在此之前则不必订阅。
你搭建落地页是为了什么?你的技术栈中是否已经有可视化构建器了?请在下方评论中告诉我。
来源:athemes.com新闻 · https://athemes.com/tutorials/wordpress-landing-page/?utm_source=rss&utm_medium=rss&utm_campaign=wordpress-landing-page
部分链接为推广/关联链接。