Aktualisiert 27. August 2026

Wie man ein 3D-Logo auf der Website platziert

Teile das Design und füge dann den Code zum Einbetten ein. Teilen wandelt ein gespeichertes Design in eine Seite mit einem Kurzlink um; das Einbetten ist ein iframe von genau diesem Design, quadratisch und mit verzögertem Laden, das überall funktioniert, wo du es einfügst. Beides ist kostenlos, und der Code funktioniert genauso für ein Logo, eine Münze oder ein generiertes Mesh.

Ein 3D-Logo, das als Live-Viewer eingefügt wird und gezogen werden kann, im Hauptbereich einer dunklen Website

Wie wird ein 3D-Logo eingebettet?#

In vier Schritten. Was eingebettet wird, ist der Freigabelink, also geht das zuerst: Ein Einbettung ist ein Rahmen um ein geteiltes Design, keine separate Exportdatei.

  1. Öffne das Design im Editor, im Münzstudio oder unter Generieren.
  2. Öffne das Freigabefenster und erstelle einen Link. Das Design erhält eine eigene Seite.
  3. Wechsel zu Einfügen und kopiere den Code. Passe die Breite, die Drehung und die Steuerungen an, bevor du ihn kopierst.
  4. Füge den Code auf deiner Seite ein. Es ist einfaches HTML: kein Script, kein Kompilierungsschritt, nichts zu installieren.

Was enthält der Einbettungscode wirklich?#

Ein iframe und eine Textzeile. Das iframe verweist auf das Design, ist standardmäßig quadratisch und hat eine verzögerte Ladung, so dass es erst dann Kosten verursacht, wenn ein Leser darauf zugreift. Die darunter liegende Zeile gibt dem Design Anerkennung und verlinkt zurück hierher.

Der Rahmen ist auf 640 px Breite eingestellt, mit einem Seitenverhältnis von 1:1 und ohne Rand, und passt sich dem Container an, in den du ihn setzt, anstatt eine feste Größe zu haben. Er hat die Erlaubnis für Vollbild, automatische Wiedergabe und räumliches Tracking, was ihm erlaubt, sich zu drehen und auf einem Handy auf Vollbild zu wechseln.

Alles, was der Code enthält, wird sicher codiert, bevor es zu dir gelangt, einschließlich des Titels deines eigenen Designs, da der Code in das HTML anderer Personen eingefügt wird und ein ungepares Anführungszeichen im Namen eines Logos deren Seite zerstören würde.

Die Kreditlinie ist Teil des Codes, sie ist nicht im Rahmen gespeichert. Sie verknüpft das Design mit seiner gemeinsamen Seite und nennt 3DLogo.io. Nichts hindert daran, sie zu entfernen, und die Lizenzseite sagt klar, dass das Kreditieren geschätzt wird und niemals obligatorisch ist.

Was kannst du an der Einbettung ändern?#

Vier Schalter und die Breite, alles wird vor dem Kopieren eingestellt und reist in der URL, damit der Code die Wahrheit sagt, anstatt Einstellungen an einem anderen Ort zu verstecken.

EinstellungStandardWas sie bewirkt
Breite640 pxLegt die maximale Breite des Blocks fest. Der Rahmen selbst passt sich an den Container an, also ist es eine Obergrenze und keine feste Größe.
Automatisches DrehenJaDas Design dreht sich automatisch. Wenn du es deaktivierst, bleibt es stehen, bis ein Besucher es zieht.
SteuerungenJaLass einen Besucher das Design drehen, um es aus jedem Blickwinkel zu sehen. Wenn du es deaktivierst, wird es zu einem bewegten Bild und nichts, das man manipulieren kann.
TransparentNeinEntferne den Hintergrund, damit das Design auf der Farbe deiner Seite statt auf seiner angezeigt wird.
AbzeichenJaDas kleine 3dlogo.io-Zeichen im Rahmen. Es zu verbergen ist eine Funktion von Pro und wird auf dem Server überprüft, nicht im Code.

Welche Plattformen zeigen einen geteilten Link von selbst?#

Jede, die oEmbed versteht. Eine geteilte Seite gibt ihre oEmbed-Adresse bekannt, sodass das einfache Einfügen des Links in Notion, WordPress, Ghost oder Discourse denselben interaktiven Rahmen anzeigt, den der Code zeigen würde, ohne dass du HTML schreiben musst.

Das ist der kürzeste Weg, wo es funktioniert: Du fügst den Link ein und erhältst die Einbettung. Der Code existiert für alle anderen Seiten, und für den Fall, dass du die Breite festlegen oder die Drehung deaktivieren willst.

Plattformen, die oEmbed nicht auflösen, zeigen trotzdem eine normale Vorschau des Links, weil die geteilte Seite ihren eigenen Titel, ihre Beschreibung und ihr Titelbild enthält.

Ein Link, der mit angemeldetem Konto erstellt wurde, bleibt gültig, bis du ihn löschst. Ein Link, der als Gast erstellt wurde, ist zwei Wochen gültig, und das Anmelden beansprucht ihn für immer, sodass ein Link, den du bereits irgendwo eingefügt hast, weiterhin funktioniert.

Die Frist von zwei Wochen existiert, damit ein anonymes Experiment nicht zu einer dauerhaften öffentlichen Seite wird, die niemand entfernen kann. Es zu beanspruchen ist die Lösung, und es wirkt rückwirkend, kein neuer Link: die URL ändert sich nicht.

Das erneute Öffnen von Teilen in einem Design, dessen Stil du geändert hast, aktualisiert den Link, den du bereits hattest, ohne dessen Adresse zu ändern, sodass eine URL, die bereits auf der Seite einer anderen Person ist, die aktuelle Version anzeigt, anstatt veraltet zu bleiben.

Was das Einbetten nicht macht#

Es legt das Modell nicht auf deinem eigenen Server ab, es wird nicht offline angezeigt, und der Rahmen ist absichtlich keine indexierbare Seite. Es kann eingeschränkt werden, welche Websites ein Design einbetten können, obwohl diese Option standardmäßig deaktiviert ist.

Das Einfügen ist ein Rahmen um eine Seite von hier, keine Kopie des Modells. Wenn du die Datei in deiner eigenen Infrastruktur benötigst, exportiere ein GLB und benutze deinen eigenen Viewer; der Export ist kostenlos und wird auf der Exportseite erklärt.

Der Rahmen trägt absichtlich einen noindex-Header. Die geteilte Seite ist die, die gefunden und verlinkt werden soll, und wenn beide konkurrieren würden, würde dasselbe Design auf zwei URLs aufgeteilt.

Ein geteiltes Design kann die Domains angeben, die es einrahmen dürfen. Wenn keine angegeben sind, kann jede Seite es einfügen; wenn welche angegeben sind, wird eine Anfrage abgelehnt, deren Ursprungsseite nicht auf der Liste steht. Es ist eine bewusste Entscheidung für jedes Design, nichts, das standardmäßig geschieht.

Fragen

Wie setze ich ein 3D-Logo auf meiner Website ein?
Erstelle einen Link zum Teilen des Designs, kopiere dann den Einbettungscode aus dem Teilen-Panel und füge ihn auf deiner Seite ein. Es ist ein einfaches iframe, ohne Skript und ohne irgendetwas zu installieren, und es funktioniert auf jeder Plattform, die das Einfügen von HTML erlaubt.
Einfügen ist kostenlos?
Ja. Teilen, der Einbettungscode und oEmbed sind mit einem Konto kostenlos, und ein Gast kann auch ohne Konto teilen. Das Einzige, wofür man bezahlt, ist, das kleine 3dlogo.io-Logo innerhalb des Rahmens zu verbergen, was eine Funktion von Pro ist.
Kann ich ohne Konto einfügen?
Ja, aber der Link ist nur zwei Wochen gültig. Anmeldung beansprucht ihn dauerhaft, ohne die URL zu ändern, sodass alles, was du bereits eingefügt hast, weiterhin funktioniert. Ein Gastlink, der nicht beansprucht wird, funktioniert nach zwei Wochen nicht mehr.
Wird das Einfügen meine Seite verlangsamen?
Es hat verzögertes Laden, sodass nichts heruntergeladen wird, bis ein Leser es auf dem Bildschirm erscheinen lässt, und es wird in seinem eigenen Rahmen gerendert, nicht auf deiner Seite. Eine Seite mit einem Einfügen weiter unten im ersten Ansichtsbereich lädt genauso schnell wie eine ohne.
Kann ich das Drehen oder die Steuerung deaktivieren?
Beides. Automatisches Drehen und Steuerungen sind Schalter im Teilen-Panel, die vor dem Kopieren eingestellt werden und in der URL des Codes stehen. Das Deaktivieren der Steuerungen macht die Einfügung zu einem bewegten Bild und nicht zu etwas, das ein Besucher ziehen kann.
Funktioniert das Einfügen in Notion oder WordPress?
Ja, und da kannst du den Link einfach zum Teilen einfügen anstelle des Codes: beide lösen oEmbed auf und zeigen denselben Rahmen. Ghost und Discourse machen dasselbe. Auf jeder anderen Seite verwende den Code.