{"id":52581,"date":"2020-08-19T17:17:55","date_gmt":"2020-08-19T11:17:55","guid":{"rendered":"https:\/\/rexthe-13187.sterre-lon.servebolt.cloud\/?post_type=docs&#038;p=52581"},"modified":"2026-01-07T12:43:24","modified_gmt":"2026-01-07T06:43:24","password":"","slug":"wp-vr-enable-auto-rotation-virtual-tour","status":"publish","type":"docs","link":"https:\/\/rextheme.com\/docs\/wp-vr-enable-auto-rotation-virtual-tour\/","title":{"rendered":"How to Enable Auto Rotation For Your 360 Virtual Tour &#8211; WP VR"},"content":{"rendered":"\n<p>You can easily enable the <strong>Auto Rotation<\/strong> feature with <a href=\"https:\/\/wordpress.org\/plugins\/wpvr\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WPVR<\/strong><\/a> so that when a person visits your virtual tour, the tour will start rotating automatically.<\/p>\n\n\n\n<p>Along with that, you can set the rotation speed and direction as well.<\/p>\n\n\n\n<p>Let\u2019s have a look at how you can enable auto-rotation for your 360 virtual tours and customize it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Enable Auto Rotation For Your Virtual Tour<\/strong><\/h2>\n\n\n\n<p>Follow the steps below to set up auto rotation on your virtual tour.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>1.<\/strong><\/span> While editing or creating a tour, go to the <strong>Basic Settings<\/strong> tab under the <strong>General<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1841\" height=\"774\" src=\"https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress.png\" alt=\"Basic Settings\" class=\"wp-image-409274\" srcset=\"https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress.png 1841w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-300x126.png 300w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-1024x431.png 1024w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-768x323.png 768w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-1536x646.png 1536w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-360x151.png 360w, https:\/\/rextheme.com\/wp-content\/uploads\/2019\/02\/Edit-Tour-Real-Estate-Showcase-\u2039-WPVR-Testing-\u2014-WordPress-110x46.png 110w\" sizes=\"auto, (max-width: 1841px) 100vw, 1841px\" \/><\/a><\/figure>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">2.<\/span><\/strong> On the right side, you will get the option called <strong>Auto Rotation<\/strong>. Enable it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1700\" height=\"932\" src=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation.png\" alt=\"Auto Rotation\" class=\"wp-image-365531\" srcset=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation.png 1700w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-300x164.png 300w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-1024x561.png 1024w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-768x421.png 768w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-1536x842.png 1536w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-360x197.png 360w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-110x60.png 110w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-845x463.png 845w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Auto-Rotation-407x223.png 407w\" sizes=\"auto, (max-width: 1700px) 100vw, 1700px\" \/><\/a><\/figure>\n\n\n\n<p>Once you enable it, you will get 3 new options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Auto Rotation Speed and Direction<\/strong><\/li>\n\n\n\n<li><strong>Resume Auto-rotation After<\/strong><\/li>\n\n\n\n<li><strong>Stop Auto-rotation after.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Now use these options to set up auto-rotation properly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auto <strong>Rotation Speed and Direction<\/strong>:<\/h3>\n\n\n\n<p>Here, you have to assign a numeric value that will determine the direction and speed of the rotation.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1700\" height=\"932\" src=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed.png\" alt=\"Rotation Speed\" class=\"wp-image-365533\" srcset=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed.png 1700w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-300x164.png 300w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-1024x561.png 1024w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-768x421.png 768w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-1536x842.png 1536w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-360x197.png 360w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-110x60.png 110w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-845x463.png 845w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Rotation-Speed-407x223.png 407w\" sizes=\"auto, (max-width: 1700px) 100vw, 1700px\" \/><\/a><\/figure>\n\n\n\n<p>A <strong>Positive (+ve)<\/strong> value will make the tour rotate <strong>Clockwise<\/strong> and a <strong>Negative (-ve)<\/strong> value will make the tour rotate <strong>Anti-clockwise<\/strong>.<\/p>\n\n\n\n<p>The greater the value, the faster the tour will rotate.<\/p>\n\n\n\n<p>By default, it is set to -5 which means the tour will rotate anticlockwise, at a decent speed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resume Auto Rotation After<\/strong>:<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1700\" height=\"932\" src=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation.png\" alt=\"Resume Auto rotation\" class=\"wp-image-365532\" srcset=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation.png 1700w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-300x164.png 300w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-1024x561.png 1024w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-768x421.png 768w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-1536x842.png 1536w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-360x197.png 360w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-110x60.png 110w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-845x463.png 845w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Resume-Auto-rotation-407x223.png 407w\" sizes=\"auto, (max-width: 1700px) 100vw, 1700px\" \/><\/a><\/figure>\n\n\n\n<p>When taking a virtual tour, if a person clicks on the tour, the rotation will stop.<\/p>\n\n\n\n<p>Assigning a numeric value to the <strong>&#8220;Resume Auto Rotation After&#8221;<\/strong> field will mean that, once the rotation is stopped, the tour will again start rotating after this amount of time.<\/p>\n\n\n\n<p><em>**The value is in milliseconds, so if you want to assign it a duration of 3 seconds, then you need to input the value as 3000.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stop Auto Rotation After<\/strong>:<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1700\" height=\"932\" src=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation.png\" alt=\"Stop Auto Rotation\" class=\"wp-image-365534\" srcset=\"https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation.png 1700w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-300x164.png 300w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-1024x561.png 1024w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-768x421.png 768w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-1536x842.png 1536w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-360x197.png 360w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-110x60.png 110w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-845x463.png 845w, https:\/\/rextheme.com\/wp-content\/uploads\/2020\/08\/Stop-Auto-Rotation-407x223.png 407w\" sizes=\"auto, (max-width: 1700px) 100vw, 1700px\" \/><\/a><\/figure>\n\n\n\n<p>Assigning a numeric value in this field will mean that the tour will stop rotating after this amount of time.<\/p>\n\n\n\n<p><em>**The value is in milliseconds, so if you want to assign it a duration of 3 seconds, then you need to input the value as 3000.<\/em><\/p>\n\n\n\n<p>Please note that you <strong>CANNOT<\/strong> enable both <strong>Resume Auto-rotation After <\/strong>and <strong>Stop Auto-rotation<\/strong> after options at the same time. Any one of them will work at a time.<\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">3.<\/span><\/strong> After you have enabled auto-rotation and configured it, click on <strong>Preview<\/strong>, and you will be able to experience the auto-rotation on the tour preview.<\/p>\n\n\n\n<p>As you can see, it\u2019s really easy and simple.<\/p>\n\n\n\n<p>Just like that, you can apply more customization to your virtual tour. And here are some useful ones:<\/p>\n\n\n\n<p>Follow this guide to <a href=\"https:\/\/rextheme.com\/docs\/wpvr-add-a-preview-image-virtual-tour-wpvr\/\" target=\"_blank\" rel=\"noreferrer noopener\">set a preview image to your virtual tour<\/a>.<\/p>\n\n\n\n<p>Follow this guide to set <a href=\"https:\/\/rextheme.com\/docs\/wp-vr-add-your-company-logo-virtual-tour\/\" target=\"_blank\" rel=\"noreferrer noopener\">virtual tour icon and company logo to your virtual tours<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily enable the Auto Rotation feature with WPVR so that when a person visits your virtual tour, the tour will start rotating automatically.Along with that, you can [&hellip;]<\/p>\n","protected":false},"author":1051,"featured_media":38272,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"doc_category":[525],"doc_tag":[],"class_list":["post-52581","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-general-basic-settings"],"acf":[],"year_month":"2026-05","word_count":436,"total_views":"6779","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jahir Chowdhury","author_nicename":"jahir","author_url":"https:\/\/rextheme.com\/author\/jahir\/"},"doc_category_info":[{"term_name":"How To - Basic Settings","term_url":"https:\/\/rextheme.com\/docs-category\/general-basic-settings\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/docs\/52581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/users\/1051"}],"replies":[{"embeddable":true,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/comments?post=52581"}],"version-history":[{"count":6,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/docs\/52581\/revisions"}],"predecessor-version":[{"id":413971,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/docs\/52581\/revisions\/413971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/media\/38272"}],"wp:attachment":[{"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/media?parent=52581"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/doc_category?post=52581"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rextheme.com\/wp-json\/wp\/v2\/doc_tag?post=52581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}