Jump to content

How to insert virtual tour HTML5 into Brine: Impact

Recommended Posts

Site URL: https://www.ikiebinoya.com/

Hi guys,

I'm trying to insert a VR walkthrough of a space in my website but the output files from the source app is just a folder of html5 elements which I don't know how to integrate in my website (Brine family: Impact template). I have included the structure of the output folder from the Pano2VR app if it helps.

I'd like to be able to display some virtual tour images for my website. This are local files in my drive and are not hosted in another site. 

Hoping for your advice. Thanks in advance.

 

Best,

Ikie

Screen Shot 2020-05-14 at 18.51.22.png

Link to comment
  • 3 weeks later...

I’ve built Squarespace websites with 3D tours for clients. You’ll need to purchase a third party web server subscription to host the Pano2VR app files, in addition to your Squarespace Subscription. This is because you cannot host the files on Squarespace. You’ll find many reasonably priced hosting services available.
 

Once the files have been copied to the server, you can the embed the tour using an iFrame or by linking directly to the server. For a professional look, assign a sub domain of your website’s domain to the third party server. For example, if your Squarespace site is www.example.com your fileserver could be assigned tour.example.com.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 1 year later...
35 minutes ago, Darragh said:

Is there any Virtual Tour Software that you feel works best with Squarespace?

This is an area of rapid development but it will often depend on your camera, as manufacturers often partner with software solutions. If the solution provides cloud storage for the tour, then it should be easy to integrate using an iFrame.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.