So fügen Sie WordPress ein interaktives 360-Grad-Bild hinzu

Technologie verändert weiterhin unseren Alltag und befähigt uns, Dinge zu tun, die einst nur in unserer Vorstellung möglich waren. Jetzt haben wir die Tools, mit denen wir viele Aktionen blitzschnell bequem von unseren Computern und Telefonen aus ausführen können, einschließlich virtueller Touren und Erkundungen entfernter Orte. Möglich ist dies dank 360-Grad-Bildern, die eine enorme Errungenschaft der Technologieentwicklung darstellen.

Interaktive 360-Grad-Fotos bestehen aus mehreren Bildern, die nebeneinander platziert einen durchgehenden Kreis um die Aufnahmestelle bilden. Sie werden in der Regel mit speziellen 360-Grad-Kameras mit zwei Ultra-Weitwinkelobjektiven (jedes Objektiv hat einen Blickwinkel von mindestens 180 Grad) aufgenommen und dann mit einer Stitching-Software zusammengefügt. Sie können sie auch mit speziellen Apps auf Smartphones erstellen. Ein interaktives 360-Grad-Bild versetzt uns in die Lage des Fotografen und ermöglicht es uns, die Umgebung des Ortes, an dem das Foto aufgenommen wurde, zu beobachten. Indem wir unsere Maus (oder unseren Kopf im Fall von VR-Headsets) in eine beliebige Richtung bewegen, können wir die Kontrolle über die Ansicht übernehmen.

Die Einbindung interaktiver Bilder in eine Marketingstrategie kann Marken von großem Nutzen sein, aber 360-Grad-Fotos können ihnen dabei helfen, den Online-Rauschen noch effizienter zu durchbrechen. Wir werden nun die wichtigsten Vorteile dieses gefragten Dienstes besprechen und zeigen, wie Sie mithilfe eines Plugins ein interaktives 360-Grad-Bild zu einer WordPress-Website hinzufügen.

Vorteile der 360-Grad-Fotografie

Das Erkennen des Potenzials von 360-Grad-Bildern kann Ihrer Marke langfristig helfen. Hier sind einige der Hauptgründe, warum Sie sie zu Ihrer Website hinzufügen sollten:

Erhöhen Sie das Benutzerengagement

Wir lieben und schätzen es, großartige visuelle Inhalte zu sehen, und insbesondere interaktive 360-Grad-Fotos haben die Macht, fesseln Sie die Aufmerksamkeit der Benutzer und lassen Sie sie länger auf Websites surfen als auf Seiten mit Standbildern. Ein interaktives 360-Grad-Bild ist immersiv und kann schöne Emotionen hervorrufen, weshalb die Leute sie gerne sehen und erkunden. Und je mehr Zeit Nutzer auf Ihrer Website verbringen, desto höher ist die Chance, dass sie zu zahlenden Kunden werden.

Heben Sie sich von Mitbewerbern ab

Interaktive 360-Grad-Fotos ermöglichen es Ihnen, Ihre Marke und Ihre Produkte von Mitbewerbern abzuheben. Wenn Sie beispielsweise einen E-Commerce-Shop betreiben, können Sie fesselnde Produktpräsentationen erstellen, Benutzern erlauben, in Ihre Produkte hineinzuzoomen, und sie nach Belieben drehen, um ein Gefühl dafür zu bekommen, wie Ihre Produkte aussehen. Nicht viele Marken nutzen diese Art von Fotos zu ihrem Vorteil, aber Sie sollten erwägen, sie zu Ihrer Website hinzuzufügen, da sie Ihnen helfen können, potenzielle Kunden zu gewinnen. Nachdem Sie ein Produkt persönlich gesehen und berührt haben, ist es das nächstbeste, es über ein interaktives 360-Grad-Bild zu inspizieren.

Erwecken Sie Ihr Geschäft zum Leben

360-Grad-Bilder ermöglichen virtuelle Rundgänge durch Ihr Unternehmen und lernen es von innen kennen. Sie können Ihr Resort, Restaurant, Geschäft, Veranstaltungsort oder Hotel bequem von zu Hause aus erkunden und verstehen, wie es organisiert ist und welche Dienstleistungen es bietet. Indem Sie den Menschen ein vollständig immersives Erlebnis bieten, wie es kein 2D-Bild bieten kann, können Sie sie inspirieren und überzeugen, Ihr Unternehmen persönlich zu besuchen.

Gewinnen Sie neue Kunden

Ansprechende 360-Grad-Bilder sind a bemerkenswertes Marketing-Tool, das Ihnen neue Kunden bringen kann. Wenn Sie beispielsweise bei Google Places gelistet sind, können interaktive 360-Grad-Fotos dazu beitragen, Nutzer für Ihr Unternehmen zu gewinnen. Sobald sie Ihr Unternehmen besuchen, haben Sie die Möglichkeit, ihnen zu zeigen, was Sie besser als Ihre Mitbewerber macht, und sich von der Qualität Ihrer Dienstleistungen überzeugen zu lassen, wiederzukommen.

Nachdem wir nun die Vorteile der Verwendung von 360-Grad-Fotos aufgelistet haben, zeigen wir Ihnen, wie Sie sie zu Ihrer WordPress-Website hinzufügen.

Einführung in das WP VR-Plugin

Der beste Weg, um WordPress ein 360-Grad-Bild hinzuzufügen, ist die Verwendung der WP VR – 360 Panorama und Virtual Tour Creator für WordPress Plugin. Sie können damit auch detaillierte virtuelle Rundgänge erstellen. Sogar die kostenlose Version enthält eine Vielzahl von Anpassungsoptionen, mehr als jedes andere ähnliche Plugin auf dem Markt. Aber um das Beste aus den leistungsstarken Optionen zu machen, sollten Sie den Kauf eines der drei verfügbare Abonnementpläne. WP VR ist kompatibel mit WPBakery, Gutenberg und Elementor. In diesem Tutorial verwenden wir den Gutenberg Page Builder, um Ihnen zu zeigen, wie Sie die 360-Grad-Fotos auf Ihre Site hochladen.

Bevor Sie mit der Erstellung Ihrer ersten virtuellen Tour beginnen, gehen wir die Optionen des Plugins durch, damit Sie seine Wirksamkeit verstehen. Sie sollten zunächst die allgemeinen Einstellungen ändern, damit sie Ihren Anforderungen entsprechen.

Gehen Sie dazu zu WP VR > Erste Schritte und klicke auf das Einstellungen (oder scrollen Sie auf der Seite nach unten, bis Sie das Allgemeine Einrichtungsoptionen Sektion). Sie können andere Benutzerrollen aktivieren, um virtuelle Touren auf Ihrer Site zu erstellen (Redakteure und Autoren), Aktivieren Sie einen mobilen Resizer, der Ihr 360-Grad-Bild für mobile Geräte geeignet macht, aktivieren Sie die Skriptsteuerung, die die WP VR-Assets nur auf ausgewählten Seiten mit virtuellen Touren lädt, passen Sie die Benachrichtigung für Benutzer an, die die Tour von Mobilgeräten aus besuchen, um sie daran zu erinnern, ihr Telefon für ein intensiveres Erlebnis in den Querformatmodus zu schalten, und vieles mehr.

Sobald das erledigt ist, gehen Sie zu WP VR > Neue Tour hinzufügen. Als erstes können Sie den Namen Ihrer Tour eingeben.

Wählen Sie dann die Allgemein Tab auf der linken Seite und ändern Basic die Einstellungen. Wenn Sie möchten, können Sie das Vorschaubild hochladen, das vor dem Laden der Tour angezeigt wird. Wenn Sie jedoch die Tour-Autoload Option wird das Vorschaubild nicht angezeigt.

Außerdem können Sie Steuerschaltflächen auf Ihrem interaktiven 360-Grad-Bild anzeigen, einschließlich Hineinzoomen, Rauszoomen, und Vollbild.

Der Szenen-Fade-Dauer Mit dieser Option können Sie den verblassten Effekt aktivieren, während Benutzer von einer Szene zur nächsten wechseln. Es ist auch möglich, die zu aktivieren Automatische Drehung und stellen Sie die Rotationsgeschwindigkeit und -richtung ein und legen Sie die Zeit fest, nach der die Rotation wieder beginnt und wann sie stoppt.

Unten auf der Seite befindet sich die Mit dieser Tour Abschnitt, in dem Sie den Shortcode der Tour finden, den Sie zu Ihren Seiten und Beiträgen hinzufügen können.

Erweiterte Steuerung sind nur für Premium-Benutzer verfügbar. Sie können sie verwenden, um zu steuern, was Benutzer auf Ihrem 360-Grad-Bild tun können. Sie können ihnen beispielsweise erlauben, mit ihrer Tastatur oder ihrer Maus in das Foto hinein- und herauszuzoomen, die Gyroskop-Steuerung zu aktivieren, einen Kompass hinzuzufügen und vieles mehr. Sie können auch eine erstellen Szenengalerie und ermöglichen Sie den Besuchern, sich alle Szenen des virtuellen Rundgangs anzusehen. Mit der Pro-Version von WP VR können Sie Hintergrundmusik hinzufügen, um die Benutzererfahrung noch angenehmer zu machen. Steuertasten ist eine weitere Premium-Option, mit der Sie dem Bild erweiterte Schaltflächen hinzufügen können, z Nach oben/unten/links/rechts bewegen, und passen Sie das Symbol für jede Steuertaste an.

Falls Sie mehrere Szenen hinzufügen und den Benutzern erlauben möchten, zwischen ihnen zu wechseln, können Sie dies durch Auswahl von Szenen und ändern Sie die Einstellungen nach Ihren Wünschen. Sie müssen mindestens ein 360-Grad-Bild hochladen (Sie können jedoch weitere hinzufügen, wenn Sie mehr Szenen haben möchten), eine Szenen-ID eingeben und mindestens eine Szene als Standard festlegen. Wenn Sie fertig sind, drücken Sie die Vorschau Klicken Sie auf die Schaltfläche, um zu sehen, wie alles aussieht, bevor Sie die Änderungen speichern.

Premium-Benutzer können jede Szene anpassen, indem sie ihnen Titel hinzufügen, den Namen des Autors angeben und entscheiden, wie weit ein Benutzer nach links, rechts, oben und unten navigieren kann und mehr.

Mit WP VR können Sie Ihrem interaktiven 360-Grad-Foto Hotspots hinzufügen. Sie haben die Möglichkeit, Textinformationen, Bilder und Videos hinzuzufügen oder Szenen-Hotspots hinzuzufügen, damit Benutzer mithilfe von Hotspots von einer Szene zur nächsten wechseln können.

Eine weitere tolle Sache an diesem Plugin ist, dass Sie damit Erstellen Sie virtuelle Videotouren, auch. Als Premium-Nutzer können Sie auch Google Street View einbetten.

So fügen Sie Ihrer Site 360-Grad-Bilder mit dem WP VR-Plugin hinzu

Nachdem Sie alle Einstellungen vorgenommen und an Ihre Bedürfnisse angepasst haben, gehen Sie zu Szenen. Laden Sie dann Ihr interaktives 360-Grad-Foto hoch, geben Sie eine Szenen-ID ein und legen Sie diese Szene als Standard fest. Sie können nur mit einer Szene gehen.

Sie können sehen, wie die Tour aussieht, indem Sie auf drücken Vorschau Taste. Wenn Sie mit dem Endergebnis zufrieden sind, klicken Sie auf Veröffentlichen.

Um das Bild nun auf Ihrer Seite anzuzeigen, fügen Sie zuerst die WP VR blockieren (in Elementor müssen Sie das WPVR-Widget verwenden, während Sie in WPBakery den Shortcode in die gewünschte Seite oder den gewünschten Beitrag einfügen müssen).

Sehen Sie sich die Blockoptionen auf der rechten Seite des Bildschirms an. Klicken Sie auf den ersten – Ausweis und wählen Sie die Tour aus, die Sie gerade erstellt haben.

Klicken Sie als nächstes auf Vorschau um zu sehen, wie das 360-Grad-Bild auf Ihrer Seite aussieht, und dann Veröffentlichen es.

Natürlich können Sie, wenn Sie möchten, weitere Szenen hochladen und Hotspots hinzufügen, um das Bild für die Benutzer informativer zu machen.

Abschließende Gedanken

Ein interaktives 360-Grad-Bild hat zweifellos die Macht, eine gewöhnliche Website im Handumdrehen in eine auffällige und beeindruckende Website zu verwandeln. Das WP VR-Plugin ist eine bemerkenswerte Wahl, die beeindruckende kostenlose Optionen bietet, ganz zu schweigen von noch mehr praktischen Einstellungen, die mit Premium-Versionen geliefert werden. Alternativ zu diesem Plugin können Sie das Leichtgewicht verwenden Algori 360-Bild aber es funktioniert nur in Gutenberg oder 360°-Ansicht des SR-Produkts Dies ist eine gute Wahl, wenn Sie einen Online-Shop betreiben.