In our previous article " We make the 3D configurator without programming and layout "We discussed the creation of a 3D jewelry store using the Blender and 3ds Max simulation packages.
 
 
Today we will update this project and make from it a really working store. For this we need to provide it with the following functions:
 
 
Price calculation based on user configuration.
 
Sending orders for further processing by the manager.
 
Buttons of social networks (where without them).
 
 
In the end, we will have something like this:
 
 

 
 
Press here to launch the application.
 
there is in the official WordPress.org directory, so there will be no installation problems.
 
 
Next, to teach your site to process orders, add the following short code to any page or post:
 
 
[verge3d_order]
 
 
This code is replaced with an order form that looks something like this (roughly because its appearance strongly depends on the WordPress theme used):
 
 

 
 
All orders sent through this order form will be available through the menu Verge3D-> E-Commerce in your admin area:
 
 

 
 
Orders in this list are created automatically after receiving requests from your configurator application. For example, when a certain John (his order is the first in the picture) buys a silver ring with three precious stones for $ 18? you can call him back or write a letter, confirm the order and find out additional information such as the address of delivery and the method of payment.
 
 
Actually this is all you need to do on the server. Now it's time to go back to our 3D configurator and teach him how to work with WordPress.
 
 

We screw the order form to the 3D configurator

 
This part is pretty simple. Add the "place order" puzzle to your application, enter the URL to the order form, name, description and order amount. Here's what you get:
 
 

 
 
The logic of the work is quite trivial: when the user clicks the order button, we calculate the price of the ring based on the selected metal and precious stones. Then we use the "place order" puzzle to send the selected configuration to the server.
 
 

Buttons soc. networks

 
Have you ever seen a store without buttons for sharing in social networks? That's it, let's correct this misunderstanding with a series of similar puzzles:
 
 

 
 
Here, the logic is even simpler. When the user clicks on the button, we open the desired social network in a new tab, having previously informed the title and content of the post that we want to publish.
 
 

Conclusions

 
The methods described in this article can be used not only for 3D product configurators, but also for other e-commerce applications. For example, you can use them to create a 3D model store or an interactive presentation of something, especially if there is an opportunity to order something in this presentation.
 
 
As for social networks, the space for imagination is huge. Instead of a boring flat button, you can make a funny animated character.
 
 
Thank you for reading my article to this place. As always, comments are welcome.