วิธีสร้างเว็บไซต์อสังหาริมทรัพย์โดยใช้ Toolset Real Estate และ OceanWP

เผยแพร่แล้ว: 2019-07-21

เว็บไซต์อสังหาริมทรัพย์ต้องมีความเสถียรและน่าเชื่อถือพอๆ กับบ้านที่คุณขาย

แต่การสร้างเว็บไซต์อสังหาริมทรัพย์ที่แข็งแกร่งซึ่งผู้ใช้จะสนุกกับการใช้ในบางครั้งอาจเป็นเรื่องยากพอๆ กับการสร้างบ้านที่คุณกำลังขาย หากคุณใช้เครื่องมือผิดชุด

โชคดีที่การรวม Toolset Real Estate กับ OceanWP ได้รับการพิสูจน์แล้วว่าให้เว็บไซต์อสังหาริมทรัพย์แบบมืออาชีพพร้อมฟังก์ชันทั้งหมดที่คุณต้องการ

ในคู่มือนี้ เราจะแสดงให้คุณเห็นถึงวิธีสร้างคุณสมบัติดังต่อไปนี้:

  • ประเภทโพสต์ที่กำหนดเองสำหรับคุณสมบัติและตัวแทนต่างๆ ของคุณ
  • ฟิลด์ที่กำหนดเองเพื่อเพิ่มข้อมูลเช่นจำนวนห้องน้ำ
  • การจัดหมวดหมู่เพื่อแยกทรัพย์สินของคุณตามคุณลักษณะ (บ้านเดี่ยว บังกะโล ฯลฯ)
  • เทมเพลตสำหรับแสดงคุณสมบัติของคุณด้วยโครงสร้างเดียวกัน
  • แถบเลื่อนเพื่อแสดงรูปภาพคุณสมบัติของคุณ
  • โพสต์ความสัมพันธ์เพื่อเชื่อมโยงตัวแทนอสังหาริมทรัพย์กับทรัพย์สินที่พวกเขารับผิดชอบ
  • การค้นหาเพื่อให้ผู้ใช้สามารถค้นหาคุณสมบัติที่ดีที่สุดสำหรับพวกเขาได้อย่างง่ายดาย
  • แผนที่แสดงที่ตั้งของคุณสมบัติและผลการค้นหา
  • แบบฟอร์มส่วนหน้าเพื่อให้ผู้ใช้ส่งรายการทรัพย์สินของตนเองได้

หากคุณต้องการทำตามขั้นตอนเหล่านี้ในขณะที่คุณอ่าน คุณสามารถใช้ เว็บไซต์ทดสอบอสังหาริมทรัพย์ฟรี ของคุณเองที่ สร้างโดย Toolset และ OceanWP

เว็บไซต์สาธิตอสังหาริมทรัพย์ฟรีต่อการใช้งาน
เว็บไซต์สาธิตอสังหาริมทรัพย์ฟรีต่อการใช้งาน

เหตุใดเราจึงใช้ Toolset Real Estate และ OceanWP

Toolset Real Estate เป็นส่วนหนึ่งของ Toolset ซึ่งมอบคุณสมบัติทั้งหมดที่คุณต้องการเพื่อสร้างเว็บไซต์ระดับมืออาชีพหลายประเภท

โดยเฉพาะอย่างยิ่ง ด้วย Toolset Real Estate คุณไม่จำเป็นต้องมีปลั๊กอินอื่นใดเพื่อเพิ่มคุณสมบัติที่เว็บไซต์อสังหาริมทรัพย์ต้องการ ซึ่งหมายความว่าคุณไม่จำเป็นต้องกังวลเกี่ยวกับความเข้ากันได้ของปลั๊กอิน หรือว่าจำนวนปลั๊กอินจะทำให้เว็บไซต์ของคุณช้าลงหรือไม่

ในขณะเดียวกัน OceanWP เป็นหนึ่งในธีมยอดนิยมสำหรับเว็บไซต์ธุรกิจด้วยเหตุผล เว็บไซต์ที่ดำเนินการโดย OceanWP มีอัตรา Conversion ที่ดีกว่า เวลาในการโหลดที่เร็วขึ้น และปรับปรุง SEO ดังนั้นผู้ซื้อบ้านจึงสามารถค้นหาเว็บไซต์ของคุณได้อย่างง่ายดาย

Toolset Real Estate และ OceanWP ทำงานร่วมกันได้อย่างราบรื่น ซึ่งหมายความว่าคุณสามารถสร้างเว็บไซต์ที่มีประสิทธิภาพซึ่งดูดีโดยไม่ต้องกังวลใดๆ

อย่าลืม คุณสามารถดาวน์โหลดเว็บไซต์ทดสอบที่สร้างโดยใช้ Toolset และ OceanWP ได้ฟรีเพื่อทำการทดลอง

สิ่งที่คุณจะต้องเริ่มต้น

เมื่อคุณสร้างไซต์อสังหาริมทรัพย์แบบกำหนดเองด้วย Toolset คุณจะต้องมีปลั๊กอิน Toolset ต่อไปนี้:

  • ประเภทชุดเครื่องมือ – สำหรับการตั้งค่าประเภทโพสต์ ฟิลด์ และอนุกรมวิธานแบบกำหนดเอง สำหรับคุณสมบัติและตัวแทน
  • ชุดเครื่องมือบล็อก – สำหรับการออกแบบส่วนหน้าของไซต์ของคุณ (เทมเพลตและการค้นหาคุณสมบัติ ฯลฯ)
  • Toolset Maps – สำหรับเพิ่มคุณสมบัติที่เปิดใช้งานการค้นหาและแสดงคุณสมบัติบนแผนที่
  • แบบฟอร์มชุดเครื่องมือ – เพื่อให้ตัวแทนสามารถจัดการคุณสมบัติผ่านแบบฟอร์มส่วนหน้าที่กำหนดเองได้
  • ชุดเครื่องมือการเข้าถึง – สำหรับควบคุมส่วนใดของผู้เข้าชมเว็บไซต์ ลูกค้า และตัวแทนที่สามารถเข้าถึงได้

เมื่อคุณติดตั้งและลงทะเบียนส่วนประกอบเหล่านี้แล้ว ก็ถึงเวลาเริ่มต้นสร้างเว็บไซต์อสังหาริมทรัพย์ของคุณ!

1. สร้างประเภทโพสต์ของคุณเอง

อันดับแรก เราต้องสร้างประเภทโพสต์ที่กำหนดเองสำหรับส่วน "บ้าน" เพื่อให้ผู้ใช้ทราบว่าต้องไปที่ใด
1. ไปที่ Toolset → Dashboard ใน WordPress admin แล้วคลิก Add new post

การเพิ่มประเภทโพสต์แบบกำหนดเองใหม่สำหรับบ้าน
การเพิ่มประเภทโพสต์แบบกำหนดเองใหม่สำหรับบ้าน

2. ตอนนี้ เราต้องตั้งชื่อประเภทโพสต์ของเราและบันทึกลงในตำแหน่งที่ต้องการให้แสดงในเมนูผู้ดูแลระบบ

การตั้งชื่อและการวางตำแหน่งประเภทโพสต์
การตั้งชื่อและการวางตำแหน่งประเภทโพสต์

3. คลิก บันทึกประเภทโพสต์

และนั่นแหล่ะ บ้านของคุณประเภทโพสต์ที่กำหนดเองพร้อมแล้ว

2. สร้างฟิลด์ที่กำหนดเองของคุณ

ตอนนี้เรามีประเภทโพสต์ที่กำหนดเองแล้ว เราต้องเพิ่มฟิลด์ที่กำหนดเอง ฟิลด์ที่กำหนดเองของเราประกอบขึ้นเป็นเทมเพลตของส่วนต่างๆ ที่เราจะต้องกรอกเพื่ออธิบายบ้านแต่ละหลังและคุณลักษณะต่างๆ ของบ้าน

ตัวอย่างเช่น เราต้องการส่วนต่างๆ สำหรับจำนวนห้องน้ำ ราคา และปีที่สร้างทรัพย์สิน

  1. บน แดชบอร์ดชุดเครื่องมือ ให้ คลิกที่ เพิ่มฟิลด์ที่กำหนดเอง ถัดจากประเภทโพสต์แบบกำหนดเอง "บ้าน" ที่เราสร้างขึ้น

2. กล่อง เพิ่มฟิลด์ใหม่ จะปรากฏขึ้นที่เราสามารถเลือกประเภทของฟิลด์ที่กำหนดเองที่เราต้องการ ตัวอย่างเช่น ฟิลด์ที่กำหนดเองสำหรับ "ปีที่สร้าง" จะเป็นตัวเลข

เพิ่มฟิลด์กำหนดเองใหม่
เพิ่มฟิลด์กำหนดเองใหม่

3. สำหรับแต่ละฟิลด์ คุณจะต้องตั้งค่าตัวเลือก เช่น จำเป็นต้องป้อนข้อมูลหรือไม่

4. เมื่อคุณกรอกตัวเลือกที่ต้องการทั้งหมดสำหรับฟิลด์ใดฟิลด์หนึ่งแล้ว ให้คลิกที่ เพิ่มฟิลด์ใหม่ เพื่อไปยังรายการถัดไปในกลุ่ม เมื่อคุณเพิ่มฟิลด์ทั้งหมดสำหรับกลุ่มฟิลด์แล้ว ให้คลิกที่ บันทึกกลุ่มฟิลด์

ตอนนี้ ทุกครั้งที่คุณแก้ไขโพสต์ "บ้าน" คุณจะเห็นช่องเหล่านี้ให้กรอก

การเพิ่มตัวเลือกฟิลด์ที่กำหนดเอง
การเพิ่มตัวเลือกฟิลด์ที่กำหนดเอง

3. สร้างอนุกรมวิธานแบบกำหนดเองของคุณ

การจัดหมวดหมู่แบบกำหนดเองเป็นวิธีที่ยอดเยี่ยมในการแยกพร็อพเพอร์ตี้ เพื่อให้ผู้ใช้สามารถค้นหาพร็อพเพอร์ตี้ที่ตรงกับเกณฑ์ของตนได้อย่างง่ายดาย ตัวอย่างเช่น หากพวกเขาต้องการดูเฉพาะบ้านที่ขายมากกว่าให้เช่า

จากตัวอย่างนั้น ต่อไปนี้เป็นวิธีสร้างอนุกรมวิธานเพื่อแยกความแตกต่างระหว่างบ้านสำหรับขายและบ้านให้เช่า

  1. บน แดชบอร์ด ชุดเครื่องมือ ให้คลิก เพิ่มอนุกรมวิธานแบบกำหนดเอง ในแถว บ้าน
  2. ใส่ข้อมูลต่อไปนี้ลงในช่อง
    1. ชื่อพหูพจน์: ประเภทคุณสมบัติ
    2. ชื่อเอกพจน์: คุณสมบัติคุณสมบัติ
    3. Slug: คุณสมบัติคุณสมบัติ
  3. เลือกว่าคุณต้องการให้อนุกรมวิธานเป็นแบบลำดับชั้นหรือแบบเรียบ สำหรับจุดประสงค์นี้ เราจะทำให้มันเรียบ
  4. เลือกประเภทโพสต์ที่คุณต้องการเชื่อมโยงอนุกรมวิธาน ในกรณีนี้ จะเป็น "บ้าน"
  5. คลิก บันทึกอนุกรมวิธาน
การเข้าถึงหน้าเพื่อเพิ่มการจัดหมวดหมู่แบบกำหนดเอง
การเข้าถึงหน้าเพื่อเพิ่มการจัดหมวดหมู่แบบกำหนดเอง

ตอนนี้ เมื่อเราแก้ไขหรือสร้างประเภทโพสต์ "บ้าน" เราสามารถสร้างและเลือกอนุกรมวิธาน "ประเภทอสังหาริมทรัพย์" เพื่อระบุแอตทริบิวต์ของประเภทโพสต์ได้

การเพิ่มและเลือกการจัดหมวดหมู่เมื่อสร้างโพสต์ใหม่
การเพิ่มและเลือกการจัดหมวดหมู่เมื่อสร้างโพสต์ใหม่

4. สร้างเทมเพลตเพื่อแสดงคุณสมบัติ

ตอนนี้เรามีส่วนประกอบหลักที่เราจำเป็นต้องอวดคุณสมบัติของเราแล้ว แต่ส่วนสำคัญของกระบวนการยังคงอยู่ – เราจะแสดงผลในส่วนหน้าได้อย่างไร

นี่คือที่ที่เราสร้างเทมเพลตที่เราสามารถใช้เพื่อแสดงบ้านแต่ละหลังของเรา

ในการสร้างเทมเพลตสำหรับ "บ้านเดี่ยว" เราจะใช้ Toolset Blocks กับ WordPress Block Editor

ด้วย Toolset Blocks คุณสามารถออกแบบเทมเพลตสำหรับประเภทโพสต์ที่คุณกำหนดเอง พร้อมฟิลด์และอนุกรมวิธานแบบกำหนดเอง ไม่มี HTML, CSS, ไม่มี JavaScript และไม่จำเป็นต้องใช้ PHP!

  1. ไปที่ Toolset → Dashboard แล้วคลิกปุ่ม Create Content Template ในแถว Houses
  2. ใช้ WordPress Block Editor เพื่อออกแบบเทมเพลตของคุณ
  3. เลือกบล็อกจากส่วนชุดเครื่องมือสำหรับส่วนใดๆ ของเทมเพลตที่แสดงฟิลด์ (ไม่ใช่องค์ประกอบคงที่) ตัวอย่างเช่น ใช้บล็อกส่วนหัวของชุดเครื่องมือสำหรับส่วนหัวใดๆ ที่จะแสดงฟิลด์ ชุดเครื่องมือเพิ่มตัวเลือกในการแสดงเนื้อหาแบบไดนามิกจากแกนหลักของ WordPress และปลั๊กอินบุคคลที่สามที่ได้รับความนิยมมากที่สุด
  4. เปิดใช้งานแหล่งที่มาแบบไดนามิกสำหรับบล็อกที่ควรแสดงฟิลด์ของโพสต์ที่เทมเพลตแสดง
การแสดงชื่อโพสต์ในเทมเพลตสำหรับโพสต์ "พร็อพเพอร์ตี้" เดียว
การแสดงชื่อโพสต์ในเทมเพลตสำหรับโพสต์ "พร็อพเพอร์ตี้" เดียว

คุณสามารถแก้ไขและจัดรูปแบบแม่แบบของคุณได้หลายวิธี ตัวอย่างเช่น คุณสามารถจัดเรียงเนื้อหาในคอลัมน์ แสดงบางส่วนของเทมเพลตตามเงื่อนไข แสดงรายการโพสต์ที่เกี่ยวข้อง และอื่นๆ อีกมากมาย

5. สร้างแถบเลื่อนแบบไดนามิกเพื่อแสดงรูปภาพคุณสมบัติของคุณ

ตัวเลื่อนเป็นวิธีที่ยอดเยี่ยมในการแสดงคุณสมบัติของคุณโดยการแสดงภาพหลายภาพของแต่ละภาพ

เมื่อใช้ Toolset คุณสามารถสร้างแถบเลื่อนที่ซับซ้อนซึ่งมีการเปลี่ยนภาพโดยไม่ต้องเขียนโค้ด PHP ที่ซับซ้อน

  1. เมื่อคุณแก้ไขหรือสร้างหน้า โพสต์ หรือเทมเพลตแล้ว ให้แทรกบล็อก มุมมอง และสร้างมุมมองใหม่
  2. ในวิซาร์ดการสร้างมุมมอง ให้เปิดใช้งานการแบ่งหน้า และในส่วน Select View Loop Style ให้เลือกตัวเลือก Unformatted (สุดท้าย)
  3. ในขั้นตอนสุดท้าย ให้เลือกประเภทโพสต์ที่คุณต้องการแสดงโพสต์
  4. คลิกเพื่อสิ้นสุดวิซาร์ดและมุมมองของคุณก็พร้อม
Slider View ตั้งค่าให้แสดงรูปภาพที่เกี่ยวข้องกับแต่ละคุณสมบัติแบบไดนามิก

กำลังแสดงช่องโพสต์และใช้สไตล์ที่กำหนดเอง

  1. แทรกบล็อก คอนเทนเนอร์ เพื่อให้คุณสามารถเพิ่มพื้นหลังให้กับตัวเลื่อนของคุณ ตัวอย่างเช่น คุณสามารถตั้งค่าพื้นหลังของสไลด์ให้เป็นรูปภาพไดนามิกที่มาจากรูปภาพเด่นของโพสต์
  2. ใช้บล็อคชุดเครื่องมือเพื่อเพิ่มฟิลด์ไดนามิกอื่นๆ ให้กับตัวเลื่อนของคุณ เช่น ชื่อโพสต์

ด้วย Toolset Sliders นอกเหนือจากการแสดงฟิลด์โพสต์และการใช้สไตล์แบบกำหนดเอง คุณยังสามารถปรับแต่งตัวเลื่อนของคุณด้วยตัวเลือกอื่นๆ มากมาย เช่น ทำให้ดูสไลด์ของคุณโดยอัตโนมัติและเปลี่ยนรูปแบบการแบ่งหน้า

6. สร้างความสัมพันธ์ภายหลังเพื่อเชื่อมต่อบ้านของคุณกับตัวแทนของคุณ

ความสัมพันธ์ในการโพสต์เป็นส่วนสำคัญแต่ประเมินค่าต่ำของเว็บไซต์ใดๆ ด้วยความสัมพันธ์ของโพสต์ คุณสามารถเชื่อมโยงเนื้อหาประเภทต่างๆ เข้าด้วยกันได้

หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่พวกเขาช่วยคุณ โปรดดูคำแนะนำในการสร้างความสัมพันธ์ในการโพสต์โดยใช้ Toolset และ OceanWP

บนเว็บไซต์อสังหาริมทรัพย์ของเรา เรามีบ้านและตัวแทนอสังหาริมทรัพย์ มาสร้างความสัมพันธ์ระหว่างโพสต์กัน

สร้างความสัมพันธ์โพสต์

  1. ไปที่ชุด เครื่องมือความสัมพันธ์ แล้วคลิก เพิ่มใหม่ ที่ด้านบน
  2. วิซาร์ดความสัมพันธ์ของชุดเครื่องมือจะเปิดขึ้น สำหรับตัวแทนและทรัพย์สินของเรา เราต้องการ "ความสัมพันธ์แบบหนึ่ง-ต่อ-กลุ่ม" เนื่องจากตัวแทนหนึ่งคนจะรับผิดชอบคุณสมบัติหลายแห่ง
  3. เลือกประเภทโพสต์ที่จะสร้างความสัมพันธ์
การเลือกความสัมพันธ์แบบหนึ่งต่อหลายโพสต์ระหว่างตัวแทนและคุณสมบัติของตัวแทน
การเลือกความสัมพันธ์แบบหนึ่งต่อหลายโพสต์ระหว่างตัวแทนและคุณสมบัติของตัวแทน

4. เลือกว่าคุณต้องการจำกัดจำนวนโพสต์ที่คุณสามารถกำหนดได้หรือไม่ ตัวอย่างเช่น คุณอาจต้องการให้ตัวแทนแต่ละรายมีบ้านไม่เกิน 20 หลังที่ได้รับมอบหมาย

การจำกัดจำนวนโพสต์ (บ้าน/ทรัพย์สิน) ที่ตัวแทนสามารถมอบหมายได้)
การจำกัดจำนวนโพสต์ (บ้าน/ทรัพย์สิน) ที่ตัวแทนสามารถมอบหมายได้)

5. ตั้งชื่อความสัมพันธ์ของคุณ

6. ตรวจสอบความสัมพันธ์ของคุณและคลิก เสร็จสิ้น

วิธีการกำหนดคุณสมบัติให้กับตัวแทน

ตอนนี้ เราสามารถเริ่มสร้างการเชื่อมต่อเฉพาะระหว่างอสังหาริมทรัพย์และตัวแทนอสังหาริมทรัพย์ของเรา

  1. ไปที่หน้าตัวแทนจากเมนูผู้ดูแลระบบ
  2. ส่วนใหม่จะปรากฏที่ด้านล่างของหน้าที่เรียกว่า ทรัพย์สินตัวแทน คลิก เชื่อมต่อคุณสมบัติที่มีอยู่ แล้วพิมพ์เพื่อค้นหาชื่อของคุณสมบัติหรือเลือกจากรายการที่มี
การเชื่อมต่อตัวแทนกับคุณสมบัติที่พวกเขาจัดการจากภายในหน้าโปรไฟล์ของตัวแทน
การเชื่อมต่อตัวแทนกับคุณสมบัติที่พวกเขาจัดการจากภายในหน้าโปรไฟล์ของตัวแทน

3. คลิก อัปเดต เพื่อบันทึกโพสต์ของคุณ ตอนนี้ เมื่อคุณเยี่ยมชมหน้าของตัวแทน คุณสมบัติใดๆ ที่คุณเชื่อมต่อกับพวกเขาจะแสดงรายการ นอกจากนี้ หากคุณแก้ไขหน้าคุณสมบัติเหล่านี้ คุณจะเห็นว่ามีการแสดงความสัมพันธ์ที่ปลายทั้งสอง – ตัวแทนจะแสดงรายการในหน้าของคุณสมบัติด้วย

การสร้างมุมมองเพื่อแสดงความสัมพันธ์ในการโพสต์ของคุณ

มีสองวิธีในการแสดงรายการความสัมพันธ์ของโพสต์:

  • แสดงรายการของโพสต์ที่เกี่ยวข้อง "หลายรายการ" ในความสัมพันธ์แบบหนึ่งต่อกลุ่มและแบบกลุ่มต่อกลุ่ม
  • ในความสัมพันธ์แบบหนึ่งต่อกลุ่ม ให้แสดงฟิลด์ที่เป็นของด้าน "หนึ่ง"

แสดงรายการที่เกี่ยวข้องมากมาย

ในตัวอย่างของเรา เอเจนต์มีคุณสมบัติมากมาย ดังนั้นเราจะใช้มุมมองเพื่อแสดงคุณสมบัติเหล่านั้น

  1. ไปที่เทมเพลตเนื้อหา "ตัวแทน" ของคุณ
  2. แทรกบล็อกมุมมองและสร้างมุมมองใหม่
  3. เลือกเพื่อแสดงประเภทโพสต์ที่คุณต้องการ (เช่น คุณสมบัติ) จากนั้นเลือกตัวเลือกเพื่อแสดง คุณสมบัติที่เป็นของ Agent ปัจจุบัน
  4. ใช้บล็อกเพื่อออกแบบผลลัพธ์สำหรับมุมมองของคุณ เนื่องจากมุมมองได้รับการตั้งค่าให้แสดงโพสต์ที่เกี่ยวข้องแล้ว คุณไม่จำเป็นต้องเลือกความสัมพันธ์ในบล็อกที่คุณใช้เพื่อแสดงเนื้อหาแบบไดนามิก
การแทรก View Loop เพื่อแสดงคุณสมบัติมากมายสำหรับตัวแทนหนึ่งราย
การแทรก View Loop เพื่อแสดงคุณสมบัติมากมายสำหรับตัวแทนหนึ่งราย

แสดงรายการที่เกี่ยวข้อง (หลัก)

  1. ไปที่เทมเพลตเนื้อหา "คุณสมบัติ" ของคุณ
  2. คุณสามารถใช้บล็อกชุดเครื่องมือเพื่อแสดงข้อมูลหลักได้
  3. ในคุณสมบัติของบล็อก ให้เลือกพาเรนต์จากแหล่งที่มาของโพสต์
  4. เลือกฟิลด์ที่คุณต้องการแสดง

7. วิธีเพิ่มการค้นหาขั้นสูงเพื่อให้ผู้ใช้สามารถค้นหาคุณสมบัติที่ตรงกันที่สุดได้อย่างง่ายดาย

การค้นหาแบบกำหนดเองขั้นสูงเป็นวิธีที่ดีที่สุดสำหรับผู้ใช้ของคุณในการค้นหาสิ่งที่พวกเขากำลังมองหา ด้วยตัวกรองหลายตัว พวกเขาจะสามารถเลือกบ้านที่ดีที่สุดตามความต้องการส่วนบุคคลได้

  1. เริ่มต้นด้วยการแทรกบล็อกมุมมองลงในหน้า
  2. ในวิซาร์ดการสร้างมุมมอง ให้เปิดใช้งานตัวเลือกการค้นหา
เปิดใช้งานการค้นหาแบบกำหนดเองเมื่อสร้าง View . ใหม่
เปิดใช้งานการค้นหาแบบกำหนดเองเมื่อสร้าง View . ใหม่

3. ในหน้าถัดไป เลือก "คุณสมบัติ" ใต้ เลือกเนื้อหาที่มุมมองนี้จะแสดง

4. หลังจากเสร็จสิ้นวิซาร์ดการสร้างมุมมอง จะมีส่วน ดูการค้นหา ในพื้นที่แก้ไขของมุมมอง ใช้ปุ่มที่มีอยู่เพื่อเพิ่มช่องค้นหาที่กำหนดเอง แทรกปุ่มส่งและรีเซ็ต หรือเพิ่มบล็อกอื่นๆ

การปรับแต่งและเพิ่มบล็อคเพื่อออกแบบส่วนการค้นหาส่วนหน้า
การปรับแต่งและเพิ่มบล็อคเพื่อออกแบบส่วนการค้นหาส่วนหน้า

ตัวอย่างเช่น คุณสามารถคลิกเพื่อ เพิ่มฟิลด์การค้นหา และใช้ดรอปดาวน์ เลือกฟิลด์ เลือกประเภทเนื้อหาที่คุณต้องการให้ผู้ใช้สามารถค้นหาได้ แล้วคลิก ถัดไป

การเพิ่มช่องค้นหาแบบกำหนดเอง

5. ตอนนี้คุณสามารถใช้แถบด้านข้างขวาเพื่อปรับแต่งตัวเลือกสำหรับช่องค้นหานี้ได้ ซึ่งรวมถึงการตั้งค่าฟิลด์หลัก ตัวเลือกป้ายกำกับและรูปแบบ

6. ตอนนี้เราพร้อมที่จะสร้างส่วนที่จะแสดงผลแล้ว เราทำสิ่งนี้โดยการเพิ่มบล็อคในพื้นที่ ดูลูป ของตัวแก้ไข

7. คลิก เพิ่มบล็อก

8. เลือกบล็อกที่คุณต้องการใช้เป็นส่วนหนึ่งของผลการค้นหาของคุณ ตัวอย่างเช่น คุณสามารถใช้บล็อก หัวเรื่อง เพื่อแสดงชื่อคุณสมบัติในผลการค้นหา

การเพิ่มบล็อคภายใน View Loop เพื่อออกแบบผลการค้นหา
การเพิ่มบล็อคภายใน View Loop เพื่อออกแบบผลการค้นหา

อย่าลืมใช้ Toolset Blocks สีส้ม ซึ่งจะช่วยให้คุณใช้แหล่งข้อมูลแบบไดนามิกสำหรับฟิลด์ต่างๆ ได้

การเลือกบล็อกหัวเรื่องชุดเครื่องมือและตั้งค่าเป็นไดนามิก
การเลือกบล็อกหัวเรื่องชุดเครื่องมือและตั้งค่าเป็นไดนามิก

8. แสดงแผนที่เพื่อแสดงตำแหน่งของคุณสมบัติ

แผนที่เป็นวิธีที่ยอดเยี่ยมในการช่วยให้ผู้ใช้เข้าใจตำแหน่งที่แน่นอนของสถานที่ให้บริการในทันที
  1. ในการเริ่มต้นสร้างแผนที่ ให้ไปที่หน้าหรือเทมเพลตที่คุณต้องการแสดงแผนที่ แทรกบล็อก Toolset Map หากคุณต้องการตั้งค่าคีย์ API Google จะให้คำแนะนำโดยละเอียดเกี่ยวกับวิธีการตั้งค่าดังกล่าว
  2. ในส่วน ต้นทางสำหรับ ส่วนมาร์กเกอร์ ให้เปิดใช้งาน ไดนามิกซอร์ส
  3. ในรายการดรอปดาวน์ของ แหล่งที่มาของโพสต์ ให้เลือก "ทรัพย์สินปัจจุบัน" จากนั้น ในเมนูดร็อปดาวน์ แหล่งที่มา ให้เลือกฟิลด์ที่กำหนดเองที่มีที่อยู่เพื่อแสดงบนแผนที่
สร้างที่อยู่คุณสมบัติแบบไดนามิกเพื่อแสดงใน Map-form
สร้างที่อยู่คุณสมบัติแบบไดนามิกเพื่อแสดงใน Map-form

9. สร้างแบบฟอร์มส่วนหน้าสำหรับผู้ใช้เพื่อส่งเนื้อหาของตนเอง

สุดท้าย คุณอาจต้องการให้ผู้ใช้แสดงรายชื่อของตนเองเพื่อโฆษณาบนเว็บไซต์อสังหาริมทรัพย์ของคุณ วิธีที่ง่ายที่สุดวิธีหนึ่งคือใช้แบบฟอร์มที่ส่วนหน้าซึ่งมีช่องทั้งหมดที่คุณต้องการให้กรอก

การสร้างแบบฟอร์มไม่ใช่เรื่องง่ายด้วยเครื่องมือแก้ไขแบบลากและวางของ Toolset

  1. ไปที่ Toolset → Post Forms แล้วคลิก Add New
  2. คลิกดำเนินการ ต่อ ในตัวช่วยสร้างแบบฟอร์มและป้อนชื่อสำหรับแบบฟอร์มของคุณ
  3. แก้ไขการตั้งค่าสำหรับแบบฟอร์มของคุณ ได้แก่ :
    1. ประเภทโพสต์ที่พวกเขาจะเพิ่มการส่งไปที่
    2. สถานะของโพสต์เมื่อส่งแล้ว
    3. สิ่งที่ผู้ใช้เห็นหลังจากส่งแบบฟอร์ม (คุณสามารถเพิ่มข้อความได้ตามที่ฉันทำด้านล่าง)
แก้ไขการตั้งค่าแบบฟอร์มของคุณ
แก้ไขการตั้งค่าแบบฟอร์มของคุณ

4. ตอนนี้คุณไปถึงเครื่องมือแก้ไขแบบลากแล้ววางซึ่งคุณสามารถเลือกได้ว่าจะให้ฟิลด์ใดไปที่ไหนและที่ไหน ที่นี่ คุณยังสามารถใช้ฟิลด์ CSS Editor และ JS Editor เพื่อจัดรูปแบบแบบฟอร์มของคุณ นอกจากนี้ยังมีองค์ประกอบพิเศษอีกมากมายที่คุณสามารถเพิ่มได้

การออกแบบเลย์เอาต์ของแบบฟอร์มของคุณผ่านตัวแก้ไขแบบลากแล้ววาง
การออกแบบเลย์เอาต์ของแบบฟอร์มของคุณผ่านตัวแก้ไขแบบลากแล้ววาง

5. ในหน้าถัดไป คุณสามารถเพิ่มการแจ้งเตือนทางอีเมลที่คุณต้องการให้ผู้ใช้หรือผู้แก้ไขได้รับในขั้นตอนใดก็ได้ ด้านล่าง ฉันได้เพิ่มอีเมลเพื่อส่งถึงผู้ใช้เมื่อรายการของพวกเขาเผยแพร่

เพิ่มอีเมลแจ้งเตือนสำหรับผู้ใช้ที่กรอกแบบฟอร์ม
เพิ่มอีเมลแจ้งเตือนสำหรับผู้ใช้ที่กรอกแบบฟอร์ม

6. คลิก เสร็จสิ้น และแบบฟอร์มของคุณพร้อมที่จะแสดงแล้ว

7. สิ่งที่คุณต้องทำเพื่อแสดงแบบฟอร์มคือไปที่หน้าที่คุณต้องการเพิ่มแบบฟอร์ม เพิ่มบล็อก แบบฟอร์ม ชุดเครื่องมือ และเลือกแบบฟอร์มที่คุณเพิ่งสร้างขึ้นสำหรับรายการดรอปดาวน์

แบบฟอร์มส่วนหน้าให้ผู้ใช้ส่งคุณสมบัติเอง
แบบฟอร์มส่วนหน้าให้ผู้ใช้ส่งคุณสมบัติเอง

ขั้นตอนถัดไป

เมื่อคุณได้ดำเนินการผ่านขั้นตอนสำคัญเก้าขั้นตอนเหล่านี้ในการสร้างเว็บไซต์อสังหาริมทรัพย์ของคุณเองแล้ว คุณสามารถทำให้ไซต์ของคุณน่าประทับใจยิ่งขึ้นด้วยการเรียนหลักสูตรออนไลน์ด้านอสังหาริมทรัพย์ของ Toolset

โมดูลที่เข้าใจง่ายประกอบเป็นคู่มือทีละขั้นตอนที่ครอบคลุม เต็มไปด้วยวิดีโอที่มีประโยชน์ ซึ่งจะบอกคุณทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อสร้างเว็บไซต์อสังหาริมทรัพย์ที่โดดเด่น

คุณมีประสบการณ์อะไรบ้างในการสร้างเว็บไซต์อสังหาริมทรัพย์? แจ้งให้เราทราบในความคิดเห็น!