Ir para o conteúdo principal

Configurador de produtos 3D – Simplio3D leva o comércio eletrônico a outro nível

Como construir um configurador de produto 3D com Simplio3D – Guia passo a passo

Como

como construir um configurador

Criar um configurador de produtos interativo não exige mais semanas de desenvolvimento nem uma equipe de desenvolvedores. Com o Simplio3D, você pode criar seu próprio configurador 3D usando uma interface intuitiva e sem código. Neste tutorial, mostraremos um processo rápido passo a passo, desde o upload do seu modelo 3D até a incorporação do configurador no seu site.

Etapa 1: carregue seu modelo 3D

Comece preparando seu modelo 3D. O Simplio3D suporta formatos como .glb, .gltf e .obj que é comumente usado para aplicações web. Se o seu modelo estiver em outro formato, você pode convertê-lo usando ferramentas gratuitas como liqüidificador.

Não tem um modelo 3D e não sabe onde encontrar um? Confira aqui neste artigo que abrange exatamente isso.

Quando estiver pronto:

  1. Navegue até a Escolher arquivo seção no Simplio3D.

  2. Carregue seu modelo 3D (por exemplo, uma cadeira, um sapato, um sofá, uma mesa, uma aliança de casamento, uma camisa, uma meia, etc.).

  3. Após o upload, marque o modelo como Pronto e clique Economize.

NOTA: Após o upload, você verá as partes do modelo listadas, que serão usadas para atribuir materiais e definir opções do configurador.

Carregar modelo 3D

Etapa 2: Criar materiais e texturas

Vou ao Materiais seção. Você precisará:

  1. Criar Categorias para organizar seus materiais (por exemplo, “Madeira”, “Couro”, etc.).

  2. De acordo com o relatório Texturas aba, carregue seus arquivos de textura (baixados de fontes gratuitas ou pagas).

  3. Clique no botão "Editar" na textura enviada para atribuí-la à categoria apropriada.

  4. Em seguida, crie os materiais, vá para Materiais e clique Adicionar material e:

  5. Dê um nome ao seu material.

  6. Escolha sua categoria.

  7. Altere o status para "Pronto".

  8. Defina o tipo (plano, tecido, metal, etc.) e a superfície (textura ou cor).

  9. Na configuração "Superfície", aplique a textura ou cor apropriada.

  10. Use os controles deslizantes horizontais para fazer alterações em Especular, Reflexão ou Opacidade para produzir o material desejado.

Repita o processo para todos os seus materiais. Você pode visualizá-los em tempo real enquanto ajusta os parâmetros.

editar material no Simplio3D

Etapa 3: adicione seu produto

Vou ao Produtos seção:

  1. Clique Adicionar produto, dê um nome e selecione Configurator modo.

  2. Clique Economize e depois Editar para começar a construir o configurador.

adicionar produto no Simplio3D

Ao construir seu configurador, você seguirá 6 etapas, guiado pelas guias superiores da interface:

Selecione o layout 

  • Selecione Layout: Escolha onde o painel de opções aparecerá (direita, esquerda, superior ou inferior).

Adicionar modelos 3D

  • Adicionar modelos 3D: Selecione o(s) modelo(s) 3D que você carregou anteriormente.

Criar opções

É aqui que você torna o configurador interativo. Clique no menu suspenso no canto superior direito da tela e selecione o tipo de bloco que deseja usar para o seu configurador.

Por favor, consulte o documentação para mais detalhes sobre cada tipo de bloco de opções.

Você pode arrastar e soltar blocos de opções e variantes para alterar sua ordem.

criar opções no Simplio3D

Preços

Habilite a precificação ativando o Preços opção.

  • Adicionar uma Preço base bloco para definir um custo fixo.

  • Usuários avançados podem usar fórmulas de preços, variáveis ​​e tabelas de preços para modelos de preços dinâmicos.

Para uma configuração simples, basta inserir um preço base e visualizar como ele aparece.

Para obter mais detalhes sobre a criação de estruturas de preços avançadas, consulte o documentação.

Adicionar formulário

Para coletar informações do usuário:

  1. Vou ao Adicionar formulário aba.

  2. Adicione campos usando blocos, por exemplo:

    • Bloco de nome para adicionar Nome e Apelido

    • Bloco de e-mail para permitir que os usuários digitem seus endereços de e-mail

    • Bloco de texto para mensagem

    • Bloco de aceitação para caixa de seleção de consentimento para conformidade com GDPR/DSA

Todos os elementos do formulário podem ser reorganizados por meio de arrastar e soltar.

Habilite o formulário de contato e configure Configurações de Email para receber submissões. Todos os dados serão armazenados no Pedidos seção.

Para saber mais sobre os diferentes tipos de blocos de formulário, consulte o documentação.

Compartilhar 

Compartilhe seu configurador do Compartilhar aba:

  • Copie o código HTML exclusivo para incorporação.

  • Cole-o no seu site (por exemplo, em um bloco HTML do WordPress).

  • Ajuste o tamanho do iframe conforme necessário.

Você também pode:

  • Permitir Realidade Aumentada.

  • Integre com plataformas de comércio eletrônico.

  • Conecte-se via API a serviços de terceiros.

O vídeo abaixo fornece um conjunto geral de diretrizes práticas para ajudar você a começar rapidamente a criar seu próprio configurador.