您正在构建一个新站点,域名是尖头的,安装的是 WordPress,但实际站点距离几天或几周,访问者和 Google 不应该同时登陆一个破损的半成品主页,他们应该看到一个 元素即将发布 这告诉人们一些事情正在发生,通过电子邮件或社交关注来吸引早期兴趣,并防止搜索引擎对不完整的网站进行索引。
本教程使用 Elementor 的免费版本(免费版本)构建完整的即将发布页面 Elementor 的主插件、以及内置的 WordPress 设置,使其成为首页,没有 Elementor Pro 许可证,没有专用的即将推出的插件,没有月费,您将获得倒计时器、自定义背景、标题和描述、社交链接以及可选的电子邮件注册。
最后,您的域根处将有一个品牌启动页面,在移动设备上清晰地渲染。当您的真实站点准备好时,将其翻转为单一设置更改。
为什么您需要即将发布的页面
1个半建站的新域名, 就是不良的第一印象, 提早落地的游客不是弹跳就是记得失落的经历, An 元素即将发布 一次解决一些实际问题:
- 止不良的第一印象。 访问者看到的不是默认的 WordPress 页面或损坏的 Elementor 草案,而是经过打磨的启动页面。
- 构建启动前列表。 添加电子邮件注册可以吸引早期流量的兴趣,因此当您实际启动时,订阅者就可以准备好了。
- 发出发射日期的信号。 倒计时器会产生紧迫性并告诉访客何时回来。
- 保护搜索引擎优化。 Google 比起一个充满占位符内容的网站更容易理解具有明确目的的最小页面。
- 早期获得社交追随者。 社交媒体图标现在让人们关注您,稍后通过他们的提要了解发布情况。
如果您要重塑现有网站的品牌而不是推出新网站,则相同的设置可以作为新网站运行 元素器维护模式 page。倒计时换一个简短的解释,你就完成了。
你将建造什么
最终结果是单个全屏页面。背景图像或颜色、您的徽标或品牌名称、有关即将发生的事情的短消息、启动日的实时倒计时器、社交媒体链接以及(可选)电子邮件注册表单。加上一个 WordPress 设置,该设置将此页面固定到网站的前面,直到您将其关闭。
先决条件(您需要的插件)
三件。全部免费:
- 文字出版社。 假设已经安装。
- 元素(免费)。 WordPress。org 或您的 WordPress 管理员的插件目录中获取免费版本。
- Elementor 的主插件(免费)。 添加倒计时器小部件、社交媒体图标小部件和其他以转换为中心的元素。从 WordPress。org 安装,或查看 安装主插件 doc 为演练。
Elementor Pro 本教程不需要 Elementor Pro,Elementor Pro 确实包含内置维护/即将推出模式,但下面的免费方法可以为您提供更多设计控制,并且不会将您锁定到订阅中。
如何构建即将发布的页面(逐步)
从空白页到工作启动页的八个步骤。按顺序进行。
第 1 步:在 WordPress 中创建新页面
在 WordPress 管理员中,转到 页面 → 添加新内容。命名它 “即将到来”(或任何你记得的东西)。单击 “Edit with Elementor” 在 Elementor 编辑器中打开页面。
第 2 步:设置 Elementor 画布页面模板
在添加任何内容之前,请单击 Elementor 面板左下角的设置档并更改 页面布局 到 元素画布Canvas 剥离了你主题的页眉和页脚,给你一个空白的石板,这对于启动页面来说很重要,因为你最不想要的就是你坐在倒计时上方的半成品菜单。
第 3 步:添加适合屏幕高度的部分
击粉红色“+”按钮, 添加新栏目, 任意挑选栏目结构(一栏最简单),打开栏目的Layout设置, 设置 高度 到 适合屏幕。这会将截面锁定在视口高度的 100%,因此即将推出的内容会使整个屏幕充满无滚动。
4步:添加背景(图像或颜色)
仍在该部分的设置中,切换到 风格 选项卡并打开 背景。你有两个选项都很好地工作:
- 背景图像。 上传代表您品牌的高分辨率照片。设置 位置:中心中心, 附件:已修复 (对于卷轴上的微妙视差),以及 尺寸:盖。在背景叠加部分添加深色叠加,以便您的文本保持可读性。
- 背景颜色或渐变。 纯色或线性渐变可使页面加载速度快,并且在移动设备上看起来干净。适合极简主义品牌。
对于纯颜色方法,背景类型为您提供颜色和渐变选项。两站渐变(您的品牌颜色逐渐变暗)无需照片即可读取现代内容。
有关更多背景技术(动画梯度、粒子、视频),请参阅我们的 Elementor 页面背景指南.
5步:添加标题和说明
拖a 标题 widget进入部分。键入你的品牌名称或像“有东西来了。”这样的短标题下面,拖动a 文本编辑器 用于解释正在启动的内容的一句话描述的小部件。
4个头条保持4个 7个单词 保持描述保持一句话即将到来的页面 整个重点是阴谋,而不是完整的营销宣传 如果你想要比静态标题更引人注目的东西,the 动画标题小部件 from 主插件免费旋转单词,主插件 Pro 添加打字效果。
6步:添加倒计时器
Master Addons 赢得名额的地方,在小部件面板中,搜索 “倒计时器”, 并将 MA 倒计时器拖入您描述下面的部分。
在小部件设置中,设置 到期日 到您的启动日期和时间。选择定时器布局(卡片式块在深色背景上看起来不错,内联文本适合简约设计),标记单位(日、小时、分钟、秒),并设置定时器打零时发生的情况:重定向到您的真实站点,隐藏小部件或显示消息。完整的设置包含在 倒计时器文档.
第 7 步:添加社交媒体链接
倒计时下方,拖入 a 社会图标 widget(elementor的默认作品,或者使用master Addons的版本来获得更多的图标库选项)。添加你活跃的每个平台,并链接到你的个人资料。将图标颜色匹配到你的整体调色板,这样它们感觉就像设计的一部分,而不是粘贴的徽标。
第 8 步:添加电子邮件注册表(可选)
如果您想从启动前流量中捕获电子邮件,请拖动 MA Mailchimp 小部件 into the section。it 显示一个来自免费 MC4WP: Mailchimp for WordPress 插件的表单,因此请先将您的 Mailchimp 受众连接到 MC4WP。在 MC4WP 表单字段中,标记输入的 “电子邮件地址”,并将按钮文本更改为 “通知我”或 “获取更新”
专业提示: Mailchimp,Elementor 表单小部件也行,但它需要 Elementor Pro,它可以将提交内容发送到网络挂钩或通过电子邮件发送给您,您可以在以后将它们导入到您的电子邮件服务中。
击发布,页面现在存在,但还不是站点头版,那就是下一步。
如何激活即将推出的页面
这是大多数教程跳过的部分。构建页面是工作的一半。使其成为您网站的实际首页是另一半。
在 WordPress 管理员中,转到 设置→阅读. 下 您的主页显示,选择 静态页面。首页下拉,选择刚建好的即将到来的页面。保存。
Now 当有人访问你的域根(yoursite。com)时,他们看到即将到来的页面,其他页面仍然存在,如果直接链接到它们,可以访问,但没有人从主页浏览到它们,当你准备启动时,回到相同的阅读设置,将主页切换回“你最新的帖子”或适当的主页。
SEO的额外步骤: 在您准备好启动之前,添加 a noindex tag到即将到来的页面(或整个站点)。安装一个免费的seo插件,如rank Math或Yoast,并切换“阻止搜索引擎在设置→阅读下索引这个站点”。启动时记得关闭它,否则谷歌会一直忽略你的真实页面。
使即将到来的页面转换的设计技巧
即将推出的获得注册和社交关注的页面看起来更像是一个品牌,而不是通知。有效的模式:
- 一项明确的行动。 “留下你的电子邮件”还是“关注我们。” 不是都突出。选择您最常使用的那个,并将其作为标题后最大的元素。
- 任何背景图像上的高对比度文本。 60 ~ 70%的深色叠加,使繁忙的照片上可以读取浅色文本,纯紫色渐变上的白色文本同样有效,加载速度更快。
- 真正的品牌资产。 Logo 你的实际,字体你的实际品牌颜色一个看起来很通用的占位符,就表明网站本身看起来很通用的。
- 移动优先排版。 Test 标题和倒计时器在手机上,如果倒计时很小或包装很尴尬,则放下它的字体大小或切换到堆叠布局移动。
- 工作社交链接。 如果社交图标指向空配置文件,访问者就会弹跳。在链接到每个平台之前至少在每个平台上发布一次。
- 对即将发生的事情的承诺。 “某大”弱 “[你的产品]”的新家具体 “[解决问题]”的更好方法让访客有理由订阅。
对于稍后添加的更多以转换为中心的小部件, Elementor 营销小部件指南 涵盖在登陆页面上获得回报的内容。
免费与专业人士:您得到什么
Master Addons的免费版本中,本教程中的所有内容都有效。Pro解锁其他小部件和更广泛的功能集,而不是您在这里需要的特定小部件。
| 特点 | 免费的 | 专业人士 |
|---|---|---|
| 倒计时器小部件 | 是的 | 是的 |
| Mailchimp 电子邮件注册小部件 | 是的 | 是的 |
| 社交图标小部件 | 是的 | 是的 |
| 动画标题小部件 | 是的 | 是的 |
| 粒子/动画梯度背景 | 仅颗粒 | 两者 |
| 弹出窗口生成器(用于退出意图启动弹出窗口) | 否 | 是的 |
| 模板套件(预先构建的启动页面) | 否 | 30多个套件 |
如果你想抢先一步, 主插件模板套件 (Pro)包含预先构建的启动页面设计, 您可以导入和编辑有关插件包的更广泛比较, 请参阅我们的 100 个最佳 Elementor 插件综述.
准备发射吗?
加入 40,000 多名网络创建者,通过主插件更快地传输 Elementor 网站。永久免费。当您需要更多小部件时升级。
常见问题
如何在 Elementor 中创建即将发布的页面?
WordPress新建页面,将其布局设置为Elementor Canvas,添加一个带有背景图像或颜色的全屏部分,然后拖动标题,描述,倒计时器和社交图标通过设置→阅读使页面成为网站的首页上方的完整演练。
Elementor 有内置即将推出的功能吗?
Elementor Pro 有维护/即将推出模式,但免费版本没有。您仍然可以通过将 Canvas 模板与 Master Addons 小部件(倒计时、社交、电子邮件注册)和 WordPress 静态主页设置相结合,使用免费 Elementor 构建自定义即将推出页面。
我可以免费创建即将发布的 Elementor 页面吗?
是的。免费 Elementor 加免费主插件为您提供 Canvas 模板、倒计时器、社交图标和电子邮件注册小部件。将主页切换到"设置 → 阅读"中的新页面。无需 Elementor Pro 或付费插件。
如何在 WordPress 中激活即将到来的模式?
转到 WordPress admin 中的设置 → 阅读。在 “您的主页显示下,”选择 “A 静态页面,”然后从主页下拉中选择您即将到来的页面。保存。访问站点根的访问者现在会看到即将到来的页面,而不是您的常规主页。
我应该阻止即将到来的页面中的搜索引擎吗?
是的。在真实站点准备好之前,打开"设置"→"阅读"→"“阻止搜索引擎”,或通过 Rank Math 等 SEO 插件将即将到来的页面设置为 noindex。否则 Google 可能会缓存占位符版本并在启动后继续显示它。
WordPress 的最佳即将推出的插件是什么?
Elementor的话,就不需要专门的即将推出插件了,Canvas模板加上Master Addons小部件,比大多数即将推出的插件都给您更多的设计控制,如果不使用Elementor,像SeedProd和即将推出&维护模式这样的插件效果很好。
包裹起来
一个好的 元素即将发布 不仅仅是一个占位符。它保持早期流量参与,构建启动前的电子邮件列表,并为其背后的品牌定下基调。免费 Elementor、免费 Master Addons 和 WordPress 的静态主页设置的组合涵盖了所有没有付费插件或 Elementor Pro 许可证的内容。
当发布日到来时,翻转主页设置 设置→阅读 您的真实网站将接管。即将推出的页面将保留在您的页面列表中,以供下次发布或未来品牌重塑。有关登陆页面工作,请参阅我们的 使用 Elementor 创建博客页面 教程和 粘性标题指南.
