Atualizado 27 de agosto de 2026
Como colocar um logotipo 3D no seu site
Compartilhe o design e depois cole o código para inserir. Compartilhar converte um design salvo em uma página com um link curto; a inserção é um iframe desse mesmo design, quadrado e com carregamento diferido, que funciona em qualquer lugar onde você o cole. Ambas as opções são gratuitas, e o código funciona da mesma forma para um logo, uma moeda ou uma malha gerada.
Como inserir um logo 3D?#
Em quatro passos. O que se insere é o link para compartilhar, então vem primeiro: uma inserção é uma moldura em torno de um design compartilhado, não uma exportação separada.
- Abra o design no editor, no estúdio de moedas ou em Gerar.
- Abra o painel Compartilhar e crie um link. O design ganha uma página própria.
- Mude para Inserir e copie o código. Ajuste a largura, a rotação e os controles antes de copiá-lo.
- Cole o código na sua página. É HTML simples: sem script, sem etapa de compilação, nada para instalar.
O que o código para inserir realmente contém?#
Um iframe e uma linha de texto. O iframe aponta para o design, é quadrado por padrão e tem carregamento preguiçoso, então não custa nada até que um leitor chegue a ele. A linha abaixo dá crédito ao design e faz link de volta para cá.
O quadro está configurado com 640 px de largura, com proporção 1:1 e sem borda, e se adapta ao contêiner onde você o colocar em vez de ter um tamanho fixo. Ele tem permissão para tela cheia, reprodução automática e rastreamento espacial, o que permite girar e passar para a tela cheia em um telefone.
Tudo o que contém o código é codificado de forma segura antes de chegar a você, incluindo o título do seu próprio design, porque o código é incorporado no HTML de outras pessoas e uma citação solta no nome de um logo quebraria a página deles.
A linha de crédito faz parte do código, não está gravada dentro do framework. Conecta o design à sua página compartilhada e nomeia 3DLogo.io. Nada impede removê-la, e a página de licença diz claramente que o crédito é apreciado e nunca é obrigatório.
O que você pode mudar na inserção?#
Quatro interruptores e a largura, todos são configurados antes de copiar e viajam na URL, para que o código diga a verdade em vez de esconder ajustes em outro lugar.
| Ajuste | Por padrão | O que faz |
|---|---|---|
| Largura | 640 px | Define a largura máxima do bloco. O próprio framework se ajusta ao contêiner, então é um limite e não um tamanho fixo. |
| Giro automático | Sim | O design gira sozinho. Se você desativar, ele permanece parado até que um visitante o arraste. |
| Controles | Sim | Deixe que um visitante gire o design para vê-lo de qualquer ângulo. Se você os desativar, ele se torna uma imagem em movimento e não algo que possa manipular. |
| Transparente | Não | Remova o fundo para que o design fique sobre a cor da sua página em vez da dele. |
| Emblema | Sim | A pequena marca de 3dlogo.io dentro da moldura. Ocultá-la é uma função do Pro e é verificada no servidor, não no código. |
Quais plataformas mostram um link compartilhado por conta própria?#
Qualquer uma que entenda oEmbed. Uma página compartilhada anuncia seu endereço de oEmbed, então colar o link diretamente no Notion, WordPress, Ghost ou Discourse mostra a mesma moldura interativa que o código mostraria, sem que você precise escrever HTML.
Esse é o caminho mais curto onde funciona: você pega o link e obtém a inserção. O código existe para todos os outros sites, e para quando você quer fixar a largura ou desativar a rotação.
As plataformas que não resolvem oEmbed igualmente mostram uma pré-visualização normal do link, porque a página compartilhada traz seu próprio título, sua descrição e sua imagem de capa.
Quanto tempo dura um link para compartilhar?#
Um link criado com a sessão iniciada dura até você deletá-lo. Um link criado como convidado dura duas semanas, e iniciar sessão o reivindica para sempre, então um link que você já colou em algum lugar continua funcionando.
O prazo de duas semanas existe para que um experimento anônimo não se torne uma página pública permanente que ninguém pode remover. Reivindicá-lo é a solução, e é retroativo, não um novo link: a URL não muda.
Reabrir Compartilhar em um design ao qual você alterou o estilo atualiza o link que você já tinha sem mudar seu endereço, então uma URL que já está na página de outra pessoa mostra a versão atual em vez de ficar desatualizada.
O que a inserção não faz#
Não coloca o modelo no seu próprio servidor, não é exibido sem internet e o quadro, propositalmente, não é uma página indexável. É possível restringir quais sites podem enquadrar um design, embora essa opção venha desativada por padrão.
A inserção é uma moldura em torno de uma página daqui, não uma cópia do modelo. Se você precisar do arquivo em sua própria infraestrutura, exporte um GLB e use seu próprio visualizador; exportar é gratuito e é explicado na página de exportação.
A moldura leva propositalmente um cabeçalho noindex. A página compartilhada é a que deve ser encontrada e vinculada, e se ambas competissem, o mesmo design seria dividido entre dois URLs.
Um design compartilhado pode indicar os domínios que podem enquadrá-lo. Se nenhum for indicado, qualquer site pode inseri-lo; se indicados, uma solicitação cujo site de origem não esteja na lista será rejeitada. É uma decisão deliberada para cada design, não algo que venha como padrão.
Perguntas
- Como coloco um logo 3D em meu site?
- Crie um link para compartilhar o design, depois copie o código para incorporar a partir do painel Compartilhar e cole na sua página. É um iframe simples, sem script e sem nada para instalar, e funciona em qualquer plataforma que permita colar HTML.
- Inserir é gratuito?
- Sim. Compartilhar, o código para incorporar e o oEmbed são gratuitos com uma conta, e um convidado pode compartilhar sem ela. O único pagamento é para ocultar a pequena marca da 3dlogo.io dentro do frame, que é uma função da Pro.
- Posso inserir sem uma conta?
- Sim, mas o link dura duas semanas. Fazer login garante que ele permaneça para sempre sem alterar a URL, então tudo o que você já colou continua funcionando. Um link de convidado que não é reivindicado deixa de funcionar depois das duas semanas.
- A inserção deixará minha página mais lenta?
- Possui carregamento diferido, então nada é baixado até que o leitor a faça aparecer na tela, e ela é renderizada em seu próprio quadro, não na sua página. Uma página com uma inserção mais abaixo do primeiro visor custa o mesmo para carregar que uma sem ela.
- Posso desativar a rotação ou os controles?
- Ambos. A rotação automática e os controles são interruptores do painel Compartilhar que se configuram antes de copiar, e vão na URL do código. Desativar os controles transforma a inserção em uma imagem em movimento e não em algo que um visitante possa arrastar.
- A inserção funciona no Notion ou WordPress?
- Sim, e aí você pode colar o link para compartilhar sem mais em vez do código: ambos resolvem oEmbed e exibem o mesmo quadro. Ghost e Discourse fazem o mesmo. Em qualquer outro site, use o código.
