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.Importing Free 3D Models from Online LibrariesSearch Poly Haven, Sketchfab and the Smithsonian from Assets → Browse Online, check the license, import a model in one click and read its Configurator Readiness score.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.Downloading Your AssetsDownload any 3D model, texture or graphic from your Assets library — one file at a time, the original file you uploaded, or several at once as a .zip.
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.Logos, Labels & Cut-out TransparencyPut a logo, label or sticker (a PNG with transparent areas) over an uploaded image or another layer without hiding it: Cut-out transparency, how it differs from Transparent, and how to hide a part without cutting a hole.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.Jewelry & GemstonesBuild jewellery configurators with gemstones that refract light and sparkle: 15 gem presets, precious metals, jewelry lighting and custom HDR environments, quality settings and how to model stones.
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.Pivots (Edit Axis)Choose the point that stays fixed when a model, group or part is rotated, scaled or resized by a Number Input — presets, snapping, exact points, previews and the AI Assistant.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.Advanced Pricing (CPQ)Price from your cost with a markup or margin, add volume tiers, discounts, setup and labor charges, shipping options and VAT / sales tax — Pro and Enterprise.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 and choose, per project, cart or checkout, the configured product with its 3D image and options, and the Simplio3D or WooCommerce price.WordPress PluginBuild configurator pages in WordPress from native blocks — Viewer, Options, Price, Summary and Add to Cart — connected to your account, with WooCommerce prices verified by Simplio3D.WordPress Plugin in ElementorBuild a Simplio3D configurator page in Elementor with the plugin’s shortcodes — one Shortcode widget per block, copied from the block editor, with Add to Cart, styling and fixes.ShopifyUse the Simplio3D app for Shopify from the Shopify App Store (works for client-owned stores) or connect your own Shopify app in the dashboard, 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.