Christmas
TwentyFive
Get 25% Discount
Zum Inhalt springen
RexThema
  • Startseite
  • Plugins
    • WP VR
    • Produkt-Feed
    • Wagenheber
  • Dokumente
  • Unterstützung
  • Blog
  • Konto
    • Anmelden
  • Kontakt
  • EN
  • NL

Wagenheber

  • Introduction To Cart Lift
  • Getting Started With Cart Lift
  • Install And Activate Cart Lift
  • A Basic Plugin Overview – Cart Lift
  • Configure And Use Cart Lift Effectively
  • How To Track Abandoned Carts Automatically
  • How To Set Up Your Abandoned Cart Recovery Campaign
  • How To Use Twilio SMS Service To Recover Abandoned Carts – Cart Lift Pro
  • How To Get Notifications For Abandoned Carts And Recovery
  • Get Full Analytics Report On Recovery Campaign
  • Shortcodes for Email Fields in Cart Lift
  • How To Upgrade To Pro – Cart Lift
  • Troubleshooting For Common Issues – Cart Lift

Produkt-Feed-Manager

  • Product Feed Manager – Documentation
Getting Started
  • Introduction To Product Feed Manager For WooCommerce
  • Getting Started With Product Feed Manager For WooCommerce
  • How To Install And Activate PFM
  • How To Generate Product Feed For The First Time
  • Basic Plugin Overview – Product Feed Manager Pro WooCommerce
  • How To Generate A Custom Product Feed Easily
Upgrade To PFM Pro
  • How to Upgrade to Pro – PFM
Auto-Sync To Google Shopping
  • How To Auto-sync Product Feed To Google Merchant Center
  • Upload your WooComerce product feed directly to the Google Merchant Center – (No Need For Authorization)
Kategorie-Zuordnung
  • How To Use Category Mapping For Product Feed
  • How To Use Category Mapping For Google Product Category
  • How To Configure Category Mapping For Facebook Product Category
Feed Generation Instructions
  • How to generate WooCommerce Product Feed for Google
  • How to generate WooCommerce Product Feed for Facebook
  • How to Upload your WooCommerce Products on the Facebook Store
  • How to create a feed for eBay MIP
  • How to create a Target Product feed for Target Marketplace
  • How to create a WooCommerce product feed for Wish.com
  • How to create a WooCommerce product feed for Sears Marketplace
  • How to create a WooCommerce product feed for NewEgg Marketplace
  • How to create a WooCommerce product feed for Walmart
  • How to create a WooCommerce product feed for Instagram Catalog
  • How to upload products on Instagram Shop
Understanding Basic Feed Configuration For Required Attributes
  • Product Feed Optimization with Yoast SEO Product Title, Meta Description and Primary Category
  • How To Add A Static Prefix or Suffix To An Attribute In The Feed
  • How To Add A Custom Attribute To The Feed
  • How To Add Or Remove An Additional Product Attribute In The Feed
  • Learning About Feed File Types And How To Download Or View Feed
  • Optimize Product Feed Data With Effective Output Filters
  • Understanding And Configuring Feed Attributes and their values
  • How To Remove HTML Tags Or Shortcodes From A Feed
  • How To Use UTF-8 Encode To Convert HTMLEntities To Symbols In A Feed Attribute Value
  • How To Convert Symbols To HTMLEntities In A Feed Attribute Value
  • How To Include CDATA In An XML Feed Attribute Tag
  • How To Remove Decimal From Price For Marktplaats Feed
  • How To Replace Space With Hyphen In A Feed Attribute Data
  • How To Use A Custom Field Value In The Product Feed
  • How To Add Currency To Your Product Price
  • How To Use Yoast Primary Category In The Feed
  • How To Use RankMath Primary Category In The Feed
  • Useful Options On The Controls Tab
  • Understanding The Use of Different Price Attributes
Useful Control Options
  • Useful Options On Settings Tab
  • Produkte pro Charge bei der Chargenverarbeitung kontrollieren
  • Verbinden Sie Facebook-Pixel mit WooCommerce für dynamische Anzeigen
  • Add Extensive Custom Fields Of Unique Identifiers For WooCommerce Products
  • Add Custom Fields For Important Product Attributes
  • How To Add Extensive Custom Fields To WooCommerce Products
  • How To Exclude Tax From Structured Data Prices
Useful Features For Feed Generation
  • How To Exclude Invisible Products / Hidden Products From Product Feed
  • How To Use Custom Filter When Generating Product Feed
  • How To Use Category Filter When Generating Product Feed
  • How To Use Tag Filter When Generating Product Feed
  • How To Use Feed Filter Options When Generating Feed
  • How To Schedule Auto-update of Feed On Set Intervals
  • How To Include Variable Products To The Feed
  • How To Include Private Products In Product Feed
  • How To Include Product Variation Term To The Product Name
  • How To Add UTM Parameters To Product URLs
  • How to use the Feed Rule feature to manipulate attribute values
  • How to use the dynamic pricing feature to manipulate your product price
  • How to combine multiple attributes values together with the Combined Attributes feature
  • How to use the Product Filter option to include/ exclude specific products
  • How To Set Custom Time Intervals For Auto-Feed Update
Fix JSON-LD Structured Data For Variable Products
  • Fix WooCommerce (JSON-LD) Structured Data For Approval In Google Shopping
Others
  • How To Include Brand Name In The Feed Using Perfect Brands For WooCommerce And PFM
  • Enable Error Log for Product Feed Manager For WooCommerce
  • How To Generate Product Feed In Multiple Languages With WPML
  • How to schedule custom feed refresh interval with Product Feed Manager using WP Crontrol
  • How to include Shipping values into WooCommerce product feed (Google & Facebook)
  • How to include Tax values into your WooCommerce Product Feed (Google & Facebook)
  • How to generate a WooCommerce product feed with the top sold products to sell more
  • Update your feed only if any changes were made to any of your products
  • How to include WooCommerce Shipping values into your feed (Except Google & Facebook)
  • How to convert product feed price with WPML / WCML
  • How to generate product feed in multiple languages with Polylang
Troubleshoot
  • Troubleshooting Common Issues – Product Feed Manager For WooCommerce
  • Product Missing On Facebook Commerce Manager – Facebook & Instagram
  • Product Missing on Google Merchant Center/ Product Not uploaded
  • Google Shopping Product Feed Specification – Attributes List
Etsy Addon
  • Product Feed Manager for WooCommerce Etsy Integration – How to guide
All Google Feeds
  • How to create a WooCommerce product feed for Google Review
  • How to create a WooCommerce product feed for Google Remarketing (DRM)
  • How to create a WooCommerce product feed for Google Local Products
  • How to create a WooCommerce product feed for Google Local Products Inventory
  • How to create a WooCommerce product feed for Google Manufacturer Center
  • How to create a WooCommerce product feed for Google Merchant Center Promotion
  • How to create a WooCommerce product feed for Google Shopping Actions
  • How to create a WooCommerce product feed for Google Dynamic Display Ads (Google Ads)
  • How to create a WooCommerce product feed for Google Express (Former Google Shopping Actions Program)
  • How to create a WooCommerce product feed for Google Local Inventory Ads
  • How to create a WooCommerce product feed for Google Custom Search Ads
  • How to create a WooCommerce product feed for Google Dynamic Search Ads

VR Places Theme

  • How To Install And Activate VR Places Theme
  • How To Customize Global Settings for VR Places Theme

WP VR

  • Erste Schritte mit WP VR
Getting Started
  • Introduction To WP VR
  • Getting Started With WP VR
  • How To Install And Activate WP VR
  • How To Create A Simple Virtual Tour In 5 Minutes – WP VR
  • How to Embed A Virtual Tour And Customize It – WP VR
  • WP VR Basic Plugin Overview
Upgrade To WPVR Pro
  • How To Upgrade To Pro – WPVR
Using WPVR Premium Add-ons
  • How To Integrate Fluent Forms On A Virtual Tour
  • How To Integrate WooCommerce To A Virtual Tour
  • How To Embed Virtual Tours On Non-WordPress Websites
How To - Basic Settings
  • How To Use Exclusive Features On General Settings To Customize A Virtual Tour
  • How To Add A Preview Image To Your Virtual Tour – WPVR
  • How to Enable Auto Rotation For Your 360 Virtual Tour – WP VR
Using Advanced Settings
  • How To Enable Gyroscope Sensor On 360 Virtual Tours
  • How To Set Up A Scene Gallery On Virtual Tours
  • How To Add Background Music To Virtual Tours
  • How To Limit Keyboard Controls For Navigation And Zoom
  • How To Limit The Use Of Mouse Scroll To Zoom Or Drag To Move A Tour
  • How to Add A Virtual Tour Icon or Your Company Logo in 360 Degree Tours – WPVR
  • How To Set YouTube Explainer Videos Inside Virtual Tours 
  • How To Enable The Support for VR Headset for Phones
  • How To Set Individual Hotspot Icon Color and Animation In Panorama Images
  • How To Set Virtual Floor Plans Inside Your Tours – WPVR
Setting Up Control Buttons
  • Using Custom Icons For Navigation And Control Buttons In A Virtual Tour
  • How To Add A Home Button To Your Virtual Tour
Turn Panorama Images Into Live Scenes
  • How To Add A Scene To Your Virtual Tour
  • How To Use Scene Settings To Customize A Scene
  • Festlegen des Standard-Szenengesichts auf einer virtuellen Tour
  • How To Set Custom Zoom Settings On A Scene In Your Virtual Tour – WPVR
  • How to Set 360 Image Grab Limit On A Scene in Your Virtual Tour – WPVR
Use Hotspots for Navigation & Information
  • How To Add Hotspots To A Scene In Your Virtual Tour
  • How To Use Hotspots To Show Information, Images Or Videos
  • How To Use Hotspots To Go From One Scene To Another
  • How To Customize Hotspot Icons And Color
  • Embed A Self Hosted Video on WPVR Hotspots
  • How To Embed Youtube Videos Inside Virtual Tours Using WPVR
  • How To Set Hotspot Content Easily Inside Virtual Tour – Using WYSIWYG HTML Editor
Create 360 Degree Video Tours
  • How To Embed A Youtube 360 Video On Your Website Using WPVR
  • How To Create A Virtual Tour Using Self Hosted 360 Degree Interactive Video with WPVR
Embed Google Street Views
  • How To Embed A Google Street View Tour On Your Website Using WPVR
Partial Panorama & Full View Virtual Tours
  • How To Create A Virtual Tour With Partial Panoramas or iPhone Panoramas
  • How To Create A Virtual Tour With Mobile Phone Panorama Images
  • How To Create Full Screen Virtual Tours – WPVR
  • How To Set A 360 Panorama Background Virtual Tour
Publish Virtual Tours on Your Website
  • How To Embed A Virtual Tour Using WPVR Gutenberg Block
  • How To Embed A Virtual Tour Using WPVR Elementor Widget
  • How To Use WP VR Oxygen Element To Embed A Virtual Tour
  • How To use a WPVR Shortcode to Embed a Virtual Tour
  • How To Embed WPVR Virtual Tours Using Visual Composer Element
  • How To Publish A Virtual Tour Using WPVR Panorama Module for Divi
Import, Export, & Duplicate Virtual Tours
  • How To Export And Import Virtual Tours
  • How To Duplicate A Virtual Tour
Troubleshooting - Solve Common Issues
  • Wie man WPVR von der automatischen Optimierung ausschließt
  • Troubleshooting Common Issues – WPVR
  • How To Solve Virtual Tour Not Showing Up – WPVR
  • How To Exclude Assets of WPVR From Autoptimize
  • How To Manage Your WPVR User Account Settings & Subscription Plan
Optimize Virtual Tour for Mobile Devices
  • How To Set A Dynamic Front End Notice On Virtual Tours For Mobile Phone Viewers
  • How To Auto Resize Images On Mobile Devices for Virtual Tours
  • How To Set Custom Height for Mobile Devices to Your Virtual Tours
Demo Virtuelle Touren
  • Demo Virtuelle Touren
  • Einfache virtuelle Tour
  • Virtueller Rundgang - WPVR Pro
  • Demo-Tour - WPVR (kostenlos)
  • Galerie für benutzerdefinierte Szenen - WPVR
  • Benutzerdefinierte Steuerungssymbole - WPVR
  • Google Street View-Tour - WPVR Pro
  • Video-Anleitungen - WPVR
  • Demo Virtueller Rundgang mit Teil-Panorama - WPVR Pro
  • Bar/Pub Showcase
Advanced Settings for Virtual Tours
  • How To Set Up WPVR Exclusive Settings
  • Kontroll-Skript und das Laden von Stilen für die virtuellen Touren
  • How To Disable WordPress Large Image Handler For Virtual Tours
  • How to Control Video.js Loading for Virtual Tour Pages – WPVR

Deprecated Plugins

Medienspeicherung in der Wolke
  • Speicherung von WP-Medien in der Wolke
  • Erste Schritte - Medienspeicher in die Wolke
  • Installation und Aktivierung von Medien für Cloud Storage
  • Überblick über die Speicherung von WP-Medien im Cloud-Dashboard
  • Wie man Amazon S3 Bucket verbindet
  • Wie Sie Google Cloud Storage anschließen
  • Wie richte ich IAM-Benutzer für Amazon S3 Bucket ein?
  • Einrichten des Google Cloud Storage Bucket zur Bereitstellung von Mediendateien
  • Wie man DigitalOcean-Räume verbindet
  • How To Create An Amazon CloudFront Distribution
  • How To Create An Amazon CloudFront Origin Access Identity
  • Troubleshooting For Common Issues – Media Storage To Cloud
  • How To Create Free HTTPS Certificate On Amazon S3
Variation Farbfelder
  • Variation Swatches for WooCommerce – Getting Started
  • Variation Swatches For WooCommerce – Dashboard Overview
  • Variation Swatches For WooCommerce – Install And Activate
  • Change Dropdown to Button Swatches for WooCommerce Variations
  • How To Set Up WooCommerce Color Swatches For Color Variation
  • How To Set Up WooCommerce Image Swatches For Image Variation
  • How To Set Up Label Swatches For WooCommerce Product Variations
  • How To Customize Variation Swatch Hover Style
  • How To Customize Variation Swatches Global Style
  • How To Customize Variation Swatches Selected Style
  • Startseite
  • Dokumente
  • WP VR
  • Getting Started

How to Embed A Virtual Tour And Customize It – WP VR

Table of Contents
  • WP VR Gutenberg Block To Embed and Customize A Virtual Tour  
  • WP VR Elementor Widget To Embed and Customize A Virtual Tour
  • Shortcode To Embed and Customize A WPVR Virtual Tour

You can embed a WP VR virtual tour on your website in 3 ways:

  • WPVR Gutenberg block
  • WPVR-Elementor-Widget
  • Kurzwahlnummer

Sie können die Breite und Höhe und den Radius Ihrer virtuellen Touren kontrollieren, indem Sie den Anweisungen hier folgen.

WP VR Gutenberg Block To Embed and Customize A Virtual Tour   #

Wenn Sie Gutenberg verwenden, finden Sie unter den gemeinsamen Blöcken den WPVR-Block, um eine virtuelle Tour einzubetten. 

WPVR Gutenberg-Block

Sie können auch einfach nach WPVR suchen und dieser Block erscheint dann.

Wenn Sie den WPVR-Block wählen, sehen Sie Folgendes:

Virtuelle Tour einbetten

Für diesen Block sehen Sie sich die Optionen auf der rechten Seite an. Sie sehen die folgenden Optionen:

WPVR-Block-Optionen
  • Id
  • Breite
  • Höhe
  • Radius

Wählen Sie die Id Ihrer gewünschten WPVR-Tour, die Sie einbinden möchten

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 600
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%
  • If you wish the tour to be full-width of the page, just set it as: ‘100vw’.

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 400
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 10
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Das war's. Jetzt können Sie eine Vorschau der Tour sehen, um zu sehen, wie sie aussieht.

WP VR Elementor Widget To Embed and Customize A Virtual Tour #

Wenn Sie Elementor verwenden, finden Sie unter den üblichen Widgets das WPVR-Widget, mit dem Sie eine virtuelle Tour in Ihre Website einbinden können.

WPVR-Elementor-Widget

Finden Sie es, indem Sie im Abschnitt Elemente nach WPVR suchen.

Oder Sie finden sie einfach, indem Sie im Abschnitt Allgemeines unter Elemente nach unten scrollen.

Ziehen Sie das Widget per Drag & Drop in den Container, in den Sie die virtuelle Tour einbetten möchten. Auf der linken Seite finden Sie die folgenden Optionen:

WPVR-Elementor-Widget Optionen
  • Id
  • Breite
  • Höhe
  • Radius

Wählen Sie die Id Ihrer gewünschten WPVR-Tour, die Sie einbinden möchten.

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie einen positiven numerischen Pixelwert zu. Zum Beispiel: 600px
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Pixelwert zu. Zum Beispiel: 400px
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Pixelwert zu. Zum Beispiel: 10px
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 5%

Das war's.

Shortcode To Embed and Customize A WPVR Virtual Tour #

Wenn Sie den Classic-Editor verwenden, müssen Sie Shortcodes verwenden, um eine virtuelle Tour auf einer Seite einzubetten.

Im Bearbeitungsmodus Ihrer Tour sehen Sie ein Kästchen wie dieses mit dem Namen Diese Tour verwenden:

WPVR Virtueller Rundgang Kurzcode

Copy and paste the shortcode on your page.

Then you can customize the size of the tour as shown below:

To set fixed desired tour size:

[wpvr id = "Your Tour ID" width = "1200px" height = "400px" radius = "0px" ]

To set the tour size as a percentage of the container width size:

[wpvr id = "Your Tour ID" width = "90%" height = "400px" radius = "0px" ]

To view the tour in full width view of the page/post:

[wpvr id = "Your Tour ID" width = "fullwidth" height = "400px" radius = "0px" ]

Oder Sie können das Format von hier kopieren und entsprechend Ihren Bedürfnissen bearbeiten.

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie die Breite in Pixeln zu. Zum Beispiel: Breite= "600px".
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%
  • Wenn Sie möchten, dass der Rundgang in voller Breite der Seite erfolgt, dann verwenden Sie den Text 'fullwidth'.

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 400
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 10
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Das war's. Jetzt können Sie eine Vorschau der Tour sehen, um zu sehen, wie sie aussieht.

Now, let us take a basic overview of the plugin before you can start using all the advanced features.

WP VR Basic Plugin Overview ➜
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Interesse
Updated on September 7, 2021
How To Create A Simple Virtual Tour In 5 Minutes – WP VRWP VR Basic Plugin Overview
Table of Contents
  • WP VR Gutenberg Block To Embed and Customize A Virtual Tour  
  • WP VR Elementor Widget To Embed and Customize A Virtual Tour
  • Shortcode To Embed and Customize A WPVR Virtual Tour
Unsere Plugins
  • WP VR
  • Produkt-Feed-Manager
  • Wagenheber
Ressourcen
  • Datenschutzerklärung
  • Nutzungsbedingungen
  • Partnerprogramm
  • Kontakt
Bezahlmethoden
Bezahlmethoden

© . Alle Rechte sind RexTheme vorbehalten.