วิธีเพิ่ม Housing Market Widget ลงในเว็บไซต์ของคุณ
บทเรียนที่ 152 จาก 181
วิดีโอของบทเรียนนี้กำลังอัปเดตอยู่ในขณะนี้ ขั้นตอนที่เป็นข้อความด้านล่างครอบคลุมเนื้อหาเดียวกัน ดูเวอร์ชันภาษาอังกฤษ
เมื่อออกแบบวิดเจ็ตเสร็จแล้ว การนำไปวางบนเว็บไซต์ของคุณใช้เพียงโค้ดสั้น ๆ ชุดเดียว วางครั้งเดียวจบ บทเรียนนี้จะเปิดแท็บ เผยแพร่ ของวิดเจ็ตที่ใช้งานจริง คัดลอกโค้ด แสดงตำแหน่งที่ต้องวางใน Wix, Squarespace, Webflow, Shopify, WordPress หรือหน้า HTML ธรรมดา จากนั้นวางลงในหน้า อสังหาริมทรัพย์ ของเว็บไซต์ตัวอย่าง หน้าเว็บจะแสดงอสังหาริมทรัพย์ของคุณทันที พร้อมตัวกรองและหน้าต่างรายละเอียดอสังหาริมทรัพย์ที่ผู้เข้าชมจะได้ใช้งาน
ในบทเรียนนี้คุณจะได้เรียนรู้
- ตำแหน่งที่จะพบโค้ดของวิดเจ็ต
- วิธีคัดลอกโค้ด และตำแหน่งที่ต้องวางในเครื่องมือสร้างเว็บไซต์ยอดนิยม
- สิ่งที่ต้องทำหากเครื่องมือสร้างเว็บไซต์ของคุณบล็อกสคริปต์ (โค้ด iframe)
- สิ่งที่ผู้เข้าชมเห็นเมื่อโค้ดอยู่บนหน้าเว็บแล้ว
ทำตามไปด้วยกัน: ขั้นตอน
- นี่คือแดชบอร์ด Housing Market CRM ของคุณ
- เปิด อสังหาริมทรัพย์ ในเมนูด้านซ้าย
- คลิก วิดเจ็ตเว็บไซต์
- เปิด ประกาศหน้าแรก
- เปิดแท็บ เผยแพร่
- โค้ดสั้น ๆ ชุดนี้คือทั้งหมดที่เว็บไซต์ของคุณต้องใช้ มีสองบรรทัด คือสคริปต์และตำแหน่งวางวิดเจ็ต
- คลิก คัดลอกโค้ด
- คัดลอกลงคลิปบอร์ดของคุณแล้ว
- เครื่องมือสร้างเว็บไซต์แต่ละตัวมีตำแหน่งสำหรับโค้ดกำหนดเองของตัวเอง
- Wix: เพิ่มองค์ประกอบ ฝังโค้ด ฝัง HTML
- Squarespace: เพิ่มบล็อก Code
- Webflow: เพิ่มองค์ประกอบ Embed
- บนหน้า HTML ธรรมดา ให้วางไว้ภายใน body
- หากเครื่องมือสร้างเว็บไซต์ตัดสคริปต์ออก ให้ใช้โค้ด iframe แทน ซึ่งแสดงวิดเจ็ตเดียวกัน
- นี่คือหน้า อสังหาริมทรัพย์ ของเว็บไซต์ เปิดหน้าที่ต้องการวางวิดเจ็ต
- คลิกในหน้าเว็บตรงจุดที่ต้องการให้วิดเจ็ตปรากฏ…
- …แล้ววางโค้ด
- บันทึกหน้าเว็บ
- อสังหาริมทรัพย์ของคุณอยู่บนหน้าเว็บแล้ว พร้อมรูปภาพและราคา
- ผู้เข้าชมกรองได้ตามขาย หรือเช่า ราคา ประเภท ห้องนอน และทำเล
- คลิกอสังหาริมทรัพย์เพื่อเปิดรายละเอียดในหน้าต่าง โดยไม่ต้องออกจากเว็บไซต์ของคุณ
- ผู้เข้าชมเห็นรูปภาพ คำอธิบาย และแบบฟอร์มสำหรับการสอบถาม
- เปลี่ยนการออกแบบใน Housing Market CRM แล้วหน้านี้จะเปลี่ยนตาม ไม่ต้องวางโค้ดใหม่