Muốn tìm hiểu cách tạo chuyến tham quan ảo 360 độ trong WordPress với sự trợ giúp củaElementor?

Công nghệ Chế độ xem phố của Google cho phép bạn hầu như đi bộ quanh một khu vực nhất định mà không cần trực tiếp ở đó. Ví dụ: bạn thực tế có thể nhìn thấy môi trường xung quanh Bãi biển Kuta ở Bali khi bạn đang ở trong căn hộ của mình ở London.

Đối với một số địa điểm — chẳng hạn như bảo tàng Louvre ở Paris — Google Street View thậm chí có thể bao gồm một chuyến tham quan ảo trong nhà.

Nếu bạn có một trang web dựa trên WordPress, bạn có thể dễ dàng tạo tính năng hướng dẫn 360 độ trên trang web của mình mà không cần viết mã.

Cung cấp chuyến tham quan ảo 360 độ là một ý tưởng tuyệt vời cho các doanh nghiệp như sở thú, điểm du lịch hoặc nhà hàng vì nó cho phép bạn khách để hầu như nhìn thấy môi trường xung quanh vị trí của bạn.

Xem thêm: Cách sử dụng Widget bài viết của Elementor

Như đã đề cập, bạn có thể thêm tính năng hướng dẫn 360 độ vào trang web WordPress của mình mà không cần viết mã. Bạn có thể thực hiện việc này bằng cách sử dụng các plugin sau:

Cách tạo Chuyến tham quan ảo 360 độ trong WordPress bằng Addons cần thiết

Trước khi bắt đầu, hãy đảm bảo rằng bạn đã cài đặt Elementor và các tiện ích bổ sung cần thiết. Bạn có thể tải xuống phần tử (bạn có thể sử dụng phiên bản miễn phí) trên kho lưu trữ chính thức của plugin WordPress. Trong khi đối với các tiện ích bổ sung thiết yếu, bạn có thể tải nó trên Trang web chính thức.

Tải xuống Essential Addons Pro

Bước 1: Tích hợp các Addon cần thiết với Google Maps

Điều đầu tiên bạn cần làm sau khi cài đặt Elementor và Essential Addons là tích hợp Essential Addons với Google Maps. Bạn có thể tích hợp chúng bằng khóa API Google Maps.

Để tạo khóa API Google Map, trước tiên hãy truy cập 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. Nếu bạn chưa có dự án, hãy tạo dự án mới bằng cách nhấp vào danh sách thả xuống ở đầu bảng điều khiển chính của Google API Console và nhấp vào nút DỰ ÁN MỚI trên cửa sổ hiện ra.

Đặt tên cho dự án mới của bạn và nhấp vào nút CREATE .

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

Khi dự án mới của bạn đã được tạo, hãy chọn nó qua menu thả xuống ở trên cùng và nhấp vào Thư viện trên bảng điều khiển bên trái.

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

API Google Maps được chia thành 17 loại. Bạn có thể nhấp vào liên kết HIỂN THỊ TẤT CẢ trong phần Cartes để xem tất cả.

Để có thể sử dụng Essential Addons, bạn cần kích hoạt các API sau:

  • API chỉ đường
  • API mã hóa địa lý
  • API JavaScript của Maps
  • API địa điểm

Để kích hoạt API, hãy chọn API liên quan (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.

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

Khi bạn đã nhận được khóa API, hãy đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến trang Cài đặt Addons cần thiết bằng cách nhấp vào menu Addons cần thiết trên thanh bên trái.

Đi tới tab Các yếu tố và cuộn xuống trong phần Yếu tố nội dung động. Nhấp vào Cài đặt của tiện ích Bản đồ Google nâng cao và dán khóa Google API của bạn. Nhấn nút LƯU CÀI ĐẶT để áp dụng thay đổi.

Bước 2: bắt đầu tạo chuyến tham quan ảo 360 độ

Tạo một trang mới (Trang -> Thêm) hoặc một mục mới (Mục -> Thêm) và chỉnh sửa nó bằng Elementor. Trước khi bạn bắt đầu tạo trang, trước tiên bạn có thể xác định bố cục.

Khám phá thêm: Cách thêm các mục liên quan trong Elementor

Để thực hiện việc này, hãy mở bảng Cài đặt bằng cách nhấp vào biểu tượng bánh răng ở góc dưới bên trái. Đặt Bố cục từ trình đơn thả xuống Giao diện.

Thêm phần mới bằng cách nhấp vào biểu tượng dấu cộng trong hộp chỉnh sửa và thêm bản đồ Google EA vào đó.

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

Theo tùy chọn General Settings chuyển hướng Nội dung , thay đổi loại bản đồ thành Panorama.

mở bản đồ Google trong tab mới và tìm nơi bạn muốn tạo chuyến tham quan ảo. Nhấp chuột phải vào vị trí ghim và nhấp chuột trái vào mục menu ngữ cảnh đầu tiên xuất hiện. Điều này cho phép bạn sao chép vĩ độ (giá trị đầu tiên) và kinh độ (giá trị thứ hai).

Quay lại tab Nội dung và dán vĩ độ cũng như kinh độ vào các trường tương ứng.

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

tùy chọn mở Điều khiển bản đồ để bật/tắt các điều khiển thẻ mà bạn muốn cung cấp. Bạn cũng có thể đặt mức thu phóng ban đầu.

Chuyển đến tab Phong cách để xác định chiều rộng cũng như chiều cao của bản đồ của bạn.

tạo chuyến tham quan ảo 360 độ trong WordPress với Elementor

Nhấp vào nút PUBLISH để xuất bản bản đồ của bạn.

NHỚ: Nếu bản đồ không được tải sau khi kéo tiện ích EA Google Maps trong trình chỉnh sửa và bạn thấy thông báo “Chỉ dành cho mục đích phát triển”, hãy đảm bảo kích hoạ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

Đây ! Đó là nó cho bài viết này chỉ cho bạn cách tạo chuyến tham quan ảo 360 độ trong WordPress. 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.

...