Hướng dẫn chèn wp google maps vào wordpress

Hãy thử tưởng tượng, bạn có một chuỗi nhà nghỉ rất đẹp. Làm thế nào để khách du lịch tìm tới nhà nghỉ của bạn? Một vị trí được đánh dấu trên bản đồ hiển thị trên trang web của bạn sẽ đảm bảo khách du lịch có thể nhanh chóng và dễ dàng tìm ra chúng. Bạn có một doanh nghiệp và điều quan trọng là làm thế nào để mọi người tiếp cận được với văn phòng của bạn một cách dễ dàng? Hoặc bạn có một blog du lịch và bạn muốn giới thiệu cho độc giả của mình về những nơi mà bạn đã từng đến thăm? Trong thực tế, bản đồ (maps) chính là giải pháp tốt nhất để làm những điều trên, bất kể đó là một blog/ website kinh doanh hay giải trí.

Tham khảo thêm: Top 5 plugins tích hợp Google Maps tốt nhất cho WordPress

Trong bài viết này, tôi sẽ hướng dẫn cho các bạn các bước cụ thể để chèn Google Maps vào WordPress mà không cần cài thêm bất cứ plugin nào khác.

1. Đầu tiên, truy cập Google Maps, chọn khu vực mà bạn muốn tập trung đến trên bản đồ. Click vào nút hình bánh răng, sau đó chọn “Chia sẻ hoặc nhúng bản đồ“.

2. Click vào tab “Nhúng bản đồ“. Tại đây, bạn có thể kéo thả vị trí bản đồ và chọn kích thước của bản đồ (nhỏ, trung bình, lớn và kích thước tùy chỉnh).

3. Sau khi chỉnh sửa xong, copy đoạn mã html mà bạn được cung cấp và chèn vào bài viết, trang hoặc widget. Ví dụ ở đây tôi chèn Google Maps vào widget.

4. Xong. Bạn đã chèn thành công Google Maps vào blog WordPress của mình. Tuy nhiên, nó chỉ hiển thị bản đồ thông thường mà không đánh dấu hoặc làm nổi bật các địa điểm mà bạn muốn người xem chú ý tới.

Để giải quyết vấn đề này, các bạn cần phải nhúng một custom maps, thay vì maps thông thường.

Chèn Google Custom Maps (bản đồ tùy chỉnh)

1. Truy cập Google Maps, đặt con trỏ chuột vào khung tìm kiếm, ngay lập tức bạn sẽ thấy mục “My Maps” xuất hiện. Hãy click vào mục “My Maps“.

2. Click vào nút “Tạo” để bắt đầu tạo bản đồ tùy chỉnh theo nhu cầu của bạn.

3. Click vào nút “Thêm điểm đánh dấu“, sau đó bấm vào các vị trí mà bạn muốn đánh dấu trên bản đồ.

4. Sau khi chọn xong, click vào nút “Chia sẻ“. Nhập tên và phần mô tả cho bản đồ.

5. Click vào nút “Thay đổi” và chọn mục “Công khai trên web“. Cuối cùng, click vào nút “Đã xong“.

6. Click vào biểu tượng dấu 3 chấm dọc, chọn mục “Nhúng vào trang web của tôi“.

7. Copy mã html được cung cấp và chèn vào blog/website của bạn.

8. Và đây là thành quả. Thật tuyệt vời phải không nào?

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

Bạn đang sử dụng giải pháp nào để chèn Google Maps vào WordPress? Hãy chia sẻ với chúng tôi kinh nghiệm và bí quyết của bạn bằng cách sử dụng khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Google Map là gì? Lý do cần chèn nó vào website? Và cách nhúng Google Maps vào Website WordPress như thế nào? Cùng Halomedia tìm hiểu qua bài viết dưới đây.

Mục lục

Google Map là gì?

Google Maps là phần mềm chỉ dẫn đường trực tuyến thay cho các loại bản đồ giấy thông thường. Google Maps là con đẻ của công ty Google, được xây dựng và phát triển với chi phí đầu tư khổng lồ phải chi ra để thuê vệ tinh chụp hình bản đồ thế giới và liên tục cập nhật vị trí địa lý Trái Đất.

Google Map là gì?

Hiện nay, Google Maps là công cụ được sử dụng nhiều bởi những tính năng mà nó mang lại cho người dùng. Các doanh nghiệp cũng ứng dụng trong việc kinh doanh trực tuyến. Vậy lợi ích khi chèn Google Maps vào Website là gì? Cùng chúng tôi tìm hiểu những lý do cần nhúng google maps vào website WordPress nhé!

Như đã đề cập ở đầu bài, việc thêm Google Maps sẽ giúp khách hàng tin tưởng hơn vào doanh nghiệp. Còn người dùng thì dùng Google Maps để tra cứu địa điểm mong muốn bởi những tính năng hoàn toàn miễn phí. Sau đây Halomedia sẽ liệt kê một số lý do cần chèn google máp vào website ngay hôm nay:

• Giúp khách hàng định vị được vị trí họ muốn đến.
• Khi chèn google maps vào wordpress thì khách hàng truy cập vào website sẽ dễ dàng xem tổng quan địa chỉ doanh nghiệp của bạn.
• Google Maps sẽ hiển thị đầy đủ trong trang liên hệ giúp khách hàng tin tưởng hơn.
• Khách hàng dễ dàng lưu vị trí doanh nghiệp của bạn trên điện thoại.

Những cách chèn Google Maps vào Website

Cài đặt plugin hỗ trợ

Hiện nay có rất nhiều plugin hỗ trợ việc nhúng Google Maps vào website như: WP Google Map, CP Google Map,..Sau đây là cách chèn google map vào wordpress sử dụng plugin WP Google Map:

Cài đặt Plugin WP Google Map cho website WordPress

• Bước 1: Vào mục plugin trong thanh dashboard của wordpress => Chọn add new
• Bước 2: Trong ô tìm kiếm plugin, nhập WP Google Map => Chọn Instal Now.
• Bước 3: Sau khi kích hoạt plugin thì bạn chọn Tab Map trên thanh dashboard của WordPress.
• Bước 4: Tạo một google API Key để chèn API vào Plugin WP Google Map => Thiết lập
• Bước 5: Cài đặt các thông số cho WP Google Map
• Bước 6: Nhấn Save để lưu lại

Sử dụng tính năng Embed của Google Maps

Để nhúng google maps vào website bạn hãy truy cập vào www.google.com/maps. Sau đó chọn địa chỉ mà bạn muốn nhúng vào website, ví dụ ở đây mình chọn địa điểm là Dinh Độc Lập.

Nhúng google maps vào website bằng tính năng Embed của Google Map

Tiếp đến, bạn click vào tính năng Share của Google:

Chọn tính năng share của google map

Sau khi click sẽ hiện lên cửa sổ, chọn Embed a map, và copy HTML

Lấy mã HTML trong Tab Embed a map

Sau khi copy đoạn code HTML => Vào WordPress Dashboard => Mở editor mà bạn muốn hiển thị bản đồ => Chọn Text => Dán đoạn code vào vị trí cần hiển thị => Lưu lại

Như vậy, việc nhúng google maps vào website giúp cho khách hàng biết đến địa chỉ của doanh nghiệp thông qua website đã được Halomedia chia sẻ ở bài viết trên. Ngoài ra còn giúp tăng độ tin tưởng của khách hàng đói với doanh nghiệp của bạn.

Yêu thích công nghệ, Marketing, SEO , đặc biệt là WordPress. Thông qua các nội dung chia sẻ hy vọng mạng lại thật nhiều giá trị cho cộng đồng.