Embed 360 Photos & Virtual Tours With Your Website Builder
To embed a 360 virtual tour on your website, open your experience in SeekBeak, click the Share button, choose Embed, and copy the iFrame or JavaScript code into any page on your site. There is no plugin to install, and it works the same whether you use WordPress, Squarespace, Wix, Webflow, or hand-coded HTML.
SeekBeak is a no-code, browser-based platform for building and hosting interactive 360° photos, virtual tours, and 3D models. Because SeekBeak hosts the content for you, embedding is just a matter of pasting one snippet, and your live tour stays up to date everywhere it is embedded without re-uploading anything.
So you've created a virtual tour; you've filled it with great hotspots, linked multiple photos together, and customized the branding. Now let's get it embedded. This guide includes step-by-step examples for WordPress and Squarespace, and the same approach works on any website builder that accepts an embed code. If you just want to embed a single image, see our quick guide on how to embed a 360 image in a website.
How to Find the Embed Code
In the viewer, click the Share button, then open the Embed tab. You'll see two options:
- Embed Type: Responsive - Responsive embed types will resize your Snap to fit the device and screen size of the person viewing. You can edit the starting shape and size using the Advanced Size Settings.
- Embed Type: Fixed Size - Fixed embeds keep their size and shape no matter which device is viewing them. You can set the Snap size in the "Embed Size Settings" tab.
Share Button Popup
The embed code can be found in the Snap's lower menu in the Share section. Just click the "link" icon to bring up embed options.
Embed Options
From here, a menu will open up and give you a few embed options. The default code is a JavaScript code that can be pasted into most websites.
An alternative option is to use the iFrame code for websites or web builders that don't allow JavaScript.
How to Embed a 360 Tour in WordPress
You do not need a separate virtual tour plugin to add a SeekBeak tour to WordPress. Because SeekBeak hosts the experience, you only need to paste its embed code into a Custom HTML block:
- In SeekBeak, click Share, open the Embed tab, and copy the Responsive embed code.
- In WordPress, edit the page or post and add a Custom HTML block (in the Classic editor, switch to the "Text" tab instead of "Visual").
- Paste the embed code into the block.
- Preview the page to check the tour loads, then publish.
Because the embed is responsive, the tour automatically resizes to fit your theme on desktop, tablet, and mobile. If your tour is updated in SeekBeak later, the embedded version updates too, with no need to touch WordPress again.
Embedding SeekBeak Virtual Experiences into Wordpress
Note: this method only works for self-hosted Wordpress installs. Wordpress.com hosted websites block JavaScript and iFrame embeds unless you are on their Business plan.
- Grab the Embed Code from your Snap (either the Default code or iFrame Code).
- Open the Wordpress Post or Page you wish to embed a Snap inside.
- Select the Text input option from the Post/Page editing view.
- Paste the Embed code into the Wordpress Post or Page.
- Save or Publish your Page/Post, it will now include your SeekBeak Snap!
How to Embed a 360 Tour in Squarespace
Squarespace uses a Code block to hold embedded content, so the steps are just as quick:
- Copy your Responsive embed code from SeekBeak's Share > Embed tab.
- In Squarespace, click an insertion point and add a Code block.
- Paste the embed code, and make sure "Display Source" is left unchecked.
- Save, then preview the page to confirm the 360 tour appears and is interactive.
The same Code-block method works for embedding a single 360 photo or a full multi-Snap tour, and it stays responsive across devices.
How To Embed SeekBeak Virtual Experiences In Squarespace
- Grab the Embed Code from your Snap (either the Default code or iFrame Code).
- Open the Squarespace Post or Page you wish to embed a Snap inside.
- Open the Content Block section option and select the "Embed" Content Block.
4. Click the button to input your SeekBeak Snap embed code.
5. Paste your embed code.
6. Save Your Content Block and Post. Your SeekBeak Snap should now show up!
Embed on Wix, Webflow, and Any Other Website Builder
The same approach works anywhere that accepts an embed code. In Wix, add an Embed HTML / iFrame element; in Webflow, drop in an Embed component; on plain HTML sites, paste the code directly into your markup. If you can add a block of HTML, you can embed a SeekBeak tour.
Embedding on a site you control also unlocks SeekBeak's secure embedding and monetization options, including domain whitelisting so your tour only loads on approved sites, and toggling features with URL parameters (handy for staying within MLS rules on real estate listings).
Key Takeaways
- One embed code, any platform. Copy the iFrame or JavaScript snippet from SeekBeak's Share > Embed tab and paste it into WordPress, Squarespace, Wix, Webflow, or raw HTML.
- No plugin required. SeekBeak hosts the experience, so WordPress only needs a Custom HTML block and Squarespace only needs a Code block.
- Responsive by default. Responsive embeds resize to fit any device; Fixed-size embeds hold their dimensions.
- Update once, everywhere. Edit the tour in SeekBeak and every embedded copy updates automatically, with no re-uploading.
Frequently Asked Questions
How do I embed a 360 virtual tour on my website?
Open your tour in SeekBeak, click the Share button, select the Embed tab, and copy the Responsive embed code. Paste that code into your website wherever you want the tour to appear, in a Custom HTML block on WordPress, a Code block on Squarespace, or directly into your HTML. No plugin or download is needed because SeekBeak hosts the experience for you.
Do I need a plugin to embed a virtual tour in WordPress?
No. Unlike standalone tour software that relies on a WordPress plugin, a SeekBeak tour embeds with a plain Custom HTML block. You paste the embed code SeekBeak gives you, publish, and the tour appears, fully interactive and responsive.
How do I embed a 360 photo in Squarespace?
Add a Code block to your Squarespace page, paste the embed code from SeekBeak's Share > Embed tab, and leave "Display Source" unchecked. Save and preview, and your 360 photo or virtual tour will be live and interactive on the page.
Will the embedded tour work on mobile?
Yes. SeekBeak's Responsive embed type automatically resizes the tour to fit any screen, so it works on desktop, tablet, and mobile with no extra code. SeekBeak is 100% browser-based, so viewers never need to install an app or plugin.
Can I embed a SeekBeak tour on any website builder?
Yes. Any platform that accepts an iFrame or JavaScript embed code can display a SeekBeak tour, including WordPress, Squarespace, Wix, Webflow, Shopify, and custom-built sites. If the builder has an embed, HTML, or code block, you can paste in your tour.
