WordPress

Jak łatwo dodawać interaktywne obrazy 360 stopni w WordPress

  • 24 kwietnia, 2023
  • 5 min read
Jak łatwo dodawać interaktywne obrazy 360 stopni w WordPress


Czy chcesz dodać interaktywne obrazy 360 stopni do swojej witryny WordPress?

Możesz użyć interaktywnych obrazów 360 stopni do tworzenia wirtualnych wycieczek lub dać kupującym możliwość obejrzenia produktów pod każdym kątem. Ponieważ wirtualna rzeczywistość (VR) staje się coraz bardziej popularna, możesz również używać tych obrazów do tworzenia zabawnych i wciągających doświadczeń dla odwiedzających.

W tym artykule pokażemy, jak łatwo dodawać interaktywne obrazy 360 stopni w WordPress.

Jak łatwo dodawać interaktywne obrazy 360 stopni w WordPress

Dlaczego warto używać interaktywnych obrazów 360 stopni w WordPress?

Jeśli prowadzisz sklep internetowy, wysokiej jakości zdjęcia produktów są ważnym sposobem na zwiększenie sprzedaży.

Niektóre duże marki przenoszą to na wyższy poziom, tworząc interaktywny obraz 360 stopni, który pozwala kupującym zapoznać się z produktem pod każdym kątem.

Przykład interaktywnego obrazu 360 stopni

Jest to o wiele bardziej angażujące niż proszenie klientów o przewijanie wielu zdjęć przedstawiających przedmiot pod różnymi kątami.

Jeśli masz witrynę internetową z nieruchomościami, możesz użyć zdjęć 360 do tworzenia wirtualnych wycieczek, aby potencjalni nabywcy mogli obejrzeć nieruchomość. Może to pomóc przekonać ludzi do umawiania się na spotkania i oglądania.

Możesz także użyć obrazów 360 stopni, aby stworzyć nowe i wciągające doświadczenia. Na przykład, jeśli masz bloga podróżniczego, czytelnicy mogą korzystać z interaktywnych obrazów, aby odkrywać różne lokalizacje.

Przykład wirtualnej wycieczki

Powiedziawszy to, zobaczmy, jak możesz dodać interaktywny obraz 360 stopni do swojego bloga lub witryny WordPress.

Warto przeczytać!  Zmień domyślny szablon w edytorze bloków (Gutenberg)

Metoda 1. Jak dodać interaktywny obraz 360 stopni w WordPress

Najłatwiejszym sposobem dodania obracających się o 360 stopni obrazów do WordPress jest użycie Algori 360 Image. Ta bezpłatna wtyczka WordPress po prostu dodaje nowy blok do edytora bloków, co czyni wtyczkę bardzo łatwą w użyciu.

Przykład interaktywnego obrazu 360 w WordPress

Najpierw musisz zainstalować i aktywować wtyczkę Algori 360. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Po aktywacji nie ma żadnych ustawień do skonfigurowania, więc możesz od razu zacząć korzystać z wtyczki.

Jednak wtyczka nie pomaga w tworzeniu obrazu 360 stopni, a jedynie go wyświetla. Aby utworzyć obraz, musisz użyć aplikacji na smartfona lub oprogramowania do projektowania stron internetowych.

Po uzyskaniu obrazu 360 stopni po prostu przejdź do posta lub strony, na której chcesz pokazać ten interaktywny obraz.

Tutaj kliknij przycisk „+” i zacznij pisać „Obraz 360”. Gdy pojawi się prawy blok, kliknij go, aby dodać go do strony.

Dodanie bloku obrazu 360 stopni do WordPress

Możesz teraz kliknąć „Biblioteka multimediów”.

Następnie wybierz obraz 360 stopni z biblioteki lub prześlij nowy plik ze swojego komputera.

Dodanie interaktywnego obrazu 360 stopni do WordPress

W zależności od rozmiaru obrazu 360 stopni może być konieczne poczekanie, aż WordPress go przetworzy. Po kilku chwilach zobaczysz obraz 360 stopni w edytorze postów.

Następnie możesz po prostu kliknąć przycisk „Aktualizuj” lub „Publikuj”, aby opublikować obraz.

Warto przeczytać!  Jaki jest prawidłowy sposób aktualizacji wtyczki za pomocą Tortoise SVN do repozytorium?
Publikowanie obrazu 360 stopni na swojej stronie internetowej lub blogu WordPress

Teraz, jeśli odwiedzasz swoją witrynę WordPress, możesz przeciągnąć, aby obrócić obraz o 360 stopni.

Jeśli masz gogle VR, możesz kliknąć przycisk „VR”, aby obejrzeć obraz 360 stopni w wirtualnej rzeczywistości.

Dodanie obrazu wirtualnej rzeczywistości (VR) do WordPress

Pamiętaj tylko, że interaktywne obrazy mogą spowolnić Twoją witrynę. Mając to na uwadze, możesz chcieć zobaczyć nasz ostateczny przewodnik na temat zwiększania szybkości i wydajności WordPress.

Dobrym pomysłem jest również przetestowanie, jak obraz 360 stopni wygląda i działa na urządzeniach mobilnych. Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat przeglądania mobilnej wersji witryn WordPress z komputera.

Metoda 2. Jak dodać obraz produktu 360 stopni do swojego sklepu WooCommerce

Obrazy interaktywne pozwalają kupującym zobaczyć produkt pod każdym kątem, dlatego są szczególnie przydatne w przypadku internetowych platform handlowych i sklepów.

Jeśli masz sklep WooCommerce, SR Product 360° View umożliwia utworzenie obracającego się o 360 stopni obrazu produktu dla każdego produktu w Twoim sklepie.

Po prostu zrób zdjęcie produktu pod każdym kątem, a następnie prześlij zdjęcia w kolejności, w jakiej chcesz je pokazać.

Wtyczka następnie połączy te obrazy w animację obracającą się o 360 stopni, którą kupujący mogą zobaczyć na stronie produktu WooCommerce.

Zdjęcie produktu 360 stopni w sklepie WooCommerce

Najpierw musisz zainstalować i aktywować wtyczkę widoku SR Product 360. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Warto przeczytać!  funkcje - Jak wyszukiwać za pomocą ajax dokładną frazę lub słowa w polu wejściowym?

Następnie idź do Produkty » Wszystkie produkty i otwórz produkt, do którego chcesz dodać obraz 360 stopni.

W edytorze produktów przewiń do nowej sekcji Widok produktu 360 stopni. Tutaj kliknij przycisk „Dodaj obrazy 360”.

Dodawanie obrazów do produktu WooCommerce w sklepie internetowym

Możesz teraz wybrać wszystkie obrazy, które chcesz uwzględnić w animacji 360 stopni.

Upewnij się, że wybierasz obrazy w kolejności, w jakiej powinny pojawiać się w animacji.

Dodanie interaktywnego obrazu produktu do witryny WordPress

Widok 360° produktu SR będzie teraz wyświetlał wszystkie te pliki w sekcji Widok 360 stopni produktu. Możesz zmienić kolejność obrazów, przeciągając i upuszczając.

Gdy jesteś zadowolony z tych obrazów, kliknij przycisk „Aktualizuj” lub „Publikuj”, aby opublikować animację 360 stopni.

Premia: Chcesz przenieść swój sklep WooCommerce na wyższy poziom? Wypróbuj narzędzie do tworzenia ścieżek i platformę do automatyzacji FunnelKit, która umożliwia dodawanie dynamicznych sprzedaży dodatkowych, sprzedaży krzyżowych, uderzeń zamówień i pełnego lejka sprzedaży w WooCommerce.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać interaktywne obrazy 360 stopni w WordPress. Możesz także przeczytać nasz przewodnik na temat tego, jak bezpłatnie uzyskać wirtualny numer telefonu do firmy, oraz naszą listę niezbędnych wtyczek WordPress dla wszystkich stron internetowych.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Świergot i Facebooka.




Źródło