使用“IDX Broker”开发IDX房地产网站

开发一个房地产列表网站,这是快速加载财产的详细信息,愿望清单财产和联系代理谁正在处理这些财产。客户的主要要求是显示我们客户名下的房产以及与我们客户办公室相关的代理。

尽管该网站计划在wordpress中开发,但客户端的房地产数据将从MLS列表提供商IDX Broker加载到网站中。除了这些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 broker的API文档是我们的主要参考点,我们必须经常与IDX技术支持团队联系以获得疑问和澄清。IDX Broker的API文档很难解释,我们几乎必须联系技术支持。

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

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

规划

主题选择策划

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

网站设计方案

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

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

  • 分析客户需求
  • 头脑风暴当前的市场目标
  • 只保留主题演示页面中所需的模块。

CMS页面开发流程

尽管这是a房地产挂牌网站,该网站有许多CMS页面,如About, seller, buyer, Agents和Contact页面,并使用LMS系统来构建LearnDash。由于API端总是有延迟,我们决定提前完成LMS工作和其他CMS页面工作。我们完成了CMS页面开发LMS发展以及移动响应能力。

旅游页面开发流程:

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

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

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

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

其他模块开发流程

愿望清单

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

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

客户需求的变化

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

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

IDX Broker回应说,由于MLS数据安全问题,没有显示MLS属性的API。在网站上显示所有MLS属性的唯一方法是使用他们的IDX经纪人插件。但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是一名拥有7年以上网站建设经验的WordPress开发者,涉及多个行业,如旅游、教育、房地产和电子商务,其核心目标是性能和网站加载速度。他还对基于api的网站开发充满热情,因为他相信这可以使企业以创造性的方式超越。工作之余,他是另一个费德勒的粉丝,梦想着有一天能看到费德勒在中央球场打球,他喜欢在业余时间打羽毛球!

准备好开始了吗?

让我们来构思你的下一个数字故事

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

大家一起说

    当然,请留下您的详细信息,我们的代表会很乐意给您回电话的!

    约翰·多伊

    例如:美国

    更多的细节,加快进程:)

    Baidu
    map