Add a Google Map to HubSpot content: ใส่ Google Map เพิ่มในคอนเทนต์

วิธีเพิ่ม Google Map แบบอินเทอร์แอคทีฟลงในเนื้อหา HubSpot ของคุณ

วันที่เผยแพร่ 18 ตุลาคม 2567

วิธีเพิ่ม Google Map แบบอินเทอร์แอคทีฟลงในเนื้อหา HubSpot ของคุณ

คุณสามารถคัดลอก embed code ของแผนที่ Google และเพิ่มลงใน source code ของโมดูล rich text ได้

วิธีรับ Google Map's embed code

1. ไปที่ Google Maps

2. ในแถบค้นหา ให้ป้อนที่อยู่

3. ในรายการของที่อยู่ ให้คลิก Share
   
   

4. ในกล่องโต้ตอบ คลิกแท็บ Embed a map

5. คลิกเมนูดรอปดาวน์ขนาดของแผนที่ แล้วเลือกขนาดที่ต้องการ

6. คลิก Copy HTML เพื่อคัดลอก embed code ของแผนที่
   
   

วิธีเพิ่ม Google Map ใน drag and drop editor

1. ไปที่เนื้อหาของคุณ:
   • Blog: ในบัญชี HubSpot ของคุณ ไปที่ Content > Blog
   • Website Pages: ในบัญชี HubSpot ของคุณ ไปที่ Content > Website Pages
   • Landing Pages: ในบัญชี HubSpot ของคุณ ไปที่ Content > Landing Pages
2. คลิกชื่อของเนื้อหาของคุณ
3. ในตัวแก้ไขเนื้อหา คลิกไอคอน Add ที่แถบด้านซ้าย
4. คลิกเพื่อขยายส่วน Text จากนั้นคลิกโมดูล Rich Text แล้วลากไปยังตำแหน่งที่ต้องการ
5. ในแถบเครื่องมือ rich text คลิกเมนูดรอปดาวน์ Advanced และเลือก Source code
6. ในกล่องโต้ตอบ วาง embed code ของแผนที่ จากนั้นคลิก Save
7. เพื่อเผยแพร่การเปลี่ยนแปลงของคุณ คลิก Publish หรือ Update ที่มุมขวาบน

วิธีเพิ่ม Google Map ลงในเนื้อหาที่ไม่มีพื้นที่ drag and drop

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