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
  • Replies 6
  • Views 1.9k
  • Created
  • Last Reply
  • 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.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

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.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.