Making 3D Product Configurator for WooCommerce

Making 3D Product Configurator for WooCommerce

Over the past 2 years, Verge3D proved to be a powerful solution for creating configurable 3D product views, allowing non-programmers to deliver immersive web experiences for e-commerce. However, the final stage of converting an interactive 3D application to an online store component has always been a non-trivial task. Simply because you still had to do client-side and server-side programming to bring it all together. That is no longer the case with Verge3D 2.16 which comes with an integration module for WooCommerce, the most popular e-commerce solution used by 28% of all online stores. Demo Here is a WooCommerce product page…
Read More
Making a practical 3D product configurator

Making a practical 3D product configurator

In our previous article Do-it-yourself 3D product configurator, we discussed creating a basic jewelry customizer app using the Verge3D framework combined with Blender or 3ds Max modeling suites. Today we're going to upgrade this project and make it a more real-life e-commerce application which includes the following must-have features:   Calculating the price based on the user's configuration. Submitting orders for further processing by a sales manager. Social media buttons. Eventually, we will have something like this: As usual, you can find the source files (3ds Max, Blender, and Puzzles) of this configurator, as well as the WordPress plugin itself, in…
Read More
Do-it-yourself 3D product configurator

Do-it-yourself 3D product configurator

3D product configurators is a major new trend in online marketing and e-commerce. They were made possible thanks to the rapid development of WebGL, a technology for displaying 3D graphics right in the customers' web browsers. The only problem that prevents this trend to grow even faster is the lack of efficient tools. Thankfully, with Verge3D you can build interactive 3D customizers pretty easily. In this tutorial, we describe the most straightforward and easy-to-use pipeline to create such applications. In this article we're going to review the process of making a simple 3D jewelry configurator which looks like this (click…
Read More
3ds Max to WebGL Guide

3ds Max to WebGL Guide

This tutorial is aimed at 3ds Max users who seek for an easy way to publish their 3D models on the Web and have no time to read thick manuals. For this reason, only necessary steps have been mentioned that lead to a smooth 3ds Max-to-WebGL workflow. Quick Résumé Download and install Verge3D for 3ds Max Create a new WebGL project Add your models to the project and export Publish on the Web A few words about WebGL WebGL is a feature which allows you to render interactive 3D graphics straight in modern web browsers without the need to download anything…
Read More
Blender to WebGL in 4 Simple Steps

Blender to WebGL in 4 Simple Steps

This guide is aimed at Blender artists who seek for a quick way to publish their 3D models on the Web and have no time to read lengthy manuals. For this reason only essential steps are mentioned that lead to a streamlined Blender-to-WebGL workflow. Summary Download and install Verge3D for Blender Create a new WebGL project Add your models to the project and export Publish on the Web What's WebGL? WebGL is a feature which allows you to render interactive 3D graphics straight in modern web browsers without the need to download anything or use any third-party plug-ins. This is a…
Read More