如何在您的网站上添加 Housing Market 小部件
教程 152/181
本教程的视频正在更新。下方的文字步骤涵盖相同的内容。 观看英文版
小部件设计完成后，只需将一小段代码粘贴一次，即可把它放到您的网站上。本教程将打开一个已上线小部件的“发布”标签页，复制代码，演示在 Wix、Squarespace、Webflow、Shopify、WordPress 或普通 HTML 页面中应粘贴到什么位置，然后把它粘贴到一个演示网站的“房源”页面。该页面随即显示您自己的房源，并带有访客将会使用的筛选条件和房源详情窗口。
在本教程中您将学到
- 在哪里找到小部件的代码
- 如何复制代码，以及在常见建站工具中粘贴到何处
- 如果您的建站工具禁用脚本该怎么办（iframe 代码）
- 代码放到页面上后，访客会看到什么
跟着做：操作步骤
- 这是您的 Housing Market CRM 后台。
- 打开左侧菜单中的「房源」。
- 点击“网站挂件”。
- 打开“首页房源”。
- 打开“发布”标签页。
- 您的网站只需要这段短代码。它有两行：脚本和小部件的位置。
- 点击“复制代码”。
- 代码已复制到剪贴板。
- 每个建站工具都有自己放置自定义代码的位置。
- Wix：添加元素、嵌入代码、嵌入 HTML。
- Squarespace：添加代码块。
- Webflow：添加嵌入元素。
- 在普通 HTML 页面上，把它粘贴在 body 内。
- 如果建站工具会移除脚本，请改用 iframe 代码。显示的小部件相同。
- 这是某网站的“房源”页面。打开要放置小部件的页面。
- 在页面上点击小部件应出现的位置……
- ……然后粘贴代码。
- 保存页面。
- 您的房源已显示在页面上，带有照片和价格。
- 访客可按出售或出租、价格、类型、卧室数和位置筛选。
- 点击某个房源，即可在窗口中打开详情，无需离开您的网站。
- 访客可看到照片、描述和咨询表单。
- 在 CRM 中修改设计，此页面随之更新。无需粘贴新代码。