เพิ่ม Google Map ไปยังเนื้อหา HubSpot

ในการเพิ่มแผนที่ Google แบบโต้ตอบลงในเนื้อหา HubSpot ของคุณคุณสามารถคัดลอกโค้ดฝังแผนที่และเพิ่มลงในซอร์สโค้ดของโมดูลข้อความสมบูรณ์ได้

รับโค้ดฝังของ Google Map

• ไปที่ Google Maps
• ในแถบค้นหาให้ป้อนที่ อยู่ 
• คลิกแชร์ที่พักของที่อยู่

• ในกล่องโต้ตอบให้คลิกแท็บฝังแผนที่  
• คลิกเมนูแบบเลื่อนลงขนาด แผนที่และเลือก ขนาด 
• คลิกคัดลอก HTML เพื่อคัดลอกโค้ดฝังแผนที่ 
  

เพิ่ม Google Map ในเครื่องมือแก้ไขการลากและวาง 

• ไปที่เนื้อหาของคุณ:

  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในเครื่องมือแก้ไขเนื้อหาให้คลิกไอคอนadd เพิ่มในแถบด้านซ้าย 
• คลิกเพื่อขยายส่วนข้อความจากนั้นคลิกโมดูล Rich Text แล้วลากไปยังตำแหน่ง
• ในแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงขั้นสูงแล้วเลือกซอร์สโค้ด 
• ในกล่องโต้ตอบให้วางรหัสการฝังแผนที่จากนั้นคลิก บันทึก 

• หากต้องการเผยแพร่การเปลี่ยนแปลงให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวา

เพิ่ม Google Map ลงในเนื้อหาโดยไม่มีพื้นที่ลากและวาง

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

เพิ่มโมดูลข้อความสมบูรณ์ลงในเทมเพลต

• เมื่อโมดูลติดตั้งเสร็จแล้วให้ไปที่เนื้อหาของคุณ:

  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
• คลิกที่ชื่อเนื้อหาของคุณ 
• คลิกเมนูการตั้งค่าแล้วเลือก เทมเพลต 
• คลิกแก้ไขเทมเพลตนี้

• ในตัวจัดการการออกแบบให้คลิก + เพิ่ม ผู้ตรวจสอบ 
• ในแถบค้นหาให้ป้อนข้อความที่สมบูรณ์ 
• คลิกโมดูล  Rich Text แล้วลากไปยังตำแหน่งในเทมเพลตของคุณ 
• ที่ด้านบนขวาให้คลิกเผยแพร่การเปลี่ยนแปลง

ใส่โค้ดฝังในโมดูลข้อความสมบูรณ์

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความ rich 
• ในแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงขั้นสูงแล้วเลือกซอร์สโค้ด 
• ในกล่องโต้ตอบให้วางรหัสการฝังแผนที่จากนั้นคลิก บันทึก 

• หากต้องการเผยแพร่การเปลี่ยนแปลงให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวา