Cách nhúng Google Maps vào WordPress không cần plugin [2025]

Nếu muốn khách hàng dễ dàng tìm thấy cửa hàng hoặc văn phòng của mình trên website WordPress, bạn có thể tích hợp Google Maps. Điều này không chỉ tăng độ chuyên nghiệp mà còn nâng cao trải nghiệm người dùng. Hãy cùng Tino tìm hiểu cách nhúng Google Maps vào WordPress không cần plugin qua bài viết dưới đây nhé!

Vì sao cần nhúng Google Maps vào WordPress?

Việc nhúng Google Maps vào WordPress mang lại nhiều lợi ích quan trọng:

• Chỉ đường thuận tiện: Giúp khách hàng dễ dàng xác định vị trí và tìm đường đến doanh nghiệp của bạn ngay trên website, tăng lượng khách ghé thăm trực tiếp.
• Cải thiện trải nghiệm người dùng: Cung cấp thông tin vị trí trực quan, giữ chân người dùng ở lại trang lâu hơn và giảm tỷ lệ thoát.
• Hỗ trợ SEO địa phương: Giúp Google xác định vị trí doanh nghiệp, tăng khả năng xuất hiện trong các kết quả tìm kiếm lân cận.
• Tăng uy tín: Một địa chỉ rõ ràng, minh bạch trên bản đồ giúp xây dựng lòng tin và sự chuyên nghiệp cho thương hiệu.
• Tích hợp dễ dàng: Có thể thêm bản đồ vào web một cách nhanh chóng và tùy chỉnh linh hoạt để phù hợp với thiết kế.

Hướng dẫn nhanh cách nhúng Google Maps vào WordPress không cần plugin

Bước 1: Truy cập trang Google Maps.

Bước 2: Sử dụng thanh tìm kiếm để tìm chính xác địa chỉ, tên công ty hoặc địa danh bạn muốn hiển thị.

Bước 3: Sau khi địa điểm hiện ra trên bản đồ và trong bảng thông tin bên trái, hãy nhấp vào nút Chia sẻ (Share).

Một cửa sổ pop-up sẽ hiện ra. Trong cửa sổ này, hãy chọn tab Nhúng bản đồ (Embed a map).

Tại đây, bạn sẽ thấy một bản đồ xem trước và một đoạn mã HTML bắt đầu bằng <iframe….

Bước 4: Tùy chọn kích thước

Bạn có thể chọn kích thước cho bản đồ bằng cách nhấp vào menu thả xuống ở bên trái (mặc định là “Trung bình”). Các tùy chọn bao gồm:

• Nhỏ (Small)
• Trung bình (Medium)
• Lớn (Large)
• Kích thước tùy chỉnh (Custom size): Cho phép bạn nhập chiều rộng và chiều cao chính xác.

Sau khi chọn xong kích thước phù hợp, nhấn vào nút SAO CHÉP HTML (COPY HTML).

Bước 5: Quay lại trang quản trị WordPress của bạn, mở trang (Page) hoặc bài viết (Post) mà bạn muốn chèn bản đồ.

Đối với trình soạn thảo Block (Gutenberg):

• Nhấp vào biểu tượng dấu cộng + để thêm một block mới.
• Tìm và chọn block có tên “HTML tùy chỉnh” (Custom HTML).
• Dán (Paste) đoạn mã <iframe> bạn vừa sao chép vào block này.
• Bạn có thể nhấn vào nút “Xem trước” (Preview) để xem bản đồ hiển thị như thế nào.

Mẹo: Để bản đồ tự co giãn theo màn hình, bạn có thể sửa width=”600″ thành width=”100%” sau khi dán mã vào website.

Đối với trình soạn thảo Cổ điển (Classic Editor):

• Chuyển từ tab “Trực quan” (Visual) sang tab “Mã” (Code). Tab này cho phép bạn làm việc trực tiếp với mã HTML.
• Dán đoạn mã <iframe> vào vị trí bạn muốn bản đồ xuất hiện.
• Bạn có thể chuyển lại tab “Trực quan” để xem bản đồ đã hiển thị chưa.
• Cuối cùng, nhấn Cập nhật (Update) hoặc Đăng (Publish) để lưu lại thay đổi.

Kết quả:

Kết luận

Dù bạn chọn cách nhúng trực tiếp đơn giản hay sử dụng plugin với nhiều tính năng mạnh mẽ, việc tích hợp Google Maps chắc chắn sẽ giúp website của bạn trở nên chuyên nghiệp và thân thiện hơn với người dùng. Chúc bạn áp dụng thành công và mang lại trải nghiệm tốt nhất cho khách hàng của mình!

Những câu hỏi thường gặp