Jak łatwo dodać interaktywne obrazki 360 stopni w WordPress?

Czy kiedykolwiek chciałeś, aby twoi goście mogli wirtualnie zwiedzić jakieś miejsce lub zobaczyć produkt z każdej strony?

W WPBeginner znamy moc przyciągających uwagę wizualizacji, a obrazki 360 stopni są niezawodnym sposobem na przyciągnięcie uwagi odwiedzających. W miarę jak urządzenia wirtualnej rzeczywistości (VR) stają się coraz bardziej dostępne, można nawet używać obrazków 360 stopni do tworzenia naprawdę wciągających i zabawnych doświadczeń dla potencjalnych subskrybentów i klientów.

W tym artykule pokażemy, jak łatwo dodać interaktywne obrazki 360 stopni w WordPressie.

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

Jeśli prowadzisz sklep internetowy, wysokiej jakości obrazki produktów mogą pomóc Ci zwiększyć sprzedaż.

Niektóre duże marki przenoszą to na wyższy poziom, tworząc interaktywny obrazek 360 stopni, który pozwala kupującym poznać produkt pod każdym kątem.

Jest to znacznie bardziej angażujące niż proszenie klientów o przewijanie galerii obraz ków pokazujących przedmiot pod różnymi kątami.

Jeśli posiadasz witrynę internetową nieruchomości, możesz użyć obrazków 360 do stworzenia wirtualnych wycieczek, aby potencjalni nabywcy mogli zapoznać się z nieruchomością. Może to pomóc przekonać ludzi do rezerwacji terminów i zobaczenia nieruchomości.

Obrazy 360 stopni można również wykorzystać do tworzenia nowych i angażujących doświadczeń. Na przykład, jeśli prowadzisz blog podróżniczy, czytelnicy mogą korzystać z interaktywnych obrazków, aby odkrywać różne lokalizacje.

Mając to na uwadze, zobaczmy, jak dodać interaktywny obrazek 360 stopni do twojego bloga lub witryny internetowej WordPress. Omówimy 2 metody i możesz skorzystać z poniższych odnośników, aby przejść do tej, której chcesz użyć:

Metoda 1: Jak dodać interaktywny obrazek 360 stopni w WordPress?

Najprostszym sposobem na dodanie obracających się o 360 stopni obrazków do WordPressa jest użycie Algori 360 Image. Ta darmowa wtyczka WordPress po prostu utwórz nowy blok, dzięki czemu wtyczka jest bardzo łatwa w użyciu.

Wtyczka nie pomaga jednak w tworzeniu obrazków 360 stopni, a jedynie w ich wyświetlaniu. Oznacza to, że musisz utworzyć obrazek za pomocą aplikacji na smartfona lub oprogramowania do projektowania stron internetowych. Obrazy 360 stopni mogą również znacznie obciążyć twoją witrynę internetową, dlatego ważne jest, aby zoptymalizować ten obrazek pod kątem sieci.

Po wykonaniu tych czynności należy zainstalować i włączyć wtyczkę Algori 360. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu nie ma żadnych ustawień do skonfigurowania, więc można od razu rozpocząć korzystanie z wtyczki.

Gdy masz już obrazek 360 stopni, po prostu przejdź do wpisu lub strony, na której chcesz wyświetlić ten interaktywny obrazek.

Tutaj kliknij przycisk „+” i zacznij wpisywać „360 Image”. Kiedy pojawi się odpowiedni blok, kliknij go, aby dodać go do strony.

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

Następnie wybierz obrazek 360 stopni z biblioteki lub prześlij nowy plik z twojego komputera.

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

Następnie wystarczy kliknąć przycisk „Aktualizuj” lub „Opublikuj”, aby obrazek stał się aktywny.

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

Jeśli posiadasz gogle VR, możesz kliknąć przycisk „VR”, aby wyświetlić obrazek 360 w wirtualnej rzeczywistości.

Pamiętaj tylko, że interaktywne obrazki mogą spowolnić twoją witrynę internetową. Mając to na uwadze, warto zapoznać się z naszym przewodnikiem na temat tego, jak zwiększyć szybkość i wydajność WordPressa.

Dobrym pomysłem jest również przetestowanie, jak obrazek 360 stopni wygląda i działa na urządzeniach mobilnych. Instrukcje krok po kroku można znaleźć w naszym przewodniku na temat tego, jak zobaczyć mobilną wersję witryn WordPress z komputerów stacjonarnych.

Metoda 2: Jak dodać 360-stopniowy obrazek produktu do twojego sklepu WooCommerce?

Interaktywne obrazki pozwalają kupującym zobaczyć produkt pod każdym kątem, więc są szczególnie przydatne w przypadku internetowych platform handlowych i sklepów.

Jeśli posiadasz sklep WooCommerce, to SR Product 360° View pozwoli Ci stworzyć obracający się o 360 stopni obrazek produktu dla każdego przedmiotu 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 połączy następnie te obrazki w obracającą się o 360 stopni animację, którą kupujący będą mogli zobaczyć na twojej stronie produktu WooCommerce.

Najpierw musisz zainstalować i włączyć wtyczkę SR Product 360 view. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie przejdź do Produkty „ Wszystkie produkty i otwórz produkt, do którego chcesz dodać obrazek 360 stopni.

W edytorze produktu przewiń do nowej sekcji Widok 360 stopni produktu. Tutaj kliknij przycisk „Dodaj obrazki 360”.

Możesz teraz wybrać wszystkie obrazki, które chcesz dołączyć do animacji 360 stopni.

Upewnij się, że wybrałeś obrazki w kolejności, w jakiej powinny pojawić się w animacji.

SR Product 360° View pokaże teraz wszystkie te pliki w sekcji Product 360 Degree View. Kolejność obrazków można zmieniać metodą przeciągnij i upuść.

Gdy obrazy będą już gotowe, kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby animacja 360 stopni została uruchomiona.

Bonus: Chcesz przenieść swój sklep WooCommerce na wyższy poziom? Spróbuj użyć narzędzia do tworzenia lejków i platformy automatyzacji FunnelKit, aby dodać dynamiczne dosprzedaże, dosprzedaże, skoki zamówień i pełny lejek sprzedaży w WooCommerce.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodawać interaktywne obrazki 360 stopni w WordPress. Możesz również przeczytać nasz przewodnik na temat tworzenia nakładek flipbox i hoverów w WordPressie, a także nasz wybór najlepszych wtyczek do pokazów slajdów.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.