Ga naar de inhoud
RexTheme Logo
  • Home
  • Plugins
    • WP VR
    • Product voer
    • Cart Lift
  • Docs
  • Ondersteuning
  • Blog
  • Rekening
    • Aanmelden
  • Contacteer ons
  • EN
  • DE

Cart Lift

  • 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

Product Feed Manager

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 Shop
Categorie Kartering
  • 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
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 Sanitizations
  • 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
Useful Control Options
  • Nuttige opties op het tabblad Besturingselementen
  • Controleproducten per batch in batch verwerking
  • Verbind Facebook Pixel met WooCommerce Voor Dynamic Ads
  • 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 Product 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
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 With WPML Translated Product Data
  • How to schedule custom feed refresh interval with Product Feed Manager using WP Crontrol
Troubleshoot
  • Troubleshooting Common Issues – Product Feed Manager For WooCommerce
  • Product Missing On Facebook Commerce Manager/ Product Not Uploaded
  • Product Missing on Google Merchant Center/ Product Not uploaded
Etsy Addon
  • Product Feed Manager for WooCommerce Etsy Integration – How to guide

VR Places Theme

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

WP VR

  • Aan de slag met 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 
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
  • Hoe de standaard scène in te stellen op een virtuele 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
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
Import, Export, & Duplicate Virtual Tours
  • How To Export And Import Virtual Tours
  • How To Duplicate A Virtual Tour
Troubleshooting - Solve Common Issues
  • Hoe WPVR uit te sluiten van autoroptimalisatie
  • Troubleshooting Common Issues – WPVR
  • How To Solve Virtual Tour Not Showing Up – WPVR
  • How To Exclude Assets of WPVR From Autoptimize
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
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
Advanced Settings for Virtual Tours
  • How To Set Up WPVR Exclusive Settings
  • Control Script en stijl laden voor de virtuele reizen
  • How To Disable WordPress Large Image Handler For Virtual Tours
  • How to Control Video.js Loading for Virtual Tour Pages – WPVR

Deprecated 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?
  • 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 Swatches
  • 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
  • Home
  • Docs
  • WP VR
  • Using Advanced Settings

How To Add Background Music To Virtual Tours

Table of Contents
  • Adding A Background Music To A Virtual Tour

Adding background music to a virtual tour is a great way to let visitors enjoy the tour.

You may play soothing background music or play informative audio about the place while a person takes the tour.

This is a great way to connect with the visitor and often create more engagements.

Here’s an example of a demo tour with background music:

Here are the steps to follow to add background audio to your virtual tour using WPVR.

Adding A Background Music To A Virtual Tour #

01. Edit or create a new tour. Initially you will be on the Generals Tab.

WPVR General Section

02. On top, click on the Advanced Controls tab.

Advanced Controls Section

03. On the right side, you will find the option called Tour Background Music.

Tour Background Music Option

04. Once you enable it, you will get further options called Autoplay, Loop, and Upload or Set Audio Link.

Background Music Enabled

05. Click on the blue button under Upload or Set Audio Link to upload an audio file.

Upload or Set Audio Link for Virtual Tour

06. Once you upload the music, you can then choose if you want it to enable Autoplay and Loop.

Background Music All Options
  • Autoplay
    Enabling it will mean that the music will start playing automatically, the moment the tour loads.
  • Loop
    Enabling it will mean that if the music has playing for it’s full length, it will start playing again from the beginning.

07. Once you have set the background music, next publish the tour, and embed it on a post/page.

Embed Virtuele Tour

08. On the tour you will find an Audio button on the bottom left corner.

Audio Button on Virtual Tour

If you have enabled Autoplay, then clicking on this icon will pause the music. And clicking on it again will resume it.

If you did not enable Autoplay, a person will have to click on this icon to start playing the music.

That’s it. You can now easily add background music to any of your virtual tours.

Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Updated on September 7, 2021
How To Set Up A Scene Gallery On Virtual ToursHow To Limit Keyboard Controls For Navigation And Zoom
Table of Contents
  • Adding A Background Music To A Virtual Tour
RexTheme Logo
Onze Plugins
  • WP VR
  • Product Feed Manager
  • Cart Lift
Bronnen
  • Privacybeleid
  • Voorwaarden voor de dienstverlening
  • Affiliate Program
  • Contacteer ons
Payment Methods
Payment methods

© . Alle rechten voorbehouden aan RexTheme