Làm thế nào để chèn Google Maps vào WordPress

Cách thêm Google Map vào WordPress

Bạn đang xây dựng một nền tảng website, bạn muốn cung cấp địa chỉ để khách hàng có thể tiếp cận vị trí văn phòng của bạn một cách nhanh chóng và dễ dàng? Hoặc đơn giản là bạn muốn giới thiệu tới độc giả về những điểm du lịch bạn từng đến, những hàng quán hay địa danh bạn từng ghé qua. Một vị trí hiển thị trên bản đồ sẽ giúp trang web của bạn thu hút hơn một địa chỉ đơn thuần. Bài viết này sẽ hướng dẫn bạn cách chèn Google Maps vào trang WordPress của bạn.

Tại sao bạn lại cần chèn Google Maps vào WordPress?

Một vị trí hiển thị trên bản đồ sẽ trông bắt mắt và chuyên nghiệp hơn nhiều so với một dòng địa chỉ phổ thông. Với một trang web tích hợp sẵn bản đồ, khách truy cập sẽ dễ dàng tiếp cận vị trí doanh nghiệp của bạn cũng như định vị được các điểm đến mà bạn giới thiệu.

Lý do nên sử dụng Google Map trong WordPress:

  • Giúp khách truy cập khi ghé thăm trang web của bạn có thể dễ dàng định vị được vị trí của bạn.
  • Không cần dựa vào một website thứ ba nào mà vẫn có thể tìm được địa điểm dễ dàng.
  • Giúp bạn xây dựng một website chuyên nghiệp với đầy đủ các tính năng giúp khách hàng có một cái nhìn trực quan nhất về vị trí của bạn.

Cách chèn Google Maps vào WordPress

Có 2 cách để chèn Google maps:

1. Nhúng code trực tiếp từ Google Maps vào WordPress

Bạn có thể tham khảo hướng dẫn chi tiết tại đây.

Ưu điểm: Bạn không cần phải cài đặt bất cứ một plugin nào để có thể hiển thị Google Map trên trang WordPress của bạn. Bạn hoàn toàn có thể làm điều đó một cách thủ công.

Nhược điểm: Nhúng mã code trực tiếp thường gây khó khăn đối với những người mà không thành thạo về code.

2. Dùng plugin để chèn Google Maps vào WordPress

Có rất nhiều plugin có thể dùng để tích hợp Google Map vào trang WordPress như WP Google Maps, Google Maps Bank, CP Google Maps, hay Intergeo Maps. Trong bài viết này chúng tôi sẽ hướng dẫn bạn cách chèn Google Map vào trang WordPress của bạn sử dụng plugin WP Google Maps.

Đăng nhập vào dashboard WordPress, nhấp chuột vào Plugin, chọn Add New. Nhập WP Google Maps trên thanh tìm kiếm, sau đó chọn Install Now.

plugin WP Google Maps

Sau khi tải plugin về, để kích hoạt, hãy nhấp chuột vào nút Activate. Một tab Maps sẽ xuất hiện trên thanh dashboard, chọn tab đó để hiển thị plugin. Để bỏ qua bạn có thể chọn Skip intro and create a map.

Wp Google Maps

Plugin này yêu cầu một Google API key, do đó bạn hãy nhập API key bằng cách nhấp chuột vào Create an API key now.

Google map require an API key now.

Để tạo một API Google Key, bạn làm như sau:

Bước 1: Truy cập Google Maps Platform và nhấp chuột chọn Get Started.
Bước 2: Kích hoạt Google Maps Platform
Chọn Maps, Routes và Places rồi nhấn tiếp tục:

Google Maps Platform

Bước 3: Tạo dự án

Google Maps Platform

Bước 4: Thiết lập thông tin thanh toán.
Bước 5: Tạo API Credentials
Chọn Credentials trong menu API Manager tại thanh sidebar bên trái trong Google Maps Console Platform

Google Maps Console Platform

Bước 6: Chọn Create Credentials

Create Credentials in Google map

Bước 7: Màn hình cuối cùng sẽ hiện API Google Key

API Google Key

Chèn API Key vào plugin WP Google Maps

Dán API Key vào hộp plugin yêu cầu

Chèn API Key vào plugin WP Google Maps

Khi có thông báo dán thành công, tiếp tục thiết lập bản đồ của bạn

Một bản đồ mẫu sẽ được tạo trước cho bạn. Để chỉnh sửa và sử dụng cho website của mình, nhấp chuột vào nút Edit bên dưới map. Chọn nền tàng sử dụng là Google Map.

Đặt tên bản đồ của bạn, sau đó điều chỉnh các thông số chiều dài, chiều rộng. Thường thì thông số mặc định được dựa trên độ phân giải website của bạn là tốt nhất.

Tiếp theo, tới phần Markers. Vị trí hiển thị được hiển thị bằng cách gõ vào tọa độ GPS.

Phía dưới cấu hình Address/GPS là lựa chọn Animation, nó cho phép bạn thêm hiệu ứng vào cho bản đồ của mình, ví dụ như hiệu ứng Bounce.
Sau khi hoàn tất các thiết lập, nhấp chuột chọn Save Marker để tải lại trang. Rồi tiếp tục nhấn vào nút Save Map để lưu lại plugin.

Như vậy là Google Map đã được chèn vào WordPress rồi. Việc sử dụng bản đồ tương tác sẽ giúp khách truy cập dễ dàng tiếp cận được vị trí của bạn, đồng thời nó cũng giúp trang web của bạn chuyên nghiệp với các tính năng của một trang liên hệ – giới thiệu ngay trên trang chủ của mình.
Chúc bạn thành công.

Gửi phản hồi