How to embed 360 photos in your Wix website

Show your 360 photos on Wix with just a few steps

Momento360
The Momento360 Blog

--

You’ve done the work of getting your 360 photos into the right format and resolution so it looks great to you — and now you want to show your audience on the web. But how are you going to do that when most services assume all images are flat and non-spherical?

It took us less than five minutes to add these 360 photos to this Wix website. We’ll show you how we did it.

Never fear — it’s actually pretty easy! Here we’ll give you a step-by-step tutorial of how to embed 360s into Wix website using Momento360.

1. Download your photos from your 360 camera to your computer or smartphone
Your 360 camera will have options that let you connect to your devices to make transferring photos easy. Momento360 supports any 360 images (e.g. renderings, drone panoramas, etc.)

2. Sign up for a Momento360 account if you haven’t already
Momento360 is a free, easy, and private way to upload, view, and share your 360 photos and videos all in one place (all from your browser).

3. Upload the media from your device to Momento360
Sign in, click on the camera icon in the top right corner or navigate to the My Media tab. You’ll then be prompted to choose the media you want to upload. On desktop, you can select multiple files for uploading several files at the same time.

4. Select the image you want to embed
From the My Media section, click on the photo or collection you want to embed. Then click on share button and select the “Share or Embed a Link” option:

Click the Share button, then select the “Share or embed a link…” option. Screenshot on Safari for OS X, but works on Windows and mobile devices too!

5. Generate the Embed Link
Click the “Create Link” button in the dialog that pops up. This generates the link you’ll use in the next step.

Copy the link from the text box. (You can preview it by clicking the “this link” hyperlink to open it in a new browser tab.)

6. In Wix, add a new element by clicking the “+” button:

At the bottom, select the “More” option. Then select the “Embed a Site” option:

This adds a blank block on your page. You’ll click the “Enter Website Address” button:

Now paste in the link you copied from Step 5 into the box:

Click “Update” and the preview should begin rendering in the window:

Now you can go ahead and resize/fit it how you want using Wix’ tools.

Note that the ability to drag around the frame is disabled in Wix edit mode. When you publish or preview the site, though, you’ll be able to drag around the picture like normal.

You can follow the same steps to embed a Momento360 collection in your Wix site the same way:

Now when you hit “Publish” you’ll be all set!

If you’re curious, here’s the link to the story we built in this tutorial.

Pro Tip: Momento360 also supports embedding 360-degree photos in other hosted website services or on your own site. Here’s how:

Here’s to capturing life in 360 degrees. If you get a chance, share with us how your embeds turned out!

Momento360 enables you to make the most of your 360 photos and videos. Upload, view, and share — privately or publicly — on the web and in VR.

--

--