---
title: "Configurador 3D de produtos e visualização 3D — Dardo"
description: "Configuradores 3D de produtos sob medida para móveis, equipamentos e embalagens: 3D em tempo real, regras de preço, realidade aumentada, Shopify e CPQ."
url: "https://dardo.studio/pt/servicos/configurador-3d-de-produtos/"
language: "pt"
translations: {"en":"https://dardo.studio/en/services/3d-product-configurator/","es":"https://dardo.studio/es/servicios/configurador-3d-de-productos/"}
updated: "2026-11-08T12:00:00Z"
---

# Configuradores 3D de produtos

Um configurador 3D de produtos deixa o comprador montar a versão do produto que quer, vê-la por todos os lados e saber o preço antes de pedir um orçamento. A Dardo projeta e desenvolve configuradores sob medida para empresas cujos produtos são complexos demais para um app, como móveis, materiais de construção, equipamentos, embalagens e produtos premium, e os conecta à loja, aos orçamentos e aos dados de produto.

Por [Nicolás Cerón](https://dardo.studio/pt/nicolas-ceron/) · Atualizado em 8 de nov. de 2026 · 10 min de leitura

[Pedir uma proposta](https://dardo.studio/pt/contato/?service=3d-product-configurator) · [Fale com a gente no WhatsApp](https://wa.me/573132340197?text=Oi%2C%20Dardo!%20Gostaria%20de%20receber%20uma%20proposta%20para%3A%20Configuradores%203D%20de%20produtos)

## O que faz um configurador 3D de produtos

Um configurador substitui a galeria com cada produto possível por um único modelo que acompanha as escolhas do comprador: medidas, material, cor, componentes e acessórios. Cada escolha atualiza a vista 3D, o preço e o que ainda pode ser escolhido, então ninguém monta uma versão que você não consegue fabricar. Depois, a configuração segue para o carrinho, um pedido de orçamento, o time comercial ou a produção, com um código e uma lista de peças em vez de um print num e-mail.

A nossa [demo de configurador 3D](https://dardo.studio/pt/ferramentas/demo-configurador-3d/) mostra a ideia com uma estante modular fictícia. Quatro larguras, quatro alturas, quatro madeiras, cinco cores de estrutura e três tipos de frente somam 960 versões. Cada uma é construída no navegador a partir das medidas da estante, com a sua lista de peças, um preço de exemplo e um link que a abre de novo.

## Quando um configurador SaaS basta e quando vale fazer sob medida

Muitas lojas não precisam de um desenvolvimento sob medida. Se você vende alguns produtos personalizáveis e o cliente escolhe um texto, uma imagem ou poucas cores, um app é mais rápido e mais barato. Em 8 de novembro de 2026, os planos do Zakeke custavam de US$ 59 a 255 por mês no pagamento anual, mais uma taxa de 1,5% a 1,9% por item personalizado vendido. A Shopify mostra modelos 3D nas páginas de produto em todos os planos. Outras plataformas de configuração publicam planos de cerca de US$ 29 a mais de US$ 1.000 por mês, e a Threekit faz orçamento sob consulta.

Um configurador sob medida compensa quando o produto não cabe mais no app, quase sempre por um destes motivos:

- Regras que dependem umas das outras: uma medida que limita os materiais, peças que exigem outras peças, opções que mudam por mercado
- Centenas ou milhares de variantes, em que fotografar ou renderizar cada uma não é viável
- Preços que vêm da sua tabela, de uma fórmula ou de um CPQ, e não de um acréscimo fixo por opção
- Uma configuração que precisa chegar a um orçamento, a um ERP ou à fábrica como lista de peças ou código de produto
- Uma experiência de marca que o modelo do app não permite, em várias lojas ou idiomas

Quer que a Dardo faça isso por você?

Conte o que você precisa. Nico responde pessoalmente em até um dia útil.

[Pedir uma proposta](https://dardo.studio/pt/contato/?service=3d-product-configurator)

## Integrações: Shopify, comércio headless, orçamentos e dados de produto

Um configurador só é útil se a configuração chegar aonde precisa. Nós o conectamos aos sistemas que você já usa:

- Shopify: as opções escolhidas viajam na linha do carrinho como propriedades do item e chegam ao pedido
- Preços na Shopify: essas propriedades não mudam o preço, então opções que mudam precisam de uma variante por preço ou, na Shopify Plus, de uma função Cart Transform
- Comércio headless: o configurador é um componente da sua loja que conversa com a API da sua plataforma de e-commerce
- Orçamentos e CPQ: em produtos vendidos por um time comercial, a configuração chega ao formulário de orçamento ou ao seu CPQ com o código, a lista de peças e um link para a vista 3D
- Dados de produto (PIM ou ERP): opções, regras, preços e estoque vêm do seu sistema principal, para que o configurador nunca contradiga o catálogo

No primeiro workshop definimos qual sistema é dono das opções, das regras e dos preços, para que o configurador os leia em vez de guardar uma cópia própria. Se você também precisa da loja completa, veja o nosso serviço de [desenvolvimento de e-commerce](https://dardo.studio/pt/servicos/desenvolvimento-web/).

## O fluxo dos modelos 3D: do CAD ao glTF e à realidade aumentada

Quase todo configurador começa com arquivos que já existem: modelos CAD da engenharia, arquivos 3D de um estúdio de renders, ou desenhos, fotos e amostras quando não há nada. O CAD é feito para fabricar peças, não para desenhá-las num navegador, então nós o convertemos para glTF, o formato livre de royalties que o Khronos mantém para publicar 3D, padronizado como ISO/IEC 12113:2022.

Depois deixamos os modelos leves o bastante para o celular. Tiramos detalhe onde ninguém olha, comprimimos a geometria com Draco ou meshopt e as texturas com KTX2, e separamos o produto em partes que podem ser trocadas, recoloridas ou escondidas. Cada acabamento é configurado uma vez, então incluir uma cor é uma mudança de dados, não um modelo novo.

Os mesmos modelos alimentam a realidade aumentada. O AR Quick Look da Apple abre arquivos USDZ no iPhone e no iPad, e o Scene Viewer do Google abre arquivos glTF no Android, então o comprador pode colocar o produto configurado no próprio ambiente. Cada configuração também pode ser exportada para os seus renders, catálogos ou produção.

## Como desenvolvemos um configurador

1. Workshop: o produto, as opções, as regras, os preços e aonde cada configuração precisa chegar
2. Um mapa de opções e regras que você aprova antes de qualquer modelagem
3. Uma primeira etapa: uma família de produtos em 3D, no design do seu site, testada num celular combinado
4. Os demais modelos e acabamentos, otimizados dentro de um orçamento de peso combinado
5. Integração com o seu carrinho, orçamentos, CPQ ou dados de produto, testada com pedidos reais de ponta a ponta
6. Lançamento, análise de quais opções as pessoas escolhem e entrega dos modelos, do código e da documentação

A primeira etapa é o que torna o projeto completo previsível: quando uma família de produtos funciona nos seus celulares e com as suas regras, o resto é uma quantidade conhecida de modelos, acabamentos e integrações.

## Acessibilidade e velocidade

Um configurador é um formulário com uma imagem. Fazemos o formulário com controles padrão, então cada opção funciona com teclado e leitor de tela, e cada mudança é anunciada. Girar o modelo também funciona com botões e com as setas do teclado, como pede o critério da WCAG 2.2 sobre movimentos de arrastar, e quem reduz o movimento no sistema vê uma câmera que salta em vez de deslizar.

O nome do produto, as opções e o preço estão no HTML, então os buscadores os leem e a página funciona antes de a vista 3D carregar. O código 3D carrega quando a vista aparece na tela, os modelos são comprimidos e a vista só desenha quando algo muda, o que poupa a bateria do celular.

## Quanto custa um configurador 3D de produtos

Não publicamos um preço para configuradores: depende da quantidade de produtos e opções, do estado dos seus arquivos 3D e das integrações. Os números publicados pelo mercado dão a faixa. A Program-Ace, uma empresa de desenvolvimento 3D, diz que um configurador sob medida costuma custar a partir de US$ 25.000 e que os complexos chegam a cerca de US$ 150.000. A Twikit, fornecedora de configuradores, estima um projeto entre US$ 10.000 e mais de 100.000, mais US$ 500 a 5.000 ou mais por variante de modelo 3D. Cada número é estimativa da própria empresa.

Estas são as coisas que mais mudam o custo de um configurador, mais ou menos nesta ordem:

- Quantos produtos e famílias de opções precisam de um modelo 3D próprio
- Se há arquivos CAD ou 3D aproveitáveis, ou se os modelos precisam ser feitos a partir de desenhos e fotos
- Quantas regras ligam as opções e de onde vêm os preços
- As integrações: carrinho, orçamentos, CPQ, ERP ou PIM
- Realidade aumentada, exportações para produção e a quantidade de idiomas e mercados

A proposta orça a primeira etapa separadamente e depois o projeto completo, então você pode parar depois da primeira etapa com algo que já funciona. A nossa página de [preços](https://dardo.studio/pt/precos/) explica como orçamos.

## Dúvidas antes de escolher

**Quanto custa um configurador 3D de produtos?**

Depende de quantos produtos e opções precisam de modelos 3D, de haver arquivos CAD e de com o que o configurador se conecta. As estimativas publicadas colocam os projetos sob medida entre cerca de US$ 10.000 e 150.000, e os planos SaaS vão de uns US$ 29 a mais de US$ 1.000 por mês. Orçamos depois de um workshop, com a primeira etapa separada, para você julgar o projeto completo a partir de algo que já funciona.

**Um configurador 3D funciona com a Shopify?**

Sim. A Shopify mostra modelos 3D nas páginas de produto em todos os planos, e um configurador sob medida pode incluir as opções escolhidas na linha do carrinho como propriedades do item, que depois aparecem no pedido. Essas propriedades não mudam o preço, então opções que mudam precisam de uma variante por preço ou, na Shopify Plus, de uma função Cart Transform. Escolhemos o caminho no workshop.

**Precisamos de arquivos CAD para começar?**

Não, mas ajudam. O CAD dá as medidas exatas, e nós o convertemos em modelos glTF mais leves para a web. Sem CAD, modelamos a partir de desenhos técnicos, medidas, fotos e amostras de material. O workshop mostra o que existe e o que precisa ser feito, que costuma ser o que mais muda o custo.

**Um configurador 3D deixa as páginas de produto mais lentas?**

Não deveria. O nome, as opções e o preço vêm no HTML, o código 3D carrega quando a vista aparece na tela, os modelos são comprimidos com Draco ou meshopt e as texturas com KTX2, e a vista só desenha quando algo muda. Combinamos um orçamento de peso por produto e testamos num celular combinado antes do lançamento.

**O comprador consegue ver o produto no próprio ambiente com realidade aumentada?**

Sim, na maioria dos celulares. O AR Quick Look da Apple abre arquivos USDZ no iPhone e no iPad, e o Scene Viewer do Google abre arquivos glTF no Android. O configurador pode gerar o arquivo da configuração de cada comprador. A nossa demo mostra o caminho da Apple com uma estante que você mesmo configura.

**3D e realidade aumentada aumentam as vendas?**

A maior parte das evidências vem dos fornecedores. O estudo acadêmico mais citado, publicado no Journal of Marketing em 2022 com dados de uma varejista de cosméticos, encontrou o uso de realidade aumentada associado a mais vendas em marcas menos populares, produtos mais caros ou de nicho e clientes novos no canal. Não prometemos mais vendas; medimos quais opções as pessoas escolhem e onde elas param.

**De quem são os modelos 3D e o código?**

Seus, com o pagamento final. O contrato cede à sua empresa os modelos, o código do configurador e a documentação, então você pode reutilizar os modelos em renders, catálogos ou outra plataforma. As bibliotecas de código aberto mantêm as próprias licenças, listadas na entrega.

**Qual é a diferença para os seus sites 3D interativos?**

Sites 3D interativos são cenas que contam uma história ou explicam um lugar, um produto ou uma pesquisa, como o Janus Observatory. Um configurador é uma ferramenta de compra: transforma as escolhas do comprador num produto válido, num preço e num pedido ou orçamento. Muitos projetos usam os dois, e a proposta diz qual parte é qual.

## Do blog

- [Configurador 3D de produtos: software SaaS ou sob medida, preços e quando vale cada um](https://dardo.studio/pt/blog/configurador-3d-saas-ou-sob-medida/)  
Quanto custam os apps de configuração 3D em novembro de 2026, quanto custa um sob medida e cinco sinais de que o seu produto não cabe mais num software.

## Ferramentas gratuitas

- [Demo de configurador 3D](https://dardo.studio/pt/ferramentas/demo-configurador-3d/)  
Configure em 3D uma estante modular fictícia e veja as medidas, a lista de peças e um preço de exemplo acompanharem cada escolha. Exporte em .glb ou veja em RA.

## Fontes e leituras adicionais

Fontes desta página, com mais detalhes dos publicadores originais.

- [Khronos: glTF, the royalty-free format for 3D scenes and models](https://www.khronos.org/gltf/) · khronos.org
- [Khronos: glTF 2.0 specification](https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html) · registry.khronos.org
- [Khronos: KHR\_draco\_mesh\_compression](https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Khronos/KHR%5Fdraco%5Fmesh%5Fcompression/README.md) · github.com
- [Khronos: EXT\_meshopt\_compression](https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Vendor/EXT%5Fmeshopt%5Fcompression/README.md) · github.com
- [Khronos: KHR\_texture\_basisu (KTX2 textures)](https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Khronos/KHR%5Ftexture%5Fbasisu/README.md) · github.com
- [Apple Developer: Quick Look gallery (USDZ in AR)](https://developer.apple.com/quick-look-gallery/) · developer.apple.com
- [Google ARCore: Scene Viewer for the web](https://developers.google.com/ar/develop/scene-viewer) · developers.google.com
- [Shopify Help: Product media types (3D models)](https://help.shopify.com/en/manual/products/product-media/product-media-types) · help.shopify.com
- [Shopify Dev: Cart API reference (line item properties)](https://shopify.dev/docs/api/ajax/reference/cart) · shopify.dev
- [Shopify Dev: Cart Transform Function API](https://shopify.dev/docs/api/functions/latest/cart-transform) · shopify.dev
- [Zakeke: Pricing (read 8 November 2026)](https://www.zakeke.com/pricing/) · zakeke.com
- [Threekit: Pricing](https://www.threekit.com/pricing) · threekit.com
- [Simplio3D: Solutions and plans](https://www.simplio3d.com/solutions) · simplio3d.com
- [VividWorks: Pricing](https://www.vividworks.com/pricing) · vividworks.com
- [Program-Ace: How much does a product configurator cost](https://program-ace.com/blog/product-configurator-cost/) · program-ace.com
- [Twikit: What does it cost to add a 3D product configurator to your webshop](https://twikit.com/what-does-it-cost-to-add-a-3d-product-configurator-to-your-webshop/) · twikit.com
- [W3C: Understanding WCAG 2.2, Success Criterion 2.5.7 Dragging Movements](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html) · w3.org
- [Tan, Chandukala and Reddy: Augmented Reality in Retail and Its Impact on Sales, Journal of Marketing 86(1), 2022](https://doi.org/10.1177/0022242921995449) · doi.org

[Dardo](https://dardo.studio/pt/) · [Serviços](https://dardo.studio/pt/servicos/) · Configuradores 3D

## Projetos e estudos relacionados

[![A estante de demonstração em 3D: dois módulos de prateleiras de carvalho numa estrutura de aço grafite, com gavetas embaixo](https://dardo.studio/work/product-configurator-1.webp) · Demo pública / Configurador 3D em tempo real · **Demo de configurador 3D** · Uma estante modular fictícia com 960 versões: medidas, madeira, cor da estrutura e frentes, com lista de peças, preço de exemplo, exportação .glb e realidade aumentada na Apple. Feita pela Dardo para mostrar o método, sem atribuir clientes nem vendas. · Testar a demo](https://dardo.studio/pt/ferramentas/demo-configurador-3d/)

## Do seu catálogo a um briefing de configurador

Teste a demo e conte o produto, as opções que os seus clientes escolhem e aonde cada pedido ou orçamento precisa chegar. Respondemos com o escopo de uma primeira etapa e o que precisamos do seu time.

[01 · **Teste a demo** · Configure uma estante em 3D](https://dardo.studio/pt/ferramentas/demo-configurador-3d/) · [02 · **Procura uma história em 3D?** · Sites 3D interativos](https://dardo.studio/pt/servicos/sites-3d-interativos/) · [03 · **Peça uma proposta** · Envie o seu produto e as opções à Dardo](https://dardo.studio/pt/contato/?service=3d-product-configurator)

## Continue explorando.

- [Ferramenta gratuita · **Demo de configurador 3D**](https://dardo.studio/pt/ferramentas/demo-configurador-3d/)
- [Serviço · **Sites 3D interativos com Three.js e WebGL**](https://dardo.studio/pt/servicos/sites-3d-interativos/)
- [Serviço · **Desenvolvimento web para os EUA e a América Latina**](https://dardo.studio/pt/servicos/desenvolvimento-web/)

- [Serviço · **Estúdio de desenvolvimento criativo para sites interativos**](https://dardo.studio/pt/servicos/desenvolvimento-criativo/)