Anvil Embed for Shopify Store with Dynamic 3D Rendered Configurator

Hello Anvil Community,

I wanted to share with you a project that we are really excited about at Only Solutions LLC. The project is the first of its kind in the CNC Tooling industry. It is a made-to-order Tooling Customizer for our client Frost CNC Tooling. You can see this project at: Tooling Customizer – Frost CNC Tooling

The project’s front-end features an Anvil application embedded into an iframe on a Shopify store with a dynamically generated 3D product preview. The model is built dynamically client-side from user selections because there are tens of thousands of combinations of options that are visually distinct from each other. The model is rendered within the web browsers using Three.js. The front-end features relatively involved user input validations and UX for mobile and desktop. The front-end also required CSS work to make the store theme and Anvil visuals match.

When “Add to Cart” is clicked a new product workflow is triggered which returns an add to cart event in Shopify. When a new product is created, the Anvil server-side interacts with the Shopify API to create new products in Shopify on demand by translating selections into specifications, rendering a product image and calculating price and cost based on a pricing model we developed for the client.

Here’s a video of me talking about what we think makes this cool for our client and their customers:

We have developed a robust method of interacting with Shopify stores using Anvil for custom products and B2B sales. Anvil makes it possible to address needs that are not solvable with the apps currently in the Shopify store.

Check out some of our other projects (Anvil-based and otherwise) at https://www.onlysolutionsllc.com/

We specialize in B2B projects in the Industrial or Cabinetry segment. Feel free to reach out at info@onlysolutionsllc.com if you have a project you are interested in us working on a project with you.

5 Likes

@meredydd @yahiakalabs This is the Show and Tell follow-up from today’s meeting. It was great talking with you today!

1 Like

This is awesome! I considered doing something with shopify stores and decided against it for the time being. Glad to see someone doing it!

1 Like

Thank you Yahia! It was great to meet you today!