twenty-anniversary
sale
Twenty
Krijg 20% Korting
Ga naar de inhoud
RexThema
  • Home
  • Plugins
    • WP VR
    • Product voer
    • Wagenlift
  • Docs
  • Ondersteuning
  • Blog
  • Rekening
    • Aanmelden
  • Contacteer ons
  • EN
  • DE

Wagenlift

  • Inleiding tot wagenlift
  • Aan de slag met karlift
  • Installeren en activeren wagenlift
  • Een basisoverzicht van de plugin - winkelwagenlift
  • Karlift configureren en effectief gebruiken
  • Hoe automatisch verlaten winkelwagens volgen
  • Hoe uw campagne voor herstel van achtergelaten wagens opzetten
  • Hoe Twilio SMS Service gebruiken om achtergelaten winkelwagens terug te krijgen - Cart Lift Pro
  • Hoe meldingen te krijgen voor achtergelaten winkelwagens en herstel
  • Ontvang een volledig analyserapport over de herstelcampagne
  • Shortcodes voor e-mailvelden in winkelwagenlift
  • Hoe te upgraden naar Pro - karlift
  • Probleemoplossing voor veelvoorkomende problemen - wagenlift

Product Feed Manager

  • Product Feed Manager - Documentatie
Aan de slag
  • Inleiding tot Product Feed Manager voor WooCommerce
  • Aan de slag met Product Feed Manager voor WooCommerce
  • Hoe PFM installeren en activeren
  • Hoe genereer je voor het eerst Product Feed
  • Basisoverzicht van de plugin - Product Feed Manager Pro WooCommerce
  • Zo genereer je gemakkelijk een aangepaste productfeed
Upgrade naar PFM Pro
  • Upgraden naar Pro - PFM
Automatisch synchroniseren met Google Shopping
  • Hoe automatisch productfeeds synchroniseren met Google Merchant Center
  • Upload je WooComerce productfeed rechtstreeks naar het Google Merchant Center - (geen autorisatie nodig)
Categorie Kartering
  • Hoe Category Mapping gebruiken voor Product Feed
  • Hoe Category Mapping gebruiken voor Google Product Category
  • Hoe Category Mapping configureren voor Facebook Product Category
Instructies voor het genereren van voer
  • Hoe WooCommerce Product Feed voor Google te genereren
  • Hoe WooCommerce Product Feed voor Facebook te genereren
  • Zo upload je WooCommerce producten naar de Facebook Store
  • Een feed maken voor eBay MIP
  • Hoe maak je een Target Product feed voor Target Marktplaats?
  • Zo maak je een WooCommerce productfeed voor Wish.com
  • Hoe maak je een WooCommerce productfeed voor Sears Marketplace?
  • Hoe maak je een WooCommerce productfeed voor NewEgg Marketplace?
  • Hoe maak je een WooCommerce productfeed voor Walmart?
  • Hoe maak je een WooCommerce productfeed voor Instagram Catalogus
  • Hoe producten uploaden op Instagram Shop
Inzicht in de basisconfiguratie van invoer voor vereiste attributen
  • Product Feed Optimalisatie met Yoast SEO Product Title, Meta Description en Primary Category
  • Hoe voeg je een statisch voor- of achtervoegsel toe aan een attribuut in de feed?
  • Een aangepast attribuut aan de feed toevoegen
  • Een extra productkenmerk toevoegen of verwijderen in de feed
  • Leren over typen feed-bestanden en hoe feed te downloaden of te bekijken
  • Producttoevoergegevens optimaliseren met doeltreffende uitvoerfilters
  • Inzicht in en configuratie van voerattributen en hun waarden
  • Hoe verwijder je HTML-tags of shortcodes uit een feed?
  • Hoe UTF-8-codering gebruiken om HTMLE-entiteiten om te zetten in symbolen in een feed-attribuutwaarde
  • Hoe symbolen converteren naar HTMLEntiteiten in een feed attribuutwaarde
  • Hoe CDATA op te nemen in een XML Feed Attribute Tag
  • Hoe verwijder je een decimaal uit de prijs voor Marktplaats Feed?
  • Hoe spatie vervangen door koppelteken in een feed attribuut gegevens
  • Hoe een aangepaste veldwaarde gebruiken in de Product Feed
  • Hoe valuta toevoegen aan uw productprijs
  • Hoe Yoast primaire categorie in de feed te gebruiken
  • Hoe RankMath primaire categorie in de feed te gebruiken
  • Nuttige opties op het tabblad Controle
  • Inzicht in het gebruik van verschillende prijsattributen
Nuttige controleopties
  • Nuttige opties op het tabblad Instellingen
  • Controleproducten per batch in batch verwerking
  • Verbind Facebook Pixel met WooCommerce Voor Dynamic Ads
  • Uitgebreide aangepaste velden met unieke id's toevoegen voor WooCommerce producten
  • Aangepaste velden toevoegen voor belangrijke productkenmerken
  • Hoe uitgebreide aangepaste velden toevoegen aan WooCommerce producten
  • Hoe belasting uitsluiten van gestructureerde dataprijzen
Nuttige functies voor het genereren van voer
  • Hoe onzichtbare producten / verborgen producten uitsluiten van de producttoevoer
  • Hoe een aangepast filter te gebruiken bij het genereren van productfeeds
  • Hoe categorie filter gebruiken bij het genereren van Product Feed
  • Hoe Tag Filter gebruiken bij het genereren van Product Feed
  • Hoe filteropties voor feed gebruiken bij het genereren van feed
  • Hoe het automatisch bijwerken van voer op ingestelde intervallen te plannen
  • Hoe variabele producten aan het voer toevoegen
  • Hoe privéproducten opnemen in Product Feed
  • Hoe een productvariant op te nemen in de productnaam
  • UTM-parameters toevoegen aan product-URL's
  • Hoe de Feed Rule-functie gebruiken om attribuutwaarden te manipuleren
  • Hoe u de dynamische prijsfunctie kunt gebruiken om uw productprijs te manipuleren
  • Hoe meerdere attribuutwaarden combineren met de functie Gecombineerde attributen
  • Hoe gebruikt u de optie Productfilter om specifieke producten in of uit te sluiten?
  • Hoe aangepaste tijdsintervallen instellen voor automatische feed-update
Fix JSON-LD gestructureerde gegevens voor variabele producten
  • Fix WooCommerce (JSON-LD) gestructureerde gegevens voor goedkeuring in Google Shopping
Anderen
  • Hoe merknaam opnemen in feed met Perfect Brands voor WooCommerce en PFM
  • Foutenlogboek inschakelen voor Product Feed Manager voor WooCommerce
  • Hoe maak je productfeeds in meerdere talen met WPML?
  • Hoe plan je aangepaste feed verversingsintervallen met Product Feed Manager met behulp van WP Crontrol
  • Hoe Verzendwaarden opnemen in WooCommerce product feed (Google & Facebook)
  • Hoe belastingwaarden op te nemen in je WooCommerce Product Feed (Google & Facebook)
  • Hoe je een WooCommerce productfeed genereert met de best verkochte producten om meer te verkopen
  • Werk uw feed alleen bij als er wijzigingen zijn aangebracht in een van uw producten
  • Hoe WooCommerce Verzendwaarden opnemen in je feed (Behalve Google & Facebook)
  • Hoe product feed prijs om te zetten met WPML / WCML
  • Hoe maak je product feed in meerdere talen met Polylang
Problemen oplossen
  • Problemen oplossen - Product Feed Manager voor WooCommerce
  • Product ontbreekt op Facebook Commerce Manager - Facebook & Instagram
  • Product ontbreekt in Google Merchant Center/Product niet geüpload
  • Google Shopping Product Feed Specificatie - Attributenlijst
Etsy Addon
  • Product Feed Manager voor WooCommerce Etsy Integratie - handleiding
Alle Google Feeds
  • Hoe maak je een WooCommerce productfeed voor Google Review?
  • Hoe maak je een WooCommerce productfeed voor Google Remarketing (DRM)?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products Inventory?
  • Hoe maak je een WooCommerce product feed voor Google Fabrikant Centrum
  • Hoe maak je een WooCommerce product feed voor Google Merchant Center Promotie
  • Hoe maak je een WooCommerce product feed voor Google Shopping Acties
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Display Ads (Google Ads)?
  • Hoe maak je een WooCommerce productfeed voor Google Express (voormalig Google Shopping Actions Program)?
  • Hoe maak je een WooCommerce product feed voor Google Local Inventory Ads
  • Hoe maak je een WooCommerce productfeed voor Google Custom Search Ads?
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Search Ads?

Thema VR-plaatsen

  • Hoe VR Places Theme installeren en activeren
  • Hoe algemene instellingen aanpassen voor het VR Places-thema

WP VR

  • Aan de slag met WP VR
Aan de slag
  • Inleiding tot WP VR
  • Aan de slag met WP VR
  • Hoe WP VR installeren en activeren
  • Een eenvoudige virtuele tour maken in 5 minuten - WP VR
  • Hoe een virtuele tour insluiten en aanpassen - WP VR
  • WP VR Basis Plugin Overzicht
Upgrade naar WPVR Pro
  • Hoe te upgraden naar Pro - WPVR
WPVR Premium Add-ons gebruiken
  • Hoe vloeiende formulieren integreren in een virtuele tour
  • Hoe WooCommerce integreren in een virtuele tour
  • Hoe virtuele tours insluiten op niet-WordPress-websites
Hoe - Basisinstellingen
  • Hoe exclusieve functies in de algemene instellingen gebruiken om een virtuele tour aan te passen
  • Een voorbeeldafbeelding toevoegen aan uw virtuele tour - WPVR
  • Hoe automatische rotatie in te schakelen voor uw 360 virtuele tour - WP VR
Geavanceerde instellingen gebruiken
  • Hoe Gyroscoop Sensor Inschakelen op 360 Virtuele Tours
  • Hoe een scènegalerij opzetten bij virtuele rondleidingen
  • Achtergrondmuziek toevoegen aan virtuele rondleidingen
  • Hoe toetsenbordbediening voor navigatie en zoom te beperken
  • Hoe beperk je het gebruik van de muis om te zoomen of te slepen om een tour te verplaatsen?
  • Hoe voeg je een Virtual Tour-pictogram of je bedrijfslogo toe in 360 graden tours - WPVR
  • Hoe YouTube Explainer-video's binnen virtuele rondleidingen plaatsen 
  • Hoe de ondersteuning voor VR Headset in te schakelen voor telefoons
  • Hoe individuele kleur en animatie van hotspotpictogrammen instellen in panorama-afbeeldingen�
  • Hoe u virtuele plattegronden in uw tours kunt plaatsen - WPVR
Bedieningsknoppen instellen
  • Aangepaste pictogrammen gebruiken voor navigatie en bedieningsknoppen in een virtuele tour
  • Een thuisknop toevoegen aan uw virtuele tour
Panoramabeelden omzetten in live scènes
  • Hoe een scène toevoegen aan uw virtuele tour
  • Scène-instellingen gebruiken om een scène aan te passen
  • Hoe de standaard scène in te stellen op een virtuele tour
  • Zo stelt u aangepaste zoominstellingen in voor een scène in uw virtuele tour - WPVR
  • Hoe stel je een limiet in voor het grijpen van 360 beelden op een scène in je virtuele tour - WPVR
Hotspots gebruiken voor navigatie en informatie
  • Hoe hotspots toevoegen aan een scène in uw virtuele tour
  • Hoe hotspots gebruiken om informatie, afbeeldingen of video's te tonen
  • Hoe hotspots gebruiken om van de ene scène naar de andere te gaan
  • Hoe hotspotpictogrammen en -kleur aan te passen
  • Een zelf gehoste video insluiten op WPVR Hotspots
  • Hoe Youtube-video's insluiten in virtuele tours met WPVR
  • Hoe eenvoudig hotspot-inhoud instellen in een virtuele tour - met behulp van WYSIWYG HTML-editor
360 graden video tours maken
  • Hoe je een Youtube 360-video op je website zet met WPVR
  • Hoe maak je een virtuele tour met zelf gehoste interactieve 360 graden-video met WPVR?
Google Street Views insluiten
  • Hoe u een Google Street View-tour op uw website kunt opnemen met WPVR
Gedeeltelijk panorama en volledig uitzicht
  • Een virtuele tour maken met gedeeltelijke panorama's of iPhone panorama's
  • Een virtuele tour maken met panoramabeelden van mobiele telefoons
  • Virtuele rondleidingen op volledig scherm - WPVR
  • Hoe een 360 Panorama Achtergrond Virtuele Tour instellen
Publiceer virtuele rondleidingen op uw website
  • Hoe een virtuele tour insluiten met het WPVR Gutenberg-blok
  • Een virtuele tour insluiten met WPVR Elementor Widget
  • Hoe WP VR Oxygen Element gebruiken om een virtuele tour in te sluiten
  • Hoe een WPVR Shortcode gebruiken om een virtuele tour in te sluiten
  • Hoe WPVR virtuele tours insluiten met behulp van Visual Composer Element
  • Een virtuele tour publiceren met WPVR Panorama Module voor Divi
Virtuele rondleidingen importeren, exporteren en dupliceren
  • Virtuele rondleidingen exporteren en importeren
  • Een virtuele tour dupliceren
Problemen oplossen - Veelvoorkomende problemen oplossen
  • Hoe WPVR uit te sluiten van autoroptimalisatie
  • Problemen oplossen - WPVR
  • Virtual Tour niet zichtbaar - WPVR
  • Hoe Activa van WPVR uitsluiten van automatisch optimaliseren
  • Hoe u uw WPVR gebruikersaccountinstellingen en abonnementsplan kunt beheren
Virtuele tour optimaliseren voor mobiele apparaten
  • Hoe een dynamische vooraankondiging instellen op virtuele rondleidingen voor mobiele telefoons
  • Afbeeldingen op mobiele apparaten automatisch verkleinen voor virtuele rondleidingen
  • Hoe aangepaste hoogte voor mobiele apparaten instellen voor uw virtuele rondleidingen
Demonstratie Virtuele Rondleidingen
  • Demonstratie Virtuele Rondleidingen
  • Basis virtuele rondleiding
  • Demonstratie Virtuele Tour - WPVR Pro
  • Demotour - WPVR (gratis)
  • Aangepaste Scène Gallery - WPVR
  • Custom Control Iconen - WPVR
  • Google Street View Tour - WPVR Pro
  • Videotrainingen - WPVR
  • Demo Partial Panorama Virtual Tour - WPVR Pro
  • Bar/Pub Showcase
Geavanceerde instellingen voor virtuele rondleidingen
  • Hoe WPVR exclusieve instellingen instellen
  • Control Script en stijl laden voor de virtuele reizen
  • Hoe WordPress Large Image Handler uitschakelen voor virtuele tours
  • Hoe beheer je het laden van Video.js voor virtuele tourpagina's - WPVR

Verouderde plugins

Media-opslag naar de cloud
  • WP-mediaopslag naar de cloud
  • Aan de slag - Mediaopslag naar Cloud
  • Hoe installeer en activeer je Media to Cloud Storage
  • WP Media Opslag Naar Cloud Dashboard Overzicht
  • Hoe sluit u de Amazone S3-emmer aan?
  • Hoe sluit u Google Cloud Storage aan?
  • Hoe kan ik de IAM-gebruiker instellen voor de Amazon S3-emmer?
  • Hoe u Google Cloud Storage Bucket kunt instellen om mediabestanden te serveren
  • Hoe sluit u DigitalOcean-ruimtes aan?
  • Hoe maak je een Amazon CloudFront distributie
  • Hoe maak je een Amazon CloudFront Origin toegangsidentiteit aan?
  • Probleemoplossing voor veelvoorkomende problemen - Mediaopslag in de cloud
  • Hoe maak je een gratis HTTPS-certificaat aan op Amazon S3?
Variatie Swatches
  • Variatiestalen voor WooCommerce - Aan de slag
  • Variatiestalen voor WooCommerce - Dashboard Overzicht
  • Variatiestalen voor WooCommerce - Installeren en activeren
  • Dropdown naar knop Swatches wijzigen voor WooCommerce Variaties
  • Hoe WooCommerce kleurstalen instellen voor kleurvariatie
  • Hoe WooCommerce-afbeeldingsstalen instellen voor beeldvariatie
  • Label Swatches instellen voor WooCommerce productvariaties
  • Hoe past u de hoverstijl van de variatiestrook aan?
  • Hoe de variatiestalen aan te passen Globale stijl
  • Hoe past u de geselecteerde stijl aan?
  • Home
  • Docs
  • WP VR
  • Gedeeltelijk panorama en volledig uitzicht

Een virtuele tour maken met panoramabeelden van mobiele telefoons

Inhoudsopgave
  • Step 1 - Capture Panoramas With Your Mobile Phone
  • Step 2 - Install And Activate WPVR
  • Step 3 - Go To WPVR To Create A Virtual Tour
  • Step 4 -Upload Your Panorama To Create A Scene
  • Step 4: Use Proper Angle View For Partial Panorama Effect

You require 360 panoramic images to create virtual tours. But to take a professional 360 panoramic image, you require expensive tools such as DSLR, or digital 360 cameras, tripods, and so on.

These are not always possible to purchase.

Again, a panoramic image taken by a smartphone is not usable. Or is it?

What if you could rather take panoramic images using your smartphone and create a virtual tour out of them?

Well, yes. That’s exactly what you can do using WPVR.

You can now create virtual tours for your website, using panoramas taken with your mobile phone, with WPVR.

WPVR comes with a special feature called “Partial panorama” that makes it easy for you to upload and turn normal panoramas into stunning virtual tours.

This could be really handy for important cases such as, if you are trying to quickly create a virtual tour of your property for sale, or your hotel for rent, or simply creating a virtual tour of your personal office.

Today I will show you how you can easily create beautiful virtual tours simply using panoramas taken using your smartphone.

Dus laten we beginnen.

Step 1 – Capture Panoramas With Your Mobile Phone #

Nowadays, even the most basic smartphones have a panorama option and you can easily use it.

Suppose you are taking a panorama of your office room. Find a suitable spot from where you can get a good view of your office in all directions.

Then turn on the Panorama mode on your mobile camera and take a couple of panoramas. You can do the same from more spots in your office room if you want to add multiple scenes in your tour.

**It will be even better and stable if you have a monopod.

Choose the best image from each spot for your virtual tour and transfer them to your PC. (Or, if you want to access your website from mobile, then you can keep it in your phone gallery.)

Here’s a guide you can follow to capture 360-degree photos with your smartphone.

Step 2 – Install And Activate WPVR #

You need to have both the free version and the paid version of WPVR to do this.

If you already have both of the plugins installed and activated on your site, you can directly go to step 3.

Here are instructions for installing WPVR:

  • Install and activate the free version of WPVR.
  • Install and activate WPVR Pro.

Step 3 – Go To WPVR To Create A Virtual Tour #

Once you have successfully installed and activated both the plugins, go to your WordPress Dashboard > WPVR > Add New Tour.

Here, first, give a name to the tour.

Create Virtual Tour

Then on the left, you can see several sections. Initially, you will be in the General Section.

Step 4 -Upload Your Panorama To Create A Scene #

Just below General Tab, you can see the Scenes tab. Click on it.

Here, assign a Scene ID and choose Yes for the option Set as Default.

Scene Settings

Then, click on the Upload button and upload your desired panorama.

For this guide, I will create a simple virtual tour with only one scene. You can add multiple scenes if you want to.

Scene Upload

Once the image is uploaded, now it’s time to set the Partial panorama effect on the image you uploaded to turn it into a virtual tour.

Now, if you click on the Preview button, a messed up preview of the tour will show up.

But don’t worry, follow the next step to fix it.

Step 4: Use Proper Angle View For Partial Panorama Effect #

On the right side, look for the following two options:

  • Vertical Angle of View
  • Horizontal Angle of View

Turn On the Vertical Angle of View option. This controls how much of your image will be visible on tour vertically.

By default, it’s set at 180, change it to 90.

Now, turn On the Horizontal Angle of View option. This controls how much of your image will be visible on tour horizontally.

By default, it’s set at 360, change it to 180.

On the Scenes section and go to Limit Vertical Scene Grab and Limit Horizontal Scene Grab options.

Turn the Limit Vertical Scene Grab option On.

The default value on the Max Pitch field is 90. Set it to 45.

The default value on the Min Pitch field is -90. Set it to -45.

Scene Grab Virtual Tour

Now, Turn the Limit Horizontal Scene Grab option On.

The default value on the Max Yaw field is 180. Set it to 90.

The default value on the Min Yaw field is -180. Set it to -90.

That’s it. You’ve just created a virtual tour using a panorama image that was captured by a mobile phone.

You can now click on the Preview button to have a live preview of your tour.

Virtual Tour Preview

**Remember to click on the Publish button on the upper right corner of your WordPress dashboard to save the tour.

Once you’ve saved the tour, you can publish it on your website.

You can use the WPVR Gutenberg block, WPVR Elementor Widget, or shortcode to publish the tour.

Follow this documentation to publish and customize your virtual tour.

To learn more about WPVR and its amazing features, click here.

Deel dit artikel :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Bijgewerkt op 7 september 2021
Een virtuele tour maken met gedeeltelijke panorama's of iPhone panorama'sVirtuele rondleidingen op volledig scherm - WPVR
Inhoudsopgave
  • Step 1 - Capture Panoramas With Your Mobile Phone
  • Step 2 - Install And Activate WPVR
  • Step 3 - Go To WPVR To Create A Virtual Tour
  • Step 4 -Upload Your Panorama To Create A Scene
  • Step 4: Use Proper Angle View For Partial Panorama Effect
RexThema
Onze Plugins
  • WP VR
  • Product Feed Manager
  • Wagenlift
Bronnen
  • Privacybeleid
  • Voorwaarden voor de dienstverlening
  • Affiliate programma
  • Contacteer ons
Betaalmethoden
Betaalmethoden

Copyright © 2013 - CODE REX