Skip to content

viewer-no-code-gltf-configurators.md

Latest commit

 

History

History
38 lines (29 loc) · 2.31 KB

viewer-no-code-gltf-configurators.md

File metadata and controls

38 lines (29 loc) · 2.31 KB
sidebar_position 6
title No-Code GLTF Configurators with BITBYBIT VIEWER Editor on Shopify
sidebar_label No-Code GLTF Configurators
description Learn how to create interactive 3D product configurators on Shopify using GLTF assets and the BITBYBIT VIEWER Editor, all without writing any code.
tags
shopify
3d-bits

No-Code GLTF Configurators with BITBYBIT VIEWER Editor on Shopify

What's Inside This Tutorial?

We're excited to introduce a powerful, no-code solution for creating interactive 3D product configurators on your Shopify store! This tutorial focuses on our new Viewer Editor tool, which allows you to easily set up scenes with multiple GLTF assets and link their visibility or properties to your native Shopify product variants.

You will learn how to:

  • Use the BITBYBIT VIEWER theme app extension block.
  • Leverage the Viewer Editor (part of the "3D Bits" app) to assemble and configure a 3D scene using your existing GLTF assets.
  • Create a dynamic 3D chair configurator that responds to Shopify variant selections (e.g., changing colors, parts), all without writing a single line of code.

We've observed that many merchants want to use their ready-made GLTF assets to build 3D configurators. Previously, making these assets respond to Shopify variants typically required scripting in our Bitbybit programming editors. Now, with the Viewer Editor, this process has become significantly simpler and entirely code-free.

Video Tutorial: Building a No-Code 3D Chair Configurator

Watch Matas Ubarevičius demonstrate how to use the Viewer Editor and the BITBYBIT VIEWER block to create an interactive 3D chair configurator on Shopify:

<iframe width="560" height="315" src="https://www.youtube.com/embed/7R6ueAHGFhg" title="No-Code 3D Configurators on Shopify Product Pages with Bitbybit Viewer Editor and GLTF Assets" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> </iframe>

This tutorial will empower you to create engaging, interactive 3D product experiences for your customers, enhancing their ability to visualize and customize products directly on your Shopify store, all through an intuitive, no-code interface.