Nhúng bản đồ vào website wordpress đơn giản với 4 bước

Nhúng bản đồ vào website wordpress có khó không? Chi tiết 4 bước thực hiện việc nhúng Google maps vào website wordpress? Và lợi ích của việc đưa vị trí công ty/doanh nghiệp/cửa hàng của bạn trên Google maps hiển thị trên website đem lại là gì? Cùng Web Thanh Hoá tìm hiểu ngay tại bài viết dưới đây nhé

Nhúng bản đồ vào website wordpress là gì?

Nhúng bản đồ vào website wordpress hay nhúng Google maps vào website wordpress hiểu đơn giản là đưa vị trí công ty/doanh nghiệp/văn phòng/cửa hàng/ của bạn trên Google maps cho hiển thị tại vị trí mong muốn trên trang website.

Tại sao nên nhúng bản đồ vào website wordpress? 

Việc có hình ảnh bản đồ của vị trí giúp việc kinh doanh của bạn sẽ có lợi hơn nhiều so với việc bạn chỉ cho hiện lên dòng địa chỉ. Và đây là các lý do vì sao bạn cần chèn Google maps vào website wordpress:

• Google maps ứng dụng vào việc SEO địa điểm doanh nghiệp. Giúp làm tăng lượng khách hàng truy cập website, tăng lượng tương tác, kéo traffic về trang website và tăng doanh thu cho doanh nghiệp.
• Việc nhúng bản đồ vào website wordpress sẽ hiển thị vị trí của doanh nghiệp. Giúp cho khách hàng có thể dễ dàng định vị được địa điểm của công ty, doanh nghiệp hay nơi cung cấp dịch vụ đó một cách nhanh nhất khi truy cập vào website.
• Ghi chú một cách trực quan nhất về địa điểm, đảm bảo đầy đủ tính năng của một trang Liên hệ – Giới thiệu ngay trên trang chủ website của bạn.

Hướng dẫn chèn mã nhúng bản đồ vào website wordpress

1. Lấy mã nhúng bản đồ

Bước 1: Nhấn vào đường link: https://www.google.com/maps/ hoặc https://maps.google.com để truy cập vào website Google maps.

Bước 2: Tại thanh tìm kiếm =>> Ấn Tên doanh nghiệp/cửa hàng mà bạn đã khai báo trên Google Maps hoặc Google Business =>> Chọn vào chức năng Chia Sẻ 

Lưu ý: Nếu doanh nghiệp của bạn chưa khai báo trên Google maps, có thể xem hướng dẫn sau đây: Cách thêm, tạo địa điểm trên Google Maps dễ dàng và nhanh chóng nhất

Bước 3: Khung bản đồ hiện ra, chọn tab Nhúng bản đồ 

Bước 4: Coppy mã code của Google maps trong ô hoặc nhấn nút Sao chép HTML và tiến hành dán nó vào bất kỳ vị trí nào trên website để hiển thị bản đồ.

2. Chèn mã nhúng bản đồ vào website wordpress

Có rất nhiều vị trí nhúng bản đồ trên website, trong bài hướng dẫn này Web Thanh Hoá hướng dẫn bạn các nhúng bản đồ vào 3 vị trí: Footer, trang Liên hệ – Giới thiệu và Bài viết website wordpress

2.1 Chèn mã nhúng bản đồ vào Footer (vị trí chân trang)

Bước 1: Đăng nhập quản trị website.

Nếu bạn còn chưa biết cách đăng nhập vào quản trị website hãy clcik vào đây để xem lại: Đăng nhập quản trị website wordpress

Bước 2: Di chuột vào Giao diện => Widget => Footer (Xác định vị trí bản đồ trên trang website của bạn ở Footer 1 hay Footer 2)

Lưu ý: Một số trang website vị trí Footer nằm ở UX blocks. Khi đó ta ấn vào Edit with UX Builder =>> Sau đó paste mã code HTML đã copy ở trên và dán vào vị trí cần thay đổi.

Bước 3: Tại Footer => Xác định vị trí chứa bản đồ =>> paste mã code HTML đã sao chép

• Ở bước này theo hình vẽ, bản đồ nằm ở vị trí Footer 2, dòng văn bản thứ 3.
• Tại vị trí 1: Nhấn vào hình mũi tên góc phải bên cạnh chữ Văn bản: TÌM ĐƯỜNG
• Tại vị 2: Nhập tên tiêu đề hiển thị trên website
• Tại vị trí 3: thuộc phần nhập nội dung của tab Văn bản bạn paste đoạn mã code HTML đã sao chép ở Bước lấy mã nhúng bản đồ

Bước 4: Lưu thay đổi =>> Kiểm tra kích thước và chỉnh sửa cho phù hợp

Lưu ý: Bạn cũng có thể tùy chỉnh lại kích thước để phù hợp với bố cục của website.

• width=”600” => Đây là chiều rộng. Có thể tăng giảm tùy ý. Nếu đặt 100% tự động lấp đầy chiều rộng.
• height=”450” => Đây là chiều cao. Có thể tăng giảm tùy ý.

Cùng xem kết qủa nhé

=>> Xem thêm: Hướng dẫn chèn fanpage vào website wordpress

2.2 Chèn mã nhúng bản đồ vào trang con (Liên hệ – Giới thiệu) hoặc Bài viết bất kỳ

Bước 1: Đăng nhập quản trị website.

Bước 2: Vào mục Trang =>> Tất cả trang =>> Trang Liên hệ (Hoặc Trang Giới thiệu hoặc Bài viết bất kỳ) =>> Chỉnh sửa

Bước 3: Đặt con trỏ chuột vào vị trí chứa bản đồ (tab Trực quan) =>> Di chuyển qua tab Văn bản,=>> paste mã code HTML đã sao chép ở Bước lấy mã nhúng bản đồ

Bước 4: Ấn vào Cập nhật để thay đổi

Cùng xem kết qủa nhé

Video hướng dẫn chi tiết cách nhúng bản đồ vào website wordpress 

 

Kết luận

Chỉ với 4 bước đơn giản, bạn đã có thể tự mình đưa vị trí doanh nghiệp trên Google maps hiển thị trên website vào các vị trí bạn mong muốn rồi. Hãy thực hiện việc nhúng bản đồ vào website wordpress ngay hôm nay để giúp khách hàng đến với doanh nghiệp bạn một cách nhanh chóng. Biết thêm các dịch vụ mà bạn cung cấp, từ đó tăng doanh thu cho doanh nghiệp. 

Nếu còn bất kỳ thắc mắc nào có thể để lại bình luận dưới bài viết cho mình. Trong tình huống bạn đang cần hỗ trợ gấp, có thể liên hệ nhanh cho mình qua:

Hotline: 0919 357 194

Zalo: Nguyễn Thị Phương Anh

Page Facebook: Thiết kế website

Email: ntpa625@gmail.com

Địa chỉ: Nguyễn Huy Tự, Phương Lam Sơn, TP. Thanh Hoá

Chúc các bạn thành công!