So fügen Sie ganz einfach interaktive 360-Grad-Bilder in WordPress hinzu

Ich erinnere mich noch gut daran, wie ich versucht habe, ein einzigartiges Möbelstück online zu verkaufen, aber Standardfotos konnten ihm einfach nicht gerecht werden. Potenzielle Käufer wollten jeden einzelnen Winkel sehen, bevor sie eine Entscheidung trafen.

Sie befürchten vielleicht, dass das Hinzufügen von 360-Grad-Bildern teure Software erfordert oder Ihre Website verlangsamt. Glücklicherweise ist das nicht der Fall, und Sie müssen Besucher nicht auf eine Drittanbieter-Website schicken.

Nach dem Testen verschiedener Tools haben wir die richtigen Plugins gefunden, die Ihnen helfen, diese immersiven Bilder hinzuzufügen. In diesem Leitfaden zeigen wir Ihnen, wie Sie ganz einfach interaktive 360-Grad-Bilder in WordPress hinzufügen können.

360-Grad-Bilder ohne spezielle Software hinzufügen

Wenn Sie einen Online-Shop betreiben, kennen Sie bereits die Herausforderung, Produkte zu verkaufen, die Kunden nicht persönlich sehen können. 360-Grad-Bilder sind eine Möglichkeit, diese Lücke zu schließen, indem sie es Käufern ermöglichen, ein Produkt aus jedem Winkel zu erkunden.

Dies ist viel ansprechender, als Kunden aufzufordern, durch eine Bildergalerie zu scrollen, die den Artikel aus verschiedenen Blickwinkeln zeigt.

Wenn Sie eine Immobilien-Website haben, können Sie 360-Grad-Bilder für virtuelle Touren verwenden, damit potenzielle Käufer die Immobilie erkunden können, oder diese Bilder einfach verwenden, um neue und ansprechende Erlebnisse zu schaffen. Wenn Sie beispielsweise einen Reiseblog haben, können die Leser interaktive Bilder verwenden, um verschiedene Orte zu erkunden.

Trotz all der positiven Aspekte gibt es einige Herausforderungen. Bei falscher Anwendung können diese großen Dateien Ihre Website verlangsamen, was das Besuchererlebnis und Ihr SEO beeinträchtigt. Besucher können auch Schwierigkeiten haben, sich im Bild zu bewegen, wenn die Navigation nicht klar ist, oder die 360-Grad-Bilder sind möglicherweise vollständig mit ihrem Gerät oder Browser inkompatibel.

Deshalb haben wir alle Optionen ausprobiert und zwei Plugins gefunden, mit denen Sie benutzerfreundliche, responsive und optimierte 360-Grad-Bilder zu Ihrer Website hinzufügen können. Mit einem Plugin können Sie diese interaktiven Bilder sogar direkt im WordPress-Dashboard erstellen!

Mit diesen Worten wollen wir sehen, wie Sie ein interaktives 360-Grad-Bild zu Ihrem WordPress-Blog oder Ihrer Website hinzufügen können.

Methode 1: So fügen Sie ein interaktives 360-Grad-Bild in WordPress hinzu

Der einfachste Weg, 360-Grad-rotierende Bilder zu WordPress hinzuzufügen, ist die Verwendung von Panorama Viewer. Dieses kostenlose WordPress-Plugin fügt einen benutzerdefinierten Block hinzu, mit dem Sie sphärische Bilder einfach einbetten können.

Der einfachste Weg, 360-Grad-rotierende Bilder zu WordPress hinzuzufügen, ist die Verwendung von Algori 360 Image. Dieses kostenlose WordPress-Plugin fügt einfach einen neuen Block hinzu, was die Verwendung des Plugins sehr einfach macht.

Das Plugin hilft Ihnen jedoch nicht, ein 360-Grad-Bild zu erstellen, sondern nur, es anzuzeigen. Sie müssen das Foto zuerst mit einer 360-Grad-Kamera-App oder einer speziellen Kamera aufnehmen.

Damit dies funktioniert, benötigen Sie ein vollständiges 360-Grad-Bild (manchmal auch als äquirektanguläres Bild bezeichnet). Beachten Sie, dass der normale 'Panorama'-Modus Ihres Telefons normalerweise nur einen flachen Streifen aufnimmt. Um eine vollständige 360-Grad-Ansicht zu erhalten, sollten Sie eine spezielle 360-Foto-App oder Hardware wie eine Insta360-Kamera verwenden.

Sobald dies erledigt ist, müssen Sie das Algori 360-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung gibt es keine Einstellungen, die Sie konfigurieren müssen, sodass Sie das Plugin sofort verwenden können.

Sobald Sie ein 360-Grad-Bild haben, gehen Sie einfach zu dem Beitrag oder der Seite, auf der Sie dieses interaktive Bild anzeigen möchten.

Klicken Sie hier auf die Schaltfläche „+“ und beginnen Sie mit der Eingabe von „360 Image“. Wenn der richtige Block erscheint, klicken Sie darauf, um ihn zur Seite hinzuzufügen.

Klicken Sie im Block auf die Schaltfläche 'Mediathek'.

Wählen Sie als Nächstes entweder ein 360-Grad-Bild aus der Bibliothek aus oder laden Sie eine neue Datei von Ihrem Computer hoch.

Abhängig von der Größe des 360-Grad-Bildes müssen Sie möglicherweise warten, bis WordPress es verarbeitet hat. Nach einigen Momenten sehen Sie das 360-Grad-Bild im Beitragseditor.

Sie können dann einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ klicken, um das Bild live zu schalten.

Wenn Sie nun Ihre WordPress-Website besuchen, können Sie das 360-Grad-Bild per Drag & Drop drehen.

Wenn Sie ein VR-Headset haben, können Sie auf die Schaltfläche „VR“ klicken, um das 360-Grad-Bild in virtueller Realität zu erkunden.

Beachten Sie nur, dass interaktive Bilder Ihre Website verlangsamen können. Mit diesen Worten möchten Sie vielleicht unseren ultimativen Leitfaden zum Boost von WordPress-Geschwindigkeit und -Leistung lesen.

Es ist auch eine gute Idee zu testen, wie das 360-Grad-Bild auf Mobilgeräten aussieht und funktioniert. Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden unter So zeigen Sie die mobile Version von WordPress-Sites vom Desktop aus an.

Methode 2: So fügen Sie ein 360-Grad-Produktbild zu Ihrem WooCommerce-Shop hinzu

Wie bereits erwähnt, ermöglichen interaktive Bilder den Käufern, ein Produkt aus jedem Winkel zu sehen, daher sind sie besonders nützlich für Online-Marktplätze und Geschäfte.

Wenn Sie einen WooCommerce-Shop haben, dann ermöglicht Ihnen SR Product 360° View, ein rotierendes 360-Grad-Produktbild für jeden Artikel in Ihrem Shop zu erstellen.

Machen Sie einfach eine Reihe von Fotos des Produkts aus jedem Winkel und laden Sie dann die Bilder in der Reihenfolge hoch, in der Sie sie anzeigen möchten.

Für die besten Ergebnisse empfehlen wir, Ihr Produkt auf einen Plattenteller zu stellen und ein Stativ zu verwenden. Wenn Sie die Kamera von Hand halten, stimmen Ihre Fotos nicht perfekt überein, und das Produkt scheint beim Drehen zu springen oder zu ruckeln.

Das Plugin kombiniert diese Bilder dann zu einer 360-Grad-Rotationsanimation.

Das heißt, Sie benötigen keine spezielle Software, um diese interaktiven Bilder zu erstellen, da Sie alles im Ihnen bereits vertrauten WordPress-Dashboard verwalten können.

Zuerst müssen Sie das SR Product 360 View Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Installation eines WordPress-Plugins.

Gehen Sie dann zu Produkte » Alle Produkte und öffnen Sie das Produkt, dem Sie ein 360-Grad-Bild hinzufügen möchten.

Scrollen Sie im Produkteditor zum neuen Abschnitt „360-Grad-Produktansicht“. Klicken Sie hier auf die Schaltfläche „360-Bilder hinzufügen“.

Sie können nun alle Bilder auswählen, die Sie in die 360-Grad-Animation aufnehmen möchten.

Stellen Sie sicher, dass Sie die Bilder in der Reihenfolge auswählen, in der sie in der Animation erscheinen sollen.

SR Product 360° View zeigt nun alle diese Dateien im Abschnitt Product 360 Degree View an. Sie können die Bilder per Drag & Drop neu anordnen.

Wenn Sie mit diesen Bildern zufrieden sind, klicken Sie entweder auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um die 360-Grad-Animation live zu schalten.

Bonus: Möchten Sie Ihren WooCommerce-Shop auf die nächste Stufe heben? Versuchen Sie, den FunnelKit Funnel Builder und die Automatisierungsplattform zu verwenden, um dynamische Upsells, Cross-Sells, Order Bumps und vollständige Verkaufstrichter in WooCommerce hinzuzufügen.

Häufig gestellte Fragen zu 360-Grad-Bildern in WordPress

Viele unserer Leser haben Fragen zum Hinzufügen interaktiver 360-Grad-Bilder zu ihren Websites. Hier sind die Antworten auf einige der häufigsten Fragen, die wir sehen.

1. Benötige ich eine spezielle Kamera, um 360-Grad-Bilder zu erstellen?

Nicht unbedingt. Während eine dedizierte 360-Grad-Kamera (wie Insta360 oder GoPro) die besten Ergebnisse liefert, können Sie spezielle Apps auf Ihrem Smartphone verwenden, um eine vollständige Kugel zusammenzufügen.

Standardmäßige 'Panorama'-Modi erstellen jedoch normalerweise nur ein breites, flaches Bild und keine vollständig immersive 360-Grad-Kugel.

Für Produktrotationen benötigen Sie lediglich eine Reihe von Fotos aus verschiedenen Blickwinkeln, die ein Plugin dann zu einem interaktiven Bild zusammenfügen kann.

2. Verlangsamen 360-Grad-Bilder meine WordPress-Website?

Diese Bilder können groß sein, daher haben sie das Potenzial, die Geschwindigkeit Ihrer Website zu beeinträchtigen. Wenn Sie Ihre Bilder jedoch für das Web optimieren, bevor Sie sie hochladen, können Sie ihre Dateigröße erheblich reduzieren. Die Verwendung eines qualitativ hochwertigen Plugins und eines zuverlässigen WordPress-Hostings trägt ebenfalls dazu bei, dass Ihre Website schnell bleibt.

3. Kann ich 360-Grad-Bilder zu meinen WooCommerce-Produktseiten hinzufügen?

Ja, und es ist eine großartige Möglichkeit, den Umsatz zu steigern. Wir empfehlen speziell für diesen Zweck das SR Product 360° View Plugin. Es ermöglicht Ihnen, eine Sequenz von Produktfotos hochzuladen und diese in eine rotierende 360-Grad-Ansicht direkt auf der Produktseite umzuwandeln.

Sind diese interaktiven Bilder mobilfreundlich?

Absolut. Die in diesem Leitfaden behandelten WordPress-Plugins sind vollständig responsiv. Das bedeutet, dass sich Ihre 360-Grad-Bilder automatisch an jede Bildschirmgröße anpassen und Besuchern auf Desktops, Tablets und Smartphones ein nahtloses Erlebnis bieten.

5. Benötige ich Programmierkenntnisse, um 360-Grad-Bilder hinzuzufügen?

Nein, Sie müssen keine Programmierkenntnisse haben. Die von uns empfohlenen Plugins fügen dem WordPress-Editor einen einfachen Block hinzu oder integrieren sich in die WooCommerce-Oberfläche. Dadurch ist das Hinzufügen interaktiver Bilder so einfach wie das Hochladen eines Standardbildes.

Zusätzliche Ressourcen für ansprechende Bilder

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie interaktive 360-Grad-Bilder hinzufügen. Hier sind einige weitere Anleitungen, die Ihnen möglicherweise helfen, Ihre Website visuell ansprechender zu gestalten:

• Die besten WordPress-Foto-Galerie-Plugins – Die Wahl des richtigen Galerie-Plugins kann Ihnen helfen, Ihre Bilder schön darzustellen. Dieser Leitfaden vergleicht die Top-Optionen in Bezug auf Leistung und Funktionen.
• Die besten WordPress-Slider-Plugins – Slider sind eine weitere großartige Möglichkeit, mehrere Bilder oder Angebote auf kleinem Raum zu präsentieren. Sehen Sie sich unsere Expertenauswahl für die beste Leistung an.
• So erstellen Sie Flipbox-Overlays und -Hovers – Fügen Sie Ihren Bildern eine weitere Interaktivitätsebene mit coolen Hover-Effekten und Flipboxen hinzu, ohne Code schreiben zu müssen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.