Comment mettre un logo 3D sur mon site web ?

Créez un lien pour partager le design, puis copiez le code à intégrer depuis le panneau Partager et collez-le sur votre page. C'est un simple iframe, sans script et sans rien à installer, et il fonctionne sur n'importe quelle plateforme qui vous permet de coller du HTML.

Est-ce que l'intégration est gratuite ?

Oui. Partager, le code à intégrer et oEmbed sont gratuits avec un compte, et un invité peut partager sans compte. La seule option payante est de cacher la petite marque de 3dlogo.io dans le cadre, qui est une fonction de Pro.

Puis-je intégrer sans compte ?

Oui, mais le lien dure deux semaines. Se connecter le revendique pour toujours sans changer l'URL, donc tout ce que vous avez déjà collé continue de fonctionner. Un lien invité qui n'est pas revendiqué cesse de fonctionner après deux semaines.

L'insertion ralentira-t-elle ma page ?

Elle a un chargement différé, donc rien ne se télécharge tant qu'un lecteur ne l'affiche pas à l'écran, et elle est rendue dans son propre cadre, pas dans votre page. Une page avec une insertion en dessous du premier aperçu à l'écran coûte autant à charger qu'une page sans elle.

Puis-je désactiver la rotation ou les contrôles ?

Les deux. La rotation automatique et les contrôles sont des interrupteurs du panneau Partager qui se configurent avant de copier, et ils vont dans l'URL du code. Désactiver les contrôles transforme l'insertion en une image animée et non en quelque chose que le visiteur peut faire glisser.

L'insertion fonctionne-t-elle dans Notion ou WordPress ?

Oui, et là tu peux coller le lien pour partager sans plus au lieu du code : les deux résolvent oEmbed et affichent le même cadre. Ghost et Discourse font la même chose. Sur tout autre site, utilise le code.

Mis à jour 27 août 2026

Comment mettre un logo 3D sur votre site web

Partagez le design puis collez le code pour l'insérer. Le partage transforme un design enregistré en une page avec un lien court ; l'insertion est un iframe de ce même design, carré et avec un chargement différé, qui fonctionne partout où vous le collez. Les deux sont gratuits, et le code fonctionne de la même manière pour un logo, une pièce ou une grille générée.

Ouvrir l'éditeur Qu'est-ce qu'un logo 3D

Comment insérer un logo 3D ?#

En quatre étapes. Ce qui est inséré est le lien de partage, donc commencez par là : une insertion est un cadre autour d'un design partagé, pas une exportation séparée.

Ouvrez le design dans l'éditeur, dans l'atelier de pièces ou dans Générer.
Ouvrez le panneau Partager et créez un lien. Le design obtient sa propre page.
Passez à Insérer et copiez le code. Ajustez la largeur, la rotation et les contrôles avant de le copier.
Collez le code sur votre page. C'est du HTML simple : sans script, sans étape de compilation, rien à installer.

Que contient vraiment le code à insérer ?#

Un iframe et une ligne de texte. L'iframe pointe vers le design, il est carré par défaut et en chargement différé, donc cela ne coûte rien jusqu'à ce qu'un lecteur y accède. La ligne en dessous crédite le design et renvoie ici.

Le cadre est configuré à 640 px de large, avec un ratio de 1:1 et sans bordure, et s'adapte au conteneur où vous le placez au lieu d'avoir une taille fixe. Il a l'autorisation pour le plein écran, la lecture automatique et le suivi spatial, ce qui lui permet de tourner et de passer en plein écran sur un téléphone.

Tout ce que contient le code est encodé de manière sécurisée avant de vous parvenir, y compris le titre de votre propre design, car le code est collé dans le HTML d'autres personnes et une seule apostrophe dans le nom d'un logo briserait leur page.

La ligne de crédit fait partie du code, elle n'est pas gravée dans le cadre. Elle relie le design à sa page partagée et nomme 3DLogo.io. Rien n'empêche de la retirer, et la page de licence indique clairement que le crédit est apprécié et jamais obligatoire.

Que pouvez-vous changer dans l'insertion ?#

Quatre interrupteurs et la largeur, tous se configurent avant de copier et voyagent dans l'URL, afin que le code dise la vérité plutôt que de cacher les réglages ailleurs.

Réglage	Par défaut	Ce que ça fait
Largeur	640 px	Fixe la largeur maximale du bloc. Le cadre lui-même s'adapte au conteneur, donc c'est un plafond et non une taille fixe.
Rotation automatique	Oui	Le design tourne seul. Si vous le désactivez, il reste immobile jusqu'à ce qu'un visiteur le fasse glisser.
Contrôles	Oui	Laissez un visiteur faire tourner le design pour le voir sous tous les angles. Si vous les désactivez, il devient une image en mouvement et non quelque chose à manipuler.
Transparent	Non	Supprimez l'arrière-plan afin que le design repose sur la couleur de votre page au lieu de la sienne.
Badge	Oui	La petite marque de 3dlogo.io à l'intérieur du cadre. La cacher est une fonction de Pro et se vérifie sur le serveur, pas dans le code.

Quelles plateformes affichent un lien partagé d’elles-mêmes ?#

Toutes celles qui comprennent oEmbed. Une page partagée annonce son adresse oEmbed, donc coller simplement le lien dans Notion, WordPress, Ghost ou Discourse montre le même cadre interactif que montrerait le code, sans avoir à écrire du HTML.

C'est la route la plus courte où cela fonctionne : vous collez le lien et vous obtenez l'intégration. Le code existe pour tous les autres sites, et pour quand vous voulez fixer la largeur ou désactiver la rotation.

Les plateformes qui ne résolvent pas oEmbed affichent quand même un aperçu normal du lien, car la page partagée a son propre titre, sa description et son image de couverture.

Combien de temps dure un lien à partager ?#

Un lien créé avec une session ouverte dure jusqu'à ce que vous le supprimiez. Un lien créé en tant qu'invité dure deux semaines, et se connecter le réclame pour toujours, donc un lien que vous avez déjà collé quelque part continue de fonctionner.

Le délai de deux semaines existe pour qu’une expérience anonyme ne devienne pas une page publique permanente que personne ne peut retirer. La réclamer est la solution, et c’est rétroactif, pas un nouveau lien : l’URL ne change pas.

Rouvrir Partager dans un design auquel vous avez changé le style met à jour le lien que vous aviez déjà sans changer son adresse, donc une URL qui est déjà sur la page de quelqu’un d’autre montre la version actuelle au lieu de rester obsolète.

Ce que l’insertion ne fait pas#

Elle ne place pas le modèle sur votre propre serveur, ne s’affiche pas hors ligne et le cadre, volontairement, n’est pas une page indexable. Il est possible de restreindre quels sites peuvent encadrer un design, bien que cette option soit désactivée par défaut.

L'insertion est un encadrement autour d'une page à partir d'ici, pas une copie du modèle. Si vous avez besoin du fichier dans votre propre infrastructure, exportez un GLB et utilisez votre propre visualiseur ; l'exportation est gratuite et expliquée sur la page d'exportation.

Le cadre porte intentionnellement un en-tête noindex. La page partagée est celle qui doit être trouvée et liée, et si les deux entraient en concurrence, le même design serait réparti entre deux URL.

Un design partagé peut indiquer les domaines qui peuvent l'encadrer. Si aucun n'est indiqué, tout site peut l'insérer ; si certains sont indiqués, une requête provenant d'un site non listé sera refusée. C'est une décision délibérée pour chaque design, ce n'est pas quelque chose d'automatique.

Questions

Comment mettre un logo 3D sur mon site web ?: Créez un lien pour partager le design, puis copiez le code à intégrer depuis le panneau Partager et collez-le sur votre page. C'est un simple iframe, sans script et sans rien à installer, et il fonctionne sur n'importe quelle plateforme qui vous permet de coller du HTML.
Est-ce que l'intégration est gratuite ?: Oui. Partager, le code à intégrer et oEmbed sont gratuits avec un compte, et un invité peut partager sans compte. La seule option payante est de cacher la petite marque de 3dlogo.io dans le cadre, qui est une fonction de Pro.
Puis-je intégrer sans compte ?: Oui, mais le lien dure deux semaines. Se connecter le revendique pour toujours sans changer l'URL, donc tout ce que vous avez déjà collé continue de fonctionner. Un lien invité qui n'est pas revendiqué cesse de fonctionner après deux semaines.
L'insertion ralentira-t-elle ma page ?: Elle a un chargement différé, donc rien ne se télécharge tant qu'un lecteur ne l'affiche pas à l'écran, et elle est rendue dans son propre cadre, pas dans votre page. Une page avec une insertion en dessous du premier aperçu à l'écran coûte autant à charger qu'une page sans elle.
Puis-je désactiver la rotation ou les contrôles ?: Les deux. La rotation automatique et les contrôles sont des interrupteurs du panneau Partager qui se configurent avant de copier, et ils vont dans l'URL du code. Désactiver les contrôles transforme l'insertion en une image animée et non en quelque chose que le visiteur peut faire glisser.
L'insertion fonctionne-t-elle dans Notion ou WordPress ?: Oui, et là tu peux coller le lien pour partager sans plus au lieu du code : les deux résolvent oEmbed et affichent le même cadre. Ghost et Discourse font la même chose. Sur tout autre site, utilise le code.