Embed 360 Photos & Virtual Tours With Your Website Builder
So you've created a create a virtual tour; you've filled it with great hotspots, linked multiple photos together, and customized the branding! At this point, many people would like to embed the photo or 360 tour inside their website.
Embedding content is easily done in Seekbeak and we've created a handy guide with examples provided for Wordpress and Squarespace sites.
Not using those? Don't worry, you can embed your SeekBeak content in any website that accepts JavaScript or iFrame embed codes.
How to Find the Embed Code
- Embed Type: Responsive - Responsive embed types will resize your snap to fit the device and screen size of the user viewing. You can edit the starting shape and size of the snap using the Advanced Size Settings.
- Embed Type: Fixed Size - Fixed embeds will retain 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.
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 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!
