Hôm nay, Mewtheme sẽ hướng dẫn các bạn đang sử dụng giao diện mew trên nền tảng Sapoweb hay đang tìm hiểu về cấu trúc, các bước tạo trang hệ thống cửa hàng sử dụng API google maps.
Điểm nổi bật khi sử dụng hệ thống cửa hàng này:
- Hệ thống này không giới hạn địa chỉ chi nhánh shop của bạn.
- Các địa chỉ có thể lấy chính xác theo tạo độ trên google map, tiện cho việc địa chỉ của bạn chưa đc đăng ký trên google. (Khuyến khích nên đăng ký nếu bạn có địa chỉ chính xác để tiện cho việc SEO địa chỉ trên google maps).
- Các dữ liệu địa chỉ quản lý trên 1 file google trang tính, dễ dàng cho việc thay dổi hay quản lý file.
Vậy cùng MewTheme đi vào chi tiết nhé.
[Update từ MewYummy] các giao diện mới sẽ ko dùng API nữa thay vào đó file sheet sẽ lấy mã nhúng iframe
File sheet mẫu tại đây.
Hiển thị được nhiều chi nhánh, cơ sở trung tâm trên 1 trang list danh sách các địa chỉ trên google maps:
Bước 1: Tạo 1 trang nội dung chọn khung giao diện page.he-thong-cua-hang.
Bước 2: Tạo Api google maps cho bạn tại trang : https://cloud.google.com/maps-platform. Hướng dẫn tạo API GoogleMap tại đây.
Bước 3: Tạo google trang tính khi dùng API google gọi tọa độ:
https://docs.google.com/spreadsheets/d/1KEZVybPb00yuGbJ2i3IZHDFRLnKIPRSXHJki5Kr5ry8/.
+ Biến đầu dòng đầu tiên bắt buộc phải giống 100% (Tốt nhất các bạn nên coppy từ file của mình và chỉ thay dữ liệu thông tin địa chỉ)
+ Lưu ý thông tin tọa độ nhập vào là định dạng văn bản thuần túy chứ không phải số
Bước 3: Tạo google trang tính khi không dùng API áp dụng cho các theme mới từ MewMall trở đi
Lấy link liên kết website
Demo file dữ liệu:
https://docs.google.com/spreadsheets/d/1KmyN6f2Pc8w9VhIJLg3Nv478j37SK0TEtMPf6CyWPyQ/edit#gid=0
+ Sau đó bạn chọn Tệp => Xuất bản lên web
+ Rồi chọn dạng link csv như ảnh:
+ Cuối cùng copy url trong ô dư liệu như ảnh:
+ Paste vào ô Link google spreed như mục tên trong ảnh đang trỏ.
Cùng với việc bạn điền mã API google maps ngay ô thiết lập bên trên nhé.
