利用“IDX经纪人”开发IDX房地产网站

开发一个房地产列表网站,该网站可以快速加载房产详细信息,愿望列表属性,并联系正在处理这些属性的代理。客户的主要要求是展示客户名下的房产以及与客户办公室相关的代理。

即使该网站计划在wordpress中开发,客户端的房地产数据将从称为IDX Broker的MLS列表提供商加载到网站中。除了这些MLS功能,该网站还拥有20多个定制设计的页面,以及一个为经纪人、买家和卖家提供房地产导向课程的LMS系统。

项目详细信息

工业:房地产
工具使用:WordPress, HomePress主题,IDX代理插件/API, LearnDash插件,登陆页面
技术应用:WordPress, Php, Ajax

地区:美国

这个团队

项目协调员- 1
UI/UX设计师- 1
开发商- 1

障碍

在项目开始时,客户从(themeforest.net)中选择了一个第三方主题(HomePress)。该主题有一个内置的物业管理系统,也支持IDX代理基本层次上的集成。但是由于客户正在寻找IDX相关页面的定制设计,建议的主题在IDX相关页面方面没有任何用处。由于ColorWhistle建议(基于最初的讨论和需求)主题和客户购买了相同的主题,我们将HomePress主题用于非IDX相关的页面和LMS系统,我们计划使用IDX Broker API开发IDX相关的页面,并将主题的属性相关页面作为设计参考。

与其他API项目不同,IDX经纪人的API文档是我们的主要参考点,我们必须不断与IDX技术支持团队联系,以解决疑问和澄清问题。IDX Broker的API文档很难解释,我们几乎必须联系技术支持来解决所有问题。

IDX代理的API在API端点方面有各种限制。由于各种原因,他们的文档中提到的大多数API调用都不能用于生产。没有搜索API调用可以通过城市、属性类型、子属性类型等来搜索属性。它们为清单提供了2个API调用。1.推荐列表和售出列表。

使用这个,我们需要将它们存储在我们自己的数据库中,并根据我们的需求在本地查询。而且,没有API调用来获取详细的列表数据。即使是为了显示列表/属性的详细数据,我们也需要查询所有属性。这是一个巨大的挫折,这不是API开发通常工作。因此,我们必须将API调用返回的数据存储在数据库中,并且必须在特定的时间间隔更新数据,以确保列表数据是更新后的数据。

规划

主题选择策划

分析客户购买的第三方主题(HomePress)的影响及其特性,我们有必要进行对比自定义主题开发并根据时间、成本和性能等各种因素确定最佳方案。

网站设计方案

即使客户选择了主题设计,他们也要求在设计、颜色、字体等方面进行各种更改。

所以在安装完HomePress主题之后,我们必须根据客户的主题对整个网站进行各种更改品牌颜色。客户还提供了对现有主题设计需要修改的详细要求。所以我们不得不根据客户的要求对设计进行修改。以下是我们在设计网站时考虑的要点。

  • 分析客户需求
  • 对近期的市场目标进行头脑风暴
  • 在主题演示的页面中只保留所需的模块。

CMS页面开发流程

尽管这是一个房地产挂牌网站该网站有很多CMS页面,如关于,卖家,买家,代理商和联系页面,也有一个LMS系统来构建使用LearnDash.由于API方面总是有延迟,我们决定提前完成LMS工作和其他CMS页面的工作。我们完成了CMS页面开发而且LMS发展还有移动响应能力。

导览页面开发流程:

由于客户希望面向属性的页面设计像HomePress主题设计一样,我们使用IDX Broker API开发了属性列表相关的页面,并以HomePress主题设计为参考。下面是我们使用IDX Broker API构建的属性相关页面。

  • 列出客户端下的活动属性。
  • 根据物业类型(土地、住宅等)列出客户端下的物业
  • 根据物业子类型(单户住宅,改良土地等)列出客户下的物业
  • 基于City(Autora、Parker等)在客户端下列出属性
  • 列出与此帐户关联的代理下的属性。
  • 属性的详细信息
  • 根据搜索搜索并列出Properties(在客户端下)结果。

在开发这些页面时,我们遵循了以下几点。

  • 兼容性分析- HomePress主题与属性列表相关的自定义编码vs最新WP版本和其他插件
  • 分析利用CMS页面中使用的现有属性布局,这将有助于节省时间。
  • 在这个阶段决定正确的开发策略涉及更多的定制工作。

其他模块开发流程

愿望清单

由于属性列表数据来自IDX Broker API并存储在我们的数据库中,因此我们无需使用任何现有插件就自行构建了自己的愿望列表模块。在这个过程中,我们遇到了各种各样的障碍,因为我们必须使用AJAX来列出一个属性并删除一个属性,以确保页面不会加载到进程中。

由于房产列表数据来自IDX Broker API并存储在我们的数据库中,我们利用它来构建我们的高级搜索模块,它提供各种搜索过滤器,如价格,城市,房产类型,房产子类型,面积大小,浴室数量,卧室数量和房产状态等。

客户要求的改变

我们已经完成了所有的网站开发工作,我们正计划迁移网站的生活。客户对演示很满意,客户检查了一些竞争对手的网站,客户觉得更好的是在她的网站上显示所有在美国的MLS属性,而不仅仅是他们公司的属性。这是一个很大的需求变化,可能会对开发时间产生巨大的影响,客户意识到这一点,即使成本和时间增加,客户也能接受。

我们联系了IDX Broker的API支持团队,了解了该需求,并明确了在美国使用哪些API端点来显示所有MLS属性。

IDX Broker回应说,由于MLS数据安全性,没有用于显示MLS属性的API。在网站上显示所有MLS属性的唯一方法是使用他们的IDX Broker插件。但是IDX代理插件的问题是他们没有任何自定义设计。他们只是提供了看起来基本的基本设计模板。

再开发过程与障碍

因为我们不能使用API来满足这个需求,所以我们不得不把我们使用IDX Broker API开发的所有东西都去掉,然后从头开始使用IDX Broker插件,并使用他们提供的动态包装器选项。

当我们使用API时,我们总是可以自由地使用我们想要的数据,并以任何我们想要的方式显示它。但是当我们使用插件的时候,有很多限制,我们的自由是有限的。客户希望在我们使用API开发的插件数据中使用相同的设计。这是一个主要的挑战,因为我们已经从IDX代理插件和动态包装器中加载了一个设计,而且我们只有一个CSS选项来使它看起来像自定义设计。

要使面向属性的页面看起来像自定义开发的页面,这个过程非常具有挑战性。利用我们在设计方面的广泛知识,我们几乎匹配了我们在API中开发的所有东西,从属性列表页面、搜索页面、高级搜索页面、代理页面下的属性列表、特色属性片段、已售属性片段和列表详细页面。与API开发相比,使用插件和动态包装器的一个优点是我们不需要开发愿望列表、虚拟漫游、抵押计算器、画廊等。IDX Broker插件本身在特定页面中提供了这些特性。

IDX Broker的动态包装器功能

当使用IDX Broker插件和动态包装器时,属性相关的页面不会直接显示在网站上。它们被加载在idxbroker.com的子域名上。为了以一种属性加载在我们的网站的方式来呈现它,动态包装器功能将使用我们的主网站的页眉和页脚,这样用户就会觉得他们是在同一个网站,但实际上不是。他们还提供了一个选项,以确保URL看起来也类似于我们的域名,通过做CName DNS配置,将加载属性相关的页面在我们的子域,而不是IDX代理的子域。

网站重新设计前的概述

该网站有20多个页面,包括关于我们的页面,团队成员页面,博客,联系我们,卖家,买家,代理商和其他在wordpress中构建的页面。该网站有以下特点。

  • 自定义设计的主页,介绍视频,按城市的属性,特色属性
  • 为卖家,买家,代理商和团队成员定制设计的页面
  • 按城市分类的房产
  • 按属性类型划分的属性
  • 按子属性类型划分属性
  • 按价格划分的房产(豪华、实惠)
  • 房产详细页面与抵押计算,画廊,虚拟之旅等
  • LMS课程与注册功能
  • 登录和注册功能
  • 免费房屋评估

结果

  • 新服务器加载重新设计的网站速度加快80%
  • 标题中的简单导航增加200%的点击量
  • 页面速度已经提高,加载在4秒
  • 简单的登录/注册
  • MLS属性列表
  • 联系代理这些房产的代理人。
  • 能够通过改善用户体验来吸引更多的转化率
  • 总的来说,该网站已经为新的营销活动做好了准备,以吸引更多用户

作为顶尖的房地产网站解决方案提供商, ColorWhistle可以创建,战略,设计和开发您的网站需求。从集成第三方工具到网站开发,我们可以为您的业务挑战和目标提供有效的解决方案。

如果您在网站设计、网站开发方面需要任何帮助数字营销适用于任何企业保持联系或致电+1(919)234-5140。我们很高兴与您合作。

拉杰夫
关于作者- Rajeev

Rajeev是一名WordPress开发人员,有7年以上的经验,在旅游、教育、房地产和电子商务等各个行业建立网站,性能和网站加载速度是核心目标。他还热衷于基于api的网站开发,因为他相信这可以使企业以创造性的方式超越。工作之余,他也是费德勒的粉丝,梦想有一天能在中心球场观看费德勒的比赛,他喜欢在业余时间打羽毛球!

准备开始了吗?

让我们来创作你的下一个数字故事

我们的专业认证- ColorWhistle
转到顶部
关闭弹出

大家一起说

    当然可以,请留下您的详细信息,我们的代表将很高兴给您回电!

    例:无名氏

    例:美国

    更多细节,加速这个过程:)

    Baidu
    map