几分钟内就能创建一个商业网站吗?借助 Hello Biz 主题和 Elementor 直观的编辑器,即使零设计经验,您也可以在几分钟内创建一个精美的、可立即转换的网站。本分步指南(以及完整的视频教程!)将向您展示如何将商业创意转化为精美的商业网站,其中包含设计师定制的模板、轻松的自定义功能以及内置工具,可帮助您的网站不断发展壮大。
文章目录
创建商业网站可能会让人不知所措,尤其是对于网页设计新手来说。但如果只需几分钟就能搭建一个功能齐全、专业的网站,那会怎样呢?
使用免费的 WordPress 主题Hello Biz 和Elementor,您可以快速创建一个以转换为中心的网站,该网站看起来很专业,并且可以随着您的业务增长而扩展。
在本指南中,我们将逐步指导您完成整个流程。此外,您还可以观看我们嵌入下方的视频教程,实时查看演示!
为什么要使用 Hello Biz 和 Elementor 来建立您的商业网站?
在深入探讨之前,让我们先来谈谈为什么 Hello Biz 和 Elementor 是构建商业网站的终极强大组合:
✅ Hello Biz 是一款专为商业网站设计的免费 WordPress 主题,提供引导式设置向导、专业设计的模板和内置的 Elementor 小部件。
✅ Elementor的拖放式编辑器让网站创建变得直观——无需编码。
✅您可以通过全局样式、高级自定义功能以及丰富的即用型模板库,获得完全的创意掌控权。
现在,让我们开始构建您的商业网站!🎉

步骤 1:安装 Hello Biz 并设置您的网站
开始:
1️⃣安装 Hello Biz:从您的 WordPress 仪表板,转到外观 > 主题 > 添加新主题,搜索Hello Biz,然后安装并激活。
2️⃣启动设置向导:Hello Biz 入职向导将指导您选择模板并设置基本元素。
3️⃣选择预建模板:模板库为不同类型的企业(例如顾问、摄影师、代理商、餐厅等)提供专业设计的布局。
4️⃣应用模板:您可能需要连接 Elementor 帐户才能访问模板库。连接后,点击“全部应用”即可导入设计。
5️⃣个性化模板:直接在 Hello Biz 主屏幕上更改网站名称、上传徽标并设置品牌颜色和字体。
第 2 步:自定义您的网站
应用模板后,就可以个性化内容以匹配您的品牌了。
1. 设置主页
您的主页是访客对您商家的第一印象。以下是如何自定义主页:
🔹更新 HERO 部分(主横幅):
- 使用视觉预设更改布局。
- 修改简介文字、标题和副标题。
- 添加或编辑主要的号召性用语按钮 (CTA)。
- 调整HERO 形象。
🔹使用全局颜色和字体
- 单击地球图标以选择预定义的颜色(而不是手动分别设置每个元素的样式)。
- 使用全球字体来保持一致的品牌标识。
🔹个性化专业化和服务部分
- 用您自己的业务服务替换默认的文本和图像。
- 更新标题和描述以反映您的产品。
🔹客户评价部分
- 修改客户姓名和推荐书。
- 保持五星评级以展示客户满意度。
🔹号召性用语 (CTA) 部分
- 从视觉布局预设中选择布局。
- 更新CTA 标题、描述和按钮文本。
- 使其风格与您的品牌标识相匹配。
完成后,发布你的更改!🎉
步骤 3:编辑核心页面(服务、关于和联系)

2. 自定义服务页面
您的服务页面可帮助访问者了解您提供的服务。
✔更新“HERO”版块(布局、标题、描述和图片)。
✔使用 ZigZag小部件(非常适合服务描述)编辑“层叠服务”版块。
✔删除不必要的用户评价版块(如果首页上已有)。
✔确保CTA 按钮正确链接到相关页面。
3. 自定义“关于”页面
“关于”页面分享您的故事并与潜在客户建立信任。
✔ 更新英雄部分和文本编辑器小部件。
✔添加个人信息、商业价值或团队介绍。
✔重复使用CTA 部分以保持设计一致性。
4. 设置联系页面
联系页面确保潜在客户可以轻松联系到我们。
✔自定义联系表单(修改字段以满足您的业务需求)。
✔启用电子邮件提交(表单回复将发送到您的收件箱)。
✔设置“感谢”页面,用于提交后确认。
✔在联系人小部件中添加联系方式(电子邮件、电话、地址、地图视图),以提高可信度。
完成后,发布并测试您的表单。✅
步骤 4:优化页眉和页脚

5. 更新标题
您的网站标题包括导航菜单、徽标和 CTA 按钮。
✔根据您的喜好调整布局并添加徽标或网站名称。
✔如有需要,更新导航菜单。
✔修改CTA 按钮文本和电话号码。
✔使用“高级”选项卡启用粘性标题、 浮动效果或滚动时更改背景。
6. 自定义页脚
页脚提供了重要的业务信息:
✔ 添加简短的业务描述。
✔更新社交媒体链接(替换占位符句柄)。
✔修改联系方式(邮箱、电话、地址)。
✔调整排版样式,提高可读性。
一旦满意,就发布您的更改。🎉
步骤 5:确保移动响应能力
每个专业网站都应该适合移动设备。幸运的是,Hello Biz 模板完全响应式!
✔使用 Elementor 的响应模式进行最终的移动端检查。
✔如有需要,调整任何设计上的不一致之处。
✔启动前,在不同屏幕尺寸下预览您的网站。
奖励:升级到 Elementor Pro
随着业务的增长,您可能需要更多高级功能。Elementor Pro可解锁:
✅表单提交仪表板–一站式收集和管理所有表单条目。
✅专业小部件– 使用价格表、评价、倒计时和其他高转化率元素。
✅弹出窗口– 捕获潜在客户、推广优惠信息并扩展您的电子邮件列表。
✅主题构建器– 创建自定义博客布局,以实现更好的SEO 和品牌推广。
想让您的网站更上一层楼吗?不妨考虑升级到Elementor Pro,享受这些专属功能。🚀
最后的想法
就这样!🎉 你刚刚用Hello Biz 和 Elementor搭建了一个专业的商业网站——创下了纪录。
从设置主页到自定义服务、关于和联系页面,本指南涵盖了快速高效地启动网站所需的一切。
有问题吗?请在评论区留言——我们很乐意提供帮助!
准备好搭建自己的网站了吗?免费安装 Hello Biz,立即开始!
声明:原文出自:https://elementor.com/blog/step-by-step-business-website-guide/,由“WordPress 建站帮(WPJZB)”翻译整理,转载请保留本声明。