3D Assets for Shopify's '3D Bits' App
Learn about the 3D asset formats supported by the "3D Bits" app and how to prepare your models for interactive configurators and static displays on Shopify.
Integrating 3D configurators and viewers into Shopify stores.
View all tagsLearn about the 3D asset formats supported by the "3D Bits" app and how to prepare your models for interactive configurators and static displays on Shopify.
Common questions about 3D Bits: building configurators without code, pricing what customers configure, the app embed, and working with your existing theme and apps.
3D Bits is a Shopify app for building interactive 3D product configurators. Design the scene and the options your customers pick, set your prices, and publish to your product pages.
Reference for the 3D Bits app embed and its settings in the Shopify theme editor.
Critical information about how 3D assets are hosted and accessed in 3D Bits, including public accessibility, intellectual property considerations, and best practices for protecting sensitive information.
Your library of 3D models, images and textures, and where those files actually live.
Learn how to use the BITBYBIT APPS theme app extension block to develop and deploy professional 3D & 2D product presentations on Shopify
Learn about various settings that BITBYBIT APPS theme app extension block provides to develop and run custom TypeScript applications.
Place part of your configurator's option panel anywhere in your product template.
Learn how to use the BITBYBIT PREVIEW theme app extension block in Shopify's "3D Bits" app to embed publicly available Bitbybit project scripts into your product pages.
Learn about various settings that BITBYBIT PREVIEW theme app extension block provides to embed full bitbybit.dev projects via iframe.
Learn how to use the BITBYBIT RUNNER theme app extension block in Shopify's "3D Bits" app to integrate parametric 3D models and interactive scripts from Bitbybit into your product pages.
Learn about various settings that BITBYBIT RUNNER theme app extension block provides to configure parametric 3D configurators with visual programming and TypeScript.
Learn how to use the BITBYBIT VIEWER theme app extension block in Shopify's "3D Bits" app to display static 3D models and configure complex scenes on your product pages without coding.
Learn about various settings that BITBYBIT VIEWER theme app extension block provides to configure the 3D canvas, models and environment configuration.
Set how tall the 3D view is, how wide it goes, and where the options panel sits, from the project's Storefront settings.
Change materials, colors, and textures of your 3D products on Shopify with 3D Bits app - in 41 minutes you’ll learn everything you need to know!
Learn the three ways 3D Bits turns a configured price into a real Shopify charge, and how to choose between them.
Learn about common settings shared across BITBYBIT VIEWER, RUNNER, PREVIEW, and APPS theme app extension blocks.
Composer is the visual editor where you build a 3D Bits configurator. No code, and everything about a configurator lives in one place.
Learn how 3D Bits builds a price from the options a shopper picks and charges it through Shopify at checkout.
Learn how to think like a game designer when creating 3D product configurators for Shopify using the "3D Bits" app.
A video tutorial explaining the key settings of the "3D Bits" Shopify app, including how to position the 3D canvas on your product page and other relevant configurations.
A video tutorial demonstrating how to create a basic 3D configurable product (a cube) on Shopify that responds to product variant inputs using the "3D Bits" app.
How to build a product form your own team controls and have 3D Bits follow it reliably.
Turn the 3D Bits app embed on once, and every product you publish shows its configurator automatically.
What each section of the 3D Bits app in your Shopify admin is for.
Merchants often have product files created for manufacturing in professional CAD software such as FreeCAD, Fusion 360, CATIA, SolidWorks, Rhino, and others. But preparing these precise CAD models for web configurators is not straightforward.
Learn about the different ways to use our platform, including 3D Model Configurators, Rete, Blockly, and Monaco (TypeScript) editors, CAD Cloud API, and 3D Bits for Shopify.
Learn what to test before selling a configured product, how to sell in several currencies, and how to review configured orders.
The CAD converter, the 3D inspector, and the older metafields workflow.
What happens on your product page, the two ways to drive a configurator, and how to keep it working when your theme or apps change.
Learn how to install the 3D Bits app for Shopify on your store and confirm that the installation was successful.
Learn how to charge an option through a real product you already sell, and how to keep the link healthy when prices change.
The original per-product setup, kept for stores that already use it.
Learn how to create interactive 3D product configurators on Shopify using 3D scanned Gaussian Splatting (.splat) assets and Composer, all without writing any code.
Learn how to create interactive 3D product configurators on Shopify using GLTF assets and Composer, all without writing any code.
See exactly what each customer configured, and confirm the price on the order is right.
Learn how to pack multiple product variants into a single glTF file and use it with the 3D Bits app for Shopify. Discover features for parsing 3D nodes from Blender and auto-setting up the GUI from your product page.
Learn about the best practices and solutions when preparing 3D GLTF assets for your 3D configurators.
Creating configurators, linking them to products, publishing, and keeping earlier versions.
Learn why reaching out to us improves your 3D product experience and helps us support you better.
Parametric programs that calculate geometry, and how they connect to your configurators.
Learn how to turn on configurator pricing, set a base price, price your first option, preview it and publish.
A step-by-step video tutorial on installing the "3D Bits" Shopify app, approving subscriptions, creating metafields, setting up product templates, and linking the BITBYBIT RUNNER block.
Add interactive 3D product viewers and configurators to your Shopify store with the 3D Bits app.
Switching 3D on for your store, and choosing between automatic placement and theme blocks.
Your current plan, changing it, and what to do if a plan change has not reached your storefront.
The three 3D Bits plans, what each one includes, and how to work out which one your products need.
Check that your configurator charges the right amounts on your real product page, without creating helper products in your Shopify catalogue.
Learn what the 3D Bits Fee products in your catalogue are for, and the rules for living with them safely.
When to use the app embed, when to place theme blocks yourself, and what each 3D Bits block does.
Learn what to do when a shopper cannot check out a configured product, or a publish is refused.
Learn to create a 3D laptop holder configurator for Shopify using TypeScript on Bitbybit, driven by multiple product variants and integrated with the "3D Bits" app.
Learn to build an advanced 3D palm table configurator for Shopify, combining 3D scans, parametric CAD models, product variants, and custom Liquid UI elements with "3D Bits".
Learn to create a Shopify product that allows customers to customize 3D text using product variants (for font) and custom Liquid line item inputs (for text content and height) with "3D Bits".
Learn how to 3D scan a bike, process the scan, upload it to Shopify, and display it as an interactive 3D product using the "3D Bits" app.
Learn how to use the BITBYBIT PREVIEW block in Shopify's "3D Bits" app to embed a Bitbybit project featuring a 3D scanned product onto your e-commerce store.
Learn how to use the BITBYBIT VIEWER block in Shopify's "3D Bits" app to display a 3D scanned product (Gaussian Splatting model) on your e-commerce store.
Get started with the "3D Bits" Shopify app through our series of video tutorials, covering installation, setup, 3D model linking, and custom model creation.
How long a first configurator takes, what the 3D model needs to be like, and where the real effort goes.
3D Bits builds your option panel and prices it. Here is when a separate product options app still makes sense, and how to run one alongside.
Take one product from a 3D file to a live configurator on your storefront, start to finish.