Using Elementor (WordPress Plugin) with Verge 3d

Hi,
It should be quite an easy task to embed Verge3D-based application to a WordPress page made with Elementor. One of the possible ways to do so would be upload your app with Verge3D plugin, copy its URL and then past as an iframe source (check out the Shortcode or HTML widget).

Verge3D doesn’t work with elementor, unless you use it as a shortcode (by choosing “shortcode” in elementor menu).
The downside is that you can’t use any of woocommerce options like this and need to use the built in functions on Verge3d for the order form, buttons, etc…

I was about to purchase a license but unfortunately once i’ve discovered it was impossible i just gave up on it.

Well, i’m sorry but saying that it works perfectly with elementor is just not true.

I’ve installed the Verge3D plugin and the elementor plugin.
If i’m adding a product using woocommerce built in products menu, and select product variations to use verge3d as in this tutorial: https://www.soft8soft.com/making-3d-product-configurator-for-woocommerce/ what happens is that in elementor preview everything looks ok, buy as soon as i load the product page in my browser, nothing is clickable, the product preview in not responsive, can’t select variations or click add to cart button… etc…

If I disable the elementor plugin, it becomes responsive again. hence it doesn’t work perfectly with elementor.

Adding a shortcode misses the whole point, because i want to be able to handle regular / complex orders using woocommerce built in options and not by the puzzle system.

I will make a video and share it here.

Hi,

I have good news. We’re working now to improve Elementor integration and write more guides on that topic in the User Manual, stay tuned!

dali wrote:

Also, more specific, How do I make buttons in Elementor that can start specifik animations made in Verge3d?

You can assign custom button ID and then use that in Puzzles. See screenshots attached.