Adding a virtual tour to your WordPress website is easier than you think. Whether you're a real estate agent, hotel owner, or business, embedding an interactive 360° tour takes just a few minutes and no coding knowledge. Here's the complete step-by-step guide.
Method 1 — Embed via Iframe (Recommended)
This works on any WordPress site and requires no plugin. When you publish a tour in Travvir, you receive an embed code — a standard HTML iframe snippet. To add it to your WordPress page:
1. Open the WordPress block editor for the page you want to add the tour to. 2. Add a "Custom HTML" block. 3. Paste the Travvir iframe embed code into the block. 4. Preview the page to confirm the tour displays correctly. 5. Publish.
The iframe embed works with the WordPress Classic Editor, Gutenberg, Elementor, Divi, and all major page builders — anywhere you can add a Custom HTML block or widget.
Method 2 — WordPress Virtual Tour Plugin
Several WordPress plugins support 360° virtual tour embedding. Popular options include WP VR (for local hosting of equirectangular images) and Virtual Tour Easy (iframe manager). These plugins add a user-friendly interface for managing multiple embedded tours across your site.
When to Use a Plugin
Use a plugin if: you have multiple tours embedded across many pages and need centralised management, you want to host tour images locally on your server rather than using a third-party platform, or you need to manage tour permissions by user role.
Method 3 — Shortcode Embedding
If your WordPress theme supports shortcodes in content areas, you can create a simple shortcode wrapper: add the iframe code as a shortcode value in your functions.php or via a code snippet plugin. This is useful for real estate sites where tour embeds appear in automated listing templates.
Best Practices for WordPress Virtual Tour Embeds
Set iframe height to at least 500px for desktop viewing. Use a ratio-responsive wrapper CSS for mobile (the tour should scale properly on all devices). Add a fallback message inside the iframe tags for browsers that block iframes. Place the tour above the fold on property detail pages — the higher it appears, the longer viewers stay on the page.
