Cần phải tìm ra cách để thêm Google Bản đồ tới WordPress bằng JetElements?
Có rất nhiều plugin bạn có thể sử dụng để thêm Google Bản đồ tới của bạn website WordPress. JetElements là một. JetElements là một tiện ích bổ sung Elementor cao cấp được phát triển bởi Crocoblock. Nó thêm một số vật dụng bổ sung vào của bạn Elementor, bao gồm Bản đồ nâng cao mà bạn có thể sử dụng để dễ dàng thêm Google Bản đồ đến trang web WordPress của bạn.
Bạn có thể chọn 10 kiểu bản đồ. Bạn cũng có thể thêm nhiều ghim.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách sử dụng widget Bản đồ nâng cao để thêm Google Maps vào website WordPress.
Trước khi bắt đầu, hãy đảm bảo rằng bạn đã cài đặt Elementor và JetEements trên WordPress của bạn. Bạn có thể sử dụng phiên bản miễn phí củaElementor để sử dụng JetElements. Trong khi đối với JetElements, bạn phải có được nó trên Trang web chính thức với giá 19 đô la.
Bước 1: Nhận Khóa API Google Maps
Trước khi bạn có thể thêm Google Maps vào Website sử dụng JetElements, bạn cần lấy khóa API để tích hợp JetElements với Google Maps. Bạn có thể lấy API thông qua bảng điều khiển API của Google. Vì vậy, hãy ghé thăm Bảng điều khiển API của Google và đăng nhập bằng tài khoản Google của bạn.
Sau khi đăng nhập, hãy tạo một dự án mới bằng cách nhấp vào menu thả xuống ở trên cùng và nhấp vào DỰ ÁN MỚI.
Đặt tên cho dự án của bạn và nhấp vào nút CREATE.
Chọn dự án mới của bạn từ trình đơn thả xuống và nhấp vào Thư viện trên bảng điều khiển bên trái.
JetElements không cung cấp bất kỳ thông tin chi tiết nào về các API bạn cần kích hoạt để tiện ích con hoạt động. Bản đồ nâng cao. Theo kinh nghiệm của chúng tôi, ít nhất bạn nên kích hoạt các API sau:
- API mã hóa địa lý
- API JavaScript của Maps
Bản thân Google chia API Google Maps thành 17 loại. Bạn có thể nhìn thấy chúng bằng cách nhấp vào HIỂN THỊ TẤT CẢ trong phần Cartes.
Để kích hoạt API, hãy chọn API bạn muốn kích hoạt (bằng cách nhấp vào nó) và nhấp vào nút KÍCH HOẠT.
Khi bạn đã hoàn tất việc bật các API được yêu cầu, hãy quay lại trang tổng quan chính của Google API Console và nhấp vào định danh trên bảng điều khiển bên trái. Nhấn nút Tạo thông tin đăng nhập và chọn Khóa API. Sao chép khóa API trên cửa sổ bật lên xuất hiện.
Tiếp theo, đăng nhập vào bảng điều khiển WordPress của bạn và vào menu JetPlugin – > JetElements Cài đặt.
Mở tab tích hợp và dán khóa API bạn vừa sao chép vào trường Khóa API bản đồ Google.
Bắt đầu thêm thẻ
Khi JetElements và Google Maps được tích hợp, bạn có thể bắt đầu thêm bản đồ. Để thực hiện việc này, hãy mở trang mà bạn muốn thêm bản đồ vào Elementor. Trên trình chỉnh sửa Elementor, hãy kéo tiện ích Bản đồ nâng cao vào khu vực chỉnh sửa.
Bạn có thể vào bảng điều khiển bên trái để thao tác một số cài đặt trên bản đồ của mình. Bạn có thể thực hiện cài đặt từ phần Cài đặt bản đồ.
Để thay đổi kiểu bản đồ, bạn có thể mở phần Kiểu bản đồ.
Thêm vị trí của bạn vào bản đồ
Theo mặc định, địa chỉ pin được đặt thành London Eye, London, Vương quốc Anh. Bạn có thể chỉnh sửa nó để thêm vị trí doanh nghiệp của mình.
Để làm điều này, hãy mở phần Pins và nhấp vào địa chỉ pin hiện có. Dán địa chỉ doanh nghiệp của bạn vào trường Địa chỉ ghim và sửa đổi mô tả trong trường Ghim Mô tả.
Để hiển thị địa chỉ pin bạn vừa đặt trên bản đồ, bạn cần đặt ở giữa bản đồ. Ví dụ: nếu địa điểm kinh doanh của bạn ở Paris, bạn sẽ đặt tâm bản đồ là Paris.
Để xác định trung tâm của bản đồ, hãy mở phần Cài đặt bản đồ nhập lại trung tâm bản đồ ưa thích của bạn (tên thành phố).
Remarque: Nếu bạn thấy thông báo "Chỉ dành cho mục đích phát triển" khi thêm thẻ, hãy đảm bảo bật thanh toán Google Cloud của bạn. Chính sách mới của Google yêu cầu các nhà phát triển phải kích hoạt tài khoản thanh toán (bạn vẫn có thể sử dụng miễn phí API Google Maps).
Tải xuống Elementor Pro ngay bây giờ !!!
Kết luận
Vì thế ! Vậy là xong bài viết hướng dẫn bạn cách thêm Google Maps vào WordPress bằng JetElements. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho họ biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
