Simplio3D Tutorials
Step-by-step guides to help you create stunning 3D product configurators, set up materials, manage assets, integrate with e-commerce platforms, and more. Pick a topic to dive in.
Getting Started
Assets
Uploading 3D ModelsUpload, organize, and manage 3D models (GLB, GLTF, FBX, OBJ, STL, DAE, ZIP) with file-size limits and best practices for fast-loading configurators.Uploading TexturesImport seamless PBR and non-PBR textures from your library or the built-in CDNs to use in materials and option blocks.Uploading GraphicsUpload logos, patterns, and image graphics for design-canvas, pattern-designer, and text-input customization.3D Model VersionsReplace a 3D model with a new version while keeping option blocks, pricing, and conditional-logic references intact.
Materials
Creating MaterialsBuild physically based (PBR) materials with base color, metalness, roughness, normal, and ambient-occlusion maps in the material editor.Material LibraryOrganize your material library into categories, search and filter swatches, and reuse materials across projects.Applying PBR TexturesApply PBR texture maps to 3D models and option-block variants with correct UV orientation for accurate, realistic surfaces.Material ExamplesReady-made material recipes — metals, woods, fabrics, glass, and plastics — to copy and tune for your own products.Bulk-Add Materials by CategoryPopulate a Select Material block from an entire category so shoppers can pick from large material libraries without per-variant authoring.
Projects
Project OverviewUnderstand the three project types — Viewer, Configurator, and Modular — and choose the right one for your product.Editor UI & FeaturesTour the project editor: modes, panels, the 3D viewport, undo/redo, autosave, and the resizable layout.Objects ModeManage the scene hierarchy, transforms, pivots, nested subgroups, and per-part visibility in Objects mode.Options ModeAdd and configure the 16 option block types — dropdowns, material swatches, toggles, hotspots, text and number inputs, and more.Modular ProjectsBuild drag-and-drop modular configurators with the snap system, connection rules, and per-side constraints (Pro/Enterprise).Conditional LogicShow, hide, or disable blocks, variants, and 3D parts based on shopper selections with rule-based conditional logic.Pricing ModeSet up CPQ pricing with base prices, price groups, 1D/2D price tables, unique modular prices, variables, and formulas.Forms ModeCollect leads and orders with contact forms — name, email, dropdowns, consent, add-to-cart, and save-configuration fields.Project SettingsConfigure 140+ project settings: display, branding, lighting, camera, AR, e-commerce, email, and PDF export.Sharing & EmbeddingPublish a configurator, generate a shareable link, embed it with an iframe, and control access with passwords and domain restrictions.Augmented Reality (AR)Enable Augmented Reality so shoppers can place products on a surface or try them on (face, wrist, or body) on iOS and Android.AI Assistant & Agent WorkflowsLet the AI audit, repair and build your configurator — with you approving every sensitive change.Build a Configurator with AITurn a short product description into a working configurator — review and edit the build plan, attach any missing 3D models or textures, then approve the pricing and store steps as it builds.AI WorkflowsFollow, answer, approve, resume and cancel the multi-step jobs the AI runs against your projects from the AI Workflows page in your dashboard.
Integrations
WooCommerceConnect WooCommerce to send configured products to checkout or the cart via redirect or basket mode.ShopifyConnect Shopify by installing the Simplio3D app (works for client-owned stores) or with your own app credentials, then sell configured products via cart permalinks, draft orders, or SKU-matched carts.API & SDK Quick StartGet started with the Simplio3D REST API and headless TypeScript SDK to drive configurators from your own code.AI Connections (MCP)Connect an AI agent such as Claude to your workspace with a scoped, expiring token — pick least-privilege scopes, rotate or revoke it any time, and approve every risky change in the app.Mobile & Native AppsEmbed your configurator in an iOS, Android, React Native, or Flutter app — web view setup, the AR hand-off, and the native event bridge.Building a Custom UIDesign your own configurator interface with @simplio3d/viewer — the platform renders the 3D product while you own every control, in any framework.Headless Integration WalkthroughShip a custom-UI configurator with @simplio3d/viewer step by step — install it, wire your own controls, handle failures, and avoid the traps that break silently.