如何在您的網站加入 Housing Market 小工具
教學 152/181
本教學的影片正在更新。下方的文字步驟涵蓋相同的內容。 觀看英文版
小工具設計完成後，只要貼上一段簡短的程式碼，就能放到您的網站上。本教學開啟已上線小工具的「發布」分頁，複製程式碼，說明在 Wix、Squarespace、Webflow、Shopify、WordPress 或純 HTML 頁面該貼在哪裡，然後貼進示範網站的「物件」頁面。該頁面立即顯示您自己的物件，並附有訪客會使用的篩選條件與物件視窗。
在本教學中您將學到
- 在哪裡找到小工具的程式碼
- 如何複製它，以及在常見網站建置工具中該貼在哪裡
- 若您的網站建置工具封鎖指令碼該怎麼辦（iframe 程式碼）
- 程式碼放上頁面後，訪客會看到什麼
跟著做：操作步驟
- 這是您的 Housing Market CRM 儀表板。
- 在左側選單開啟「物件」。
- 點選「網站小工具」。
- 開啟首頁物件。
- 開啟「發布」分頁。
- 您的網站只需要這段簡短程式碼。它有兩行：指令碼與小工具的位置。
- 點選「複製程式碼」。
- 已複製到您的剪貼簿。
- 每個網站建置工具都有自己的自訂程式碼位置。
- Wix：新增元素、嵌入程式碼、嵌入 HTML。
- Squarespace：新增程式碼區塊。
- Webflow：新增嵌入元素。
- 在純 HTML 頁面上，請貼在 body 之內。
- 若您的建置工具移除指令碼，請改用 iframe 程式碼。它顯示相同的小工具。
- 這是某網站的物件頁面。開啟要放置小工具的頁面。
- 在頁面中點選小工具應出現的位置……
- ……然後貼上程式碼。
- 儲存頁面。
- 您的物件已在頁面上，並顯示照片與價格。
- 訪客可依出售或出租、價格、類型、臥室數與地點篩選。
- 點選物件即可在視窗中開啟詳細資料，無須離開您的網站。
- 訪客會看到照片、說明與諮詢表單。
- 在 CRM 中變更設計，此頁面隨之更新。無須貼上新的程式碼。