Problem: I have difficulties to embed my 360 product views into my Wordpress or WooCommerce website.
Solution: Please take the final output folder and upload this to your webserver (I use FileZilla). For more information on how to upload your 360 files on your webserver, please go to this link:
I had also made a folder on our server called Downloads – in which I upload the 360 output folder to this master folder, then copy the link location to the iframe.html file. For ex. our Asics shoe example:
Step by Step instructions for Embedding a 360 Product View in your Wordpress Website
To integrate the 360 view in your page, you might need to download the iframe widget for WordPress (https://wordpress.org/plugins/iframe/) – then simply upload using an iframe wrapper (although some themes will already support iframe integration).
Ex. enter this into the HTML editor area:
[iframe src="https://www.iconasys.com/Downloads/Asics-shoe-18-mouse-wheel/iframe.html" width="100%" height="600"]
You will have to replace the link https://www.iconasys.com/Downloads/Asics-shoe-18-mouse-wheel/iframe.html with your link.
You can find the iframe plugin for WordPress at the link:
or you can use this one:
Also, as an option, there is a couple plugin options for Woocommerce that will support a tighter integration (360 product view placed in main image placeholder rather than inserting 360 view in Product Description area).
The main steps are:
- upload your 360 view to your webserver
- you might need to download the iframe widget
- embed the code
Some themes already support iframe integration, so you might not need to download the iframe widget.
If your 360s are not displayed, please try with https instead of http at the beginning of your link.