Danh mục bài viết
Có địa chỉ Google cụ thể sẽ giúp trang website của tăng độ chân thực và tin cậy hơn. Hiểu rõ điều này nhưng không phải ai cũng nắm rõ cách nhúng Google Maps vào Website. Hôm nay, Thiết kế web Đà Nẵng sẽ hướng dẫn chi tiết 2 cách thêm địa chỉ vào trang web, người không có kinh nghiệm cũng làm được, đọc ngay nhé!
Nhúng Google Maps vào website bằng công cụ plugin
Cách nhúng Google Maps vào website đầu tiên chính là tận dụng plugin WP Google Maps. Với plugin này bạn có thể tùy chỉnh làm cho bản đồ trang web hiển thị một cách trực quan và thân thiện trên các thiết bị truy cập khác nhau.
Chi tiết cách nhúng:
- Bước 1: Nhấn vào phần Plugins của trang web và chọn Add New. Sau đó, tìm đến plugin đúng tên gọi WP Google Maps và nhấn nút Install Now để cài đặt.
- Bước 2: Sau khi kết thúc quá trình cài đặt, trên trang web của bạn sẽ tự động hiển thị tab Maps. Lúc này, bạn có thể truy cập vào và cài đặt địa chỉ cho trang web.
- Bước 3: Ở trang kế tiếp, plugin sẽ gửi đến cho bạn một thông báo rằng cần dán mã API Key. Loại mã này chỉ cần lấy ở mục vào plugin đề xuất là được.
- Bước 4: Để chỉnh sửa cũng như sử dụng hoàn thiện trên website của mình bạn cần nhấn vào phần nút Edit ở tên map. Lúc này plugin sẽ đưa ra yêu cầu về nền tảng mà bạn muốn thiết lập. Sau đó, hãy nhấn chọn Google Maps.
- Bước 5: Chọn thiết lập Map Types, nhấn chọn Classic Roadmaps. Sau đó, bạn có thể tự do di chuyển vị trí bạn muốn thiết lập dựa trên GPS.
- Bước 6: Sau khi hoàn tất các bước trên, bạn cần nhấn vào phần Save Marker để tại lại trang. Cuối cùng nhấn vào phần Save Maps để lưu toàn bộ những thay đổi trước đó.
Nhúng Google Maps vào website bằng iframe
Cách nhúng Google Maps vào Website thứ 2 là dùng đến Iframe. Cách chèn cụ thể như sau:
- Bước 1: Truy cập vào địa chỉ https://www.google.com/maps/
- Bước 2: Tại đây bạn cần gõ các địa chỉ cần tìm. Ví dụ, ở hình dưới, chúng tôi đang muốn tìm vị trí ở Giáp Bát. Bạn chỉ cần gõ vào thanh tìm kiếm google đưa ra gợi ý rất nhanh.
- Bước 3: Nhấn vào vị trí gợi ý đúng sau đó nhấn chọn Chia sẻ.
- Bước 4: Nhấn chọn tab Nhúng Map.
- Bước 5: Copy iframe như hướng dẫn ở hình. Tiếp đến, truy cập vào phần cài đặt Giao Diện, chọn Widget, chọn vị trí mà bạn muốn chèn (Sidebar, header, footer…)
- Bước 6: Nhấn vào phần Widget HTML rồi nhấn đoạn mã nhúng Google Maps như hình dưới. Cuối cùng bạn chỉ cần nhấn chọn Lưu thay đổi là xong.
Ưu điểm khi nhúng bản đồ vào website
Giống như điều Thiết kế web Đà Nẵng đã khẳng định ở ban đầu rằng, việc thêm Google Maps vào Website sẽ giúp khách hàng đặt niềm tin nhiều hơn vào doanh nghiệp. Ngoài ra, khi thực hiện điều này, người dùng còn nhận được nhiều lợi ích khác như:
- Giúp website có tính tương tác cao, khách hàng dễ dàng truy cập và tìm kiếm điểm đến doanh nghiệp bạn dễ dàng hơn.
- Bạn có thể dùng địa chỉ này để làm nổi bật hơn các vị trí mong muốn.
- Khách truy cập vào trang web của bạn có thể dễ dàng di chuyển bản đồ tới điện thoại. Sau đó, họ lưu lại đường chỉ dẫn và đến doanh nghiệp bạn hợp tác, buôn bán tốt hơn.
- Việc thêm Google Maps vào website cũng là một trong số tiêu chí cần khi thiết kế website chuẩn SEO. Nhờ vào ưu thế này, thứ hạng trang web của bạn sẽ tăng cao từng ngày và cơ hội seo top ngày càng gần hơn.
Kết luận
Thiết kế web Đà Nẵng hiện đang có nhiều dịch vụ thiết kế website trọn gói, chuẩn SEO, tích hợp nhúng Google vào Website. Nếu bạn cần một đơn vị, công ty thiết kế website uy tín, giúp đẩy nhanh doanh số hãy tìm đến Thiết kế web Đà Nẵng nhé!
