指南

使用 WordPress 搭建房地产网站

房产网站要承担四项职能:展示房源、让买家逐步缩小范围、回答房源信息引发的问题,并收集咨询。本指南将完整覆盖这四项,从全新的 WordPress 安装开始,最终完成一个买家可以筛选的房源列表页。主题中不包含 MLS 或 IDX 数据源,也没有 CRM,因此本指南适用于经纪人、小型房产经纪公司,或为自有房源建站的开发者。

第 1 步:准备 WordPress

在添加第一个房源之前,先确定三项设置,因为每一项都会出现在之后不便修改的位置。

  • 站点标题和副标题。进入“设置”,然后选择“常规”。机构名称应放在标题中,副标题应说明您销售什么以及服务地区,例如某一区的家庭住宅。搜索结果和分享链接都会引用这些内容。
  • 固定链接。依次进入“设置”、“固定链接”,然后选择“文章名称”。此后每个房源都将获得易读的地址,这很重要,因为房源链接常会在合作伙伴、父母和朋友之间转发。
  • 时区。再次前往“常规”屏幕。咨询会按此时区标注时间戳,而时间戳可用来判断哪位买家先提出咨询。

房源列表以图片为主:每处房产都带有图库,而 PHP 内存限制过低,通常是导入在媒体文件处理中途停滞的常见原因。请向您的主机服务商确认当前的上限。版本要求和备份流程对所有 Canvas 站点都一样,因此统一放在导入指南中。

版本、备份与主机资源余量

询盘若一天无人查看,就可能让您失去买家。除非另行设置,WordPress 会将邮件交由您的服务器发送,而许多主机会悄无声息地丢弃这些邮件,因此在任何房源上线前,请先连接邮件投递服务或 SMTP 插件。

第 2 步:安装 Canvas 并运行设置向导

从您的控制台上传主题压缩包(外观、主题、添加新主题、上传主题),启用后设置向导会立即启动。向导要求时,请粘贴您的许可证密钥;有了该密钥,向导才能获取房地产套件。在演示步骤中搜索房地产。该设计未使用第三方插件,因此插件步骤无需安装任何内容,会直接进入下一步。

设置向导最后还会为站点命名。如果您进行了全站导入,该步骤会自动填好,且每个步骤都可以跳过,之后可从 Canvas 菜单中继续完成。

设置向导中的演示站点目录,每张卡片会在导入前统计该演示站点将添加的内容
选择演示站点。该卡片统计导入房地产演示站点前将新增的内容。

分步讲解设置向导

许可证费用及其覆盖的站点数量

步骤 3:导入房地产演示站点

导入任何内容前,请像买家一样使用在线预览:执行搜索、按价格缩小范围、打开一处房源。它本身就是房地产演示站点,运行在您即将安装的主题上。

选择哪种范围

新建的代理机构网站应采用整套设计。全站导入后,演示的主题选项、字体、颜色和菜单都将归您所有。如果您已经运营网站,只想要房源列表功能而不要其外观,请导入到现有网站中:页面和房源记录会被导入,而您自己的设计保持不变。

包含内容

  • 9 个页面:三种首页设计、列表页、服务、建筑商、关于、联系和博客
  • 10 个房源,每个房源都是 Properties 内容类型中的一条记录,包含价格、卧室、浴室、面积、图库和地图
  • 房产类型,包括别墅、公寓、办公楼、庄园、商用及住宅,以及用于归类每处房产的位置
  • 5 篇博客文章,让市场新闻板块从第一天起就不会空着
  • 10 个表单:四个房产搜索表单、一个联系表单、两个快速报价表单、一个预订表单和一个订阅表单。
  • 页眉、页脚、顶部栏、侧边面板和四种主视觉设计,全部都是可编辑的记录
Canvas Real Estate 演示的房源列表页,首屏上方是房源搜索栏,下方是房源卡片网格
导入后的房源列表页。搜索栏位于房产记录网格上方。

对设计改变主意了?在 Canvas 的演示导入中可以回滚本次导入,包括房产记录在内,并恢复之前的设置。

演示站点导入的完整流程

第 4 步:替换演示文字和图片

从页面列表中打开您要保留的首页。编辑器会在真实的页眉、搜索栏和页脚中显示该页面,因此您编辑的页面就是买家最终看到的页面。

从三种首页设计中选择一种

该演示站点附带三个首页:标准首页、滑块首页,以及买卖与租赁首页,其搜索功能以标签页形式同时提供这两种服务。请在设置中的阅读选项里,将您想要的页面设为首页,确定后删除另外两个。保留三个首页没有必要。

先文字,后图片

直接在任意标题或段落中输入即可替换内容。然后处理图片:选中一张图片,从媒体库中替换,并保持外观照片的比例接近演示站点的比例,以免首屏主视觉区域跳动。颜色、链接和尺寸设置位于每个区块在右侧打开的设置面板中。

用只有您才能说出的内容替换演示文案:您实际负责的街区、您在该地区工作了多久、您的佣金涵盖哪些服务。选择经纪人的买家会关注细节。如果某个版块不适合您,请删除它,然后插入一个模式替代;Canvas 提供 183 个模式和 314 个区块,模式会以普通区块的形式呈现,您可以像调整其他区块一样重新排列。

WordPress 区块编辑器显示一个 Canvas 页面,其页眉、主视觉区和页脚环绕着内容
就地编辑。编辑时,页眉和页脚会包裹住正在编辑的页面。

步骤 5:以记录形式录入房源

这是决定网站能否长期维护的关键一步。房地产演示站点中的房源并不是需要逐页排版的页面,而是 Properties 内容类型中的一条记录。它会像文章一样列在后台,每张卡片、每行房源列表以及房源自身的页面,都从这条记录读取数据。

单条记录包含的内容

  • 价格及其计费周期,按报价方式书写:$1.2m 配 租赁产权,或 $799 配 每月。
  • 以纯数字形式填写的价格和面积,位于其旁。这些是搜索范围所比较的值,因此留空的记录将不会出现在价格或面积筛选结果中,但仍会出现在未筛选的搜索中。
  • 标签,例如“待售”“长租”或“热门优惠”。它是记录上的一个字段,无需有人重新绘制图形。
  • 卧室数、浴室数、建筑面积和位置,这正是买家浏览房源卡片时最先查看的信息。
  • 图库、视频链接和嵌入式地图,另外还有数据条、规格列表,以及您按每行一项填写的设施列表。
  • 房源上显示的经纪人,包含姓名、职务和照片。

每处房产都要录入两次

为每条记录设置房产类型和位置。这两个分类法是搜索下拉菜单的数据来源,也是列表区块的筛选依据,因此未归入任何分类的房产,任何人都无法找到。演示站点默认提供别墅、公寓、办公室、大型地产、商业和住宅类房产,以及四个位置;请将其改为您自己的区域,并根据需要添加更多。

将 10 条演示记录逐一处理一遍。先编辑第一条以了解各字段,然后删除其余记录并添加您自己的内容。前几条会花些时间;之后就是录入数据,房源页面的布局无需再费心。

Canvas 房地产演示站点中的房源页面在手机上的显示效果,包括房源名称、类型、图库和视频按钮,以及价格及其周期。
一条记录,手机上也能看。名称、类型、图库、视频和价格,都来自这条记录的字段。

房产页面由多个区块组成,每个区块负责呈现房源信息的一个部分:主图横幅、数据条、参数表、配套设施列表、地图嵌入、视频嵌入以及一排相似房源。您可以重新排列这些区块,也可以删除不需要的区块。

第 7 步:通过表单接收咨询

没有人能回复的房源页面只是一份宣传册。该演示站点已预先配置好咨询表单,每个表单均为一条表单记录,可通过 Form Embed 区块放置在任意页面上。

随演示站点附带的三项

  • 联系表单,位于联系页面,用于一般咨询。
  • 两款快速报价表单,一款深色、一款浅色,用于放置在房源旁边的简短估价请求。
  • 预订表单,用于针对特定房源的看房或房源保留请求。

只需设置一次

这三个表单都会保存每条咨询并通过邮件发送。逐一打开每个表单,将通知地址改为有人真正会查看的邮箱,并在邮件主题中加入一个便于筛选的词,例如房源类型。

每条咨询也会保存在您自己的网站中,位于 WordPress 后台的“提交记录”下,因此收件箱即使满了,也不会遗漏线索。设置保留期限后,旧记录会按计划被删除或匿名化,这决定了买家的姓名和电话号码会被保存多久。CRM 应独立于主题之外:表单的 Webhook 操作会将每条咨询转发给您使用的 CRM,Canvas 并不假装自己是 CRM。

第 8 步:设置页眉、联系方式和页脚

买家准备好沟通时,会先看页面顶部的电话号码,再看底部的地址。在 Canvas 中,页面两端都是由区块构建的记录,您可以像编辑普通页面一样进行编辑。

页眉

将页眉分为几个区域排列:左侧为徽标,中间为导航,右侧放置一个 Header Button,用于引导访客完成最重要的操作,例如预约估价,旁边是一个显示您电话号码的 Header Icon Link。演示页眉在首屏照片上方呈透明状态,页面滚动时变为实色。这两项均可在设置中调整,单个页面也可以覆盖全站页眉。

顶部栏位于其上方,侧边面板则藏在其后。顶部栏本身是一条独立的记录,因此适合用来展示本周末的开放日活动。

页脚与详细信息

办公地址和电话号码位于 Footer Contacts 区块中。请找出演示站点电话号码的每一处副本并逐一替换:联系页面、页脚以及每个表单的通知设置。若潜在客户拨打了演示站点的号码,您将永远收不到这条线索。

无需插件,逐步构建页眉

两个房产演示站点对比

第 9 步:检查后发布

在首位购房者访问网站之前,请逐一完成以下检查。每项检查都不费时。

  • 进行您自己的搜索。 选择一个您知道有匹配结果的位置、类型和价格区间,再选择一个您知道没有匹配结果的组合,并确认两者都能正常运行。
  • 打开三个房产页面,对照您自己的文件核对价格、卧室数、卫生间数和面积。
  • 用手机通过移动数据发送一条真实的测试咨询,然后同时查看邮件和已存储的记录。
  • 用手机查看。房源浏览发生在沙发上、火车上,也发生在房屋外的人行道上。
  • 描述照片内容。替代文本会被屏幕阅读器朗读,也是搜索引擎了解房间外观的主要途径之一。
  • 请查看 SEO 屏幕。标题、描述、分享卡片以及横跨 16 种 Schema 类型的结构化数据,均来自列表本身,因此具体的列表会生成具体的搜索结果。
  • 选择您的性能开关。Canvas 提供 35 项优化;每项都可以再次关闭,且每项都能避免页面加载其不需要的内容。

然后发布。此后,站点就是一组房产记录,您可以在房源上架和进入已报价状态时进行更新,而无需重新搭建项目。

来源

凡本指南涉及 Canvas 本身之外的内容,以下为相关的官方文档页面。

  • “设置”中的“常规”页面wordpress.org · WordPress 在何处保存站点标题和副标题,时区设置也在同一屏幕中
  • 设置固定链接页面wordpress.org · 文章名称结构,可为每个页面提供易读的地址
  • wp_mail()developer.wordpress.org · WordPress 默认将邮件交给 PHP 的 mail() 函数处理,邮件发送成功并不代表已送达。
  • 图片教程w3.org · 屏幕阅读器会朗读图片的替代文本
  • 什么是主题?developer.wordpress.org · 主题负责展示效果,网站所依赖的功能则应放在插件中
常见问题

常见问题

完整的常见问题可解答其他疑问,文档详细介绍了每项设置。

此主题能否从 MLS 或 IDX 数据源获取房源列表?

不包含,也没有 CRM。Canvas 没有 MLS 或 IDX 集成,也没有线索管理流程:它只负责列出您在自己网站上发布的房源,并保存这些房源产生的咨询。房源数据订阅推送、线索管理流程和看房预约工具属于插件的职责范围。房地产演示站点的表单可以发送到 Webhook,使线索进入您已在使用的工具。如果您的网站核心需求是房源数据源,那么专业的房源插件才是合适的工具。

如何添加房源?

进入“房源”,然后点击“新建”,与撰写文章的方式相同。标题即房源名称,特色图片即卡片照片,编辑器下方的字段用于填写价格及计价周期、标识徽章、位置、卧室数、浴室数、建筑面积、图库、数据条、规格列表、配套设施列表、列表中显示的经纪人、视频链接和地图嵌入代码。为其指定房源类型和位置后,它便会出现在列表、搜索结果及其独立页面中。

房产搜索功能真的能筛选我自己的房源吗?

是的,房地产演示站点中的房源搜索会筛选您在自己网站上发布的房源,不会从其他任何地方获取数据。搜索功能是设置为搜索模式的 Canvas Form,指向房源页面,该页面上的房源区块会读取筛选条件并缩小查询范围:购买或租赁、位置、房产类型、卧室数量、浴室数量、价格区间和面积区间。筛选条件会保存在网址中,因此经过筛选的房源列表可以被链接、收藏和分享。

咨询信息会发送到哪里?

提交内容会保存到您自己的网站数据表中,可在 WordPress 后台查看,并会发送到您在表单中设置的邮箱地址。演示站点中的联系表单、快速报价表单和预订表单均设置为两种方式同时使用,因此即使收件箱已满,询盘也不会丢失。每个表单还带有一个蜜罐字段,这是一个不可见的陷阱,可以拦截大部分垃圾信息,同时不会打扰真实用户。

演示站点附带 10 个房源。如果我有两百个呢?

将这二百条全部添加为房源记录:演示站点中的 10 条房源只是示例,并非上限。列表区块可设置每页显示的数量、所调用的房源类型以及排序方式。搜索框中的位置和房源类型下拉菜单会实时读取其选项,因此下个月添加的位置无需修改表单即可出现在搜索中。

使用 Canvas 构建您的下一个网站

无论是新手、自由职业者还是代理机构,获得的区块与演示站点都完全相同。可以从一个网站开始,并在同一许可证下按需搭建任意数量的网站。