Jak umieścić logo 3D na mojej stronie internetowej?

Utwórz link do udostępnienia projektu, następnie skopiuj kod do osadzenia z panelu Udostępnij i wklej go na swojej stronie. To proste iframe, bez skryptu i bez niczego do zainstalowania, i działa na każdej platformie, która pozwala wklejać HTML.

Czy osadzenie jest bezpłatne?

Tak. Udostępnianie, kod do osadzenia i oEmbed są bezpłatne przy koncie, a gość może udostępniać bez niego. Jedyną płatną funkcją jest ukrycie małej marki 3dlogo.io w ramce, co jest funkcją Pro.

Czy mogę osadzić bez konta?

Tak, ale link działa przez dwa tygodnie. Zalogowanie go rezerwuje na zawsze bez zmiany URL, więc wszystko, co już wkleiłeś, nadal działa. Link gościa, który nie zostanie zarezerwowany, przestaje działać po dwóch tygodniach.

Czy osadzenie spowolni moją stronę?

Ma ładowanie opóźnione, więc nic się nie pobiera, dopóki czytelnik nie wyświetli tego na ekranie, i renderuje się we własnej ramce, a nie na twojej stronie. Strona z osadzeniem poniżej pierwszego ekranu kosztuje tyle samo ładowania co strona bez niego.

Czy mogę wyłączyć obrót lub kontrolki?

Oba. Automatyczny obrót i kontrolki to przełączniki w panelu Udostępniania, które konfiguruje się przed skopiowaniem, i znajdują się w URL kodu. Wyłączenie kontrolek zamienia osadzenie w ruchomy obraz, a nie w coś, co odwiedzający mogą przeciągać.

Czy osadzenie działa w Notion lub WordPress?

Tak, i tam możesz wkleić link do udostępnienia bez dodatkowego kodu: oba rozwiązują oEmbed i pokazują tę samą ramkę. Ghost i Discourse robią to samo. W każdym innym miejscu użyj kodu.

Zaktualizowano 27 sierpnia 2026

Jak umieścić logo 3D na swojej stronie internetowej

Udostępnij projekt, a następnie wklej kod do osadzenia. Udostępnianie zamienia zapisany projekt w stronę ze skróconym linkiem; osadzenie to iframe tego samego projektu, kwadratowy i z opóźnionym ładowaniem, który można umieścić w dowolnym miejscu, w którym go wkleisz. Obie opcje są darmowe, a kod działa tak samo dla logo, monety lub wygenerowanej siatki.

Otwórz edytor Czym jest logo 3D

Jak osadzić logo 3D?#

W czterech krokach. To, co się osadza, to link do udostępnienia, więc idzie jako pierwsze: osadzenie to ramka wokół udostępnionego projektu, a nie osobny eksport.

Otwórz projekt w edytorze, w studiu monet lub w Generuj.
Otwórz panel Udostępnianie i utwórz link. Projekt otrzyma własną stronę.
Przełącz na Wstawianie i skopiuj kod. Dostosuj szerokość, obrót i kontrolki przed skopiowaniem.
Wklej kod na swoją stronę. To zwykły HTML: bez skryptów, bez procesu kompilacji, nic do zainstalowania.

Co naprawdę zawiera kod do wstawienia?#

Iframe i linijkę tekstu. Iframe wskazuje układ, domyślnie jest kwadratowy i ma ładowanie opóźnione, więc nic nie kosztuje, dopóki czytelnik go nie zobaczy. Linijka poniżej daje kredyt projektowi i linkuje z powrotem tutaj.

Ramka jest ustawiona na szerokość 640 px, o proporcjach 1:1 i bez obramowania, i dopasowuje się do kontenera, w którym ją umieścisz, zamiast mieć stały rozmiar. Ma pozwolenie na pełny ekran, automatyczne odtwarzanie i śledzenie przestrzenne, co pozwala jej obracać się i przechodzić na pełny ekran na telefonie.

Wszystko, co zawiera kod, jest bezpiecznie kodowane zanim dotrze do Ciebie, w tym tytuł Twojego własnego projektu, ponieważ kod jest wklejany do HTML innych osób, a pojedynczy cudzysłów w nazwie logo zepsułby ich stronę.

Linia kredytowa jest częścią kodu, nie jest osadzona w ramce. Łączy projekt ze swoją udostępnioną stroną i nazywa 3DLogo.io. Nic nie przeszkadza w jej usunięciu, a strona licencji wyraźnie mówi, że uznanie jest mile widziane i nigdy nie jest obowiązkowe.

Co możesz zmienić w wstawce?#

Cztery przełączniki i szerokość, wszystkie konfiguruje się przed skopiowaniem i podróżują w URL, tak aby kod mówił prawdę, zamiast ukrywać ustawienia w innym miejscu.

Ustawienie	Domyślnie	Co robi
Szerokość	640 px	Ustawia maksymalną szerokość bloku. Sama ramka dostosowuje się do kontenera, więc jest to limit, a nie stały rozmiar.
Automatyczne obracanie	Tak	Projekt obraca się sam. Jeśli wyłączysz, pozostanie nieruchomy, dopóki odwiedzający go nie przeciągnie.
Kontrole	Tak	Pozwól odwiedzającemu obracać projekt, aby zobaczyć go z każdej strony. Jeśli je wyłączysz, staje się to obrazem ruchomym, a nie czymś, czym można manipulować.
Przezroczyste	Nie	Usuń tło, aby projekt znalazł się na kolorze Twojej strony zamiast na jego.
Odznaka	Tak	Mała marka 3dlogo.io wewnątrz ramki. Ukrycie jej jest funkcją Pro i sprawdza się na serwerze, a nie w kodzie.

Które platformy same pokazują udostępniony link?#

Każda, która rozumie oEmbed. Udostępniona strona ogłasza swój adres oEmbed, więc wklejenie samego linku w Notion, WordPress, Ghost lub Discourse pokaże tę samą interaktywną ramkę, którą pokazałby kod, bez konieczności pisania HTML.

To jest najkrótsza ścieżka, gdzie to działa: wklejasz link i otrzymujesz osadzenie. Kod istnieje dla wszystkich innych stron, i na wypadek gdy chcesz ustawić szerokość lub wyłączyć obrót.

Platformy, które nie obsługują oEmbed, i tak pokazują normalny podgląd linku, ponieważ udostępniana strona ma własny tytuł, opis i obrazek w tle.

Jak długo trwa link do udostępniania?#

Link utworzony po zalogowaniu działa dopóki go nie usuniesz. Link utworzony jako gość działa dwa tygodnie, a zalogowanie się przejmuje go na stałe, więc link, który już wkleiliście gdzieś, nadal działa.

Termin dwutygodniowy istnieje po to, aby anonimowy eksperyment nie stał się trwałą publiczną stroną, której nikt nie może usunąć. Rejestrowanie go jest rozwiązaniem i działa wstecz, nie jest to nowy link: adres URL się nie zmienia.

Ponowne otwarcie Udostępniania w projekcie, któremu zmieniłeś styl, aktualizuje link, który już miałeś, bez zmiany jego adresu, więc adres URL, który już jest na stronie innej osoby, pokazuje aktualną wersję zamiast pozostawać nieaktualny.

Czego wstawienie nie robi#

Nie umieszcza modelu na twoim własnym serwerze, nie jest wyświetlane offline, a ramka, celowo, nie jest stroną indeksowalną. Można ograniczyć, które strony mogą osadzać projekt, choć ta opcja jest domyślnie wyłączona.

Wstawka to ramka wokół strony stąd, nie kopia szablonu. Jeśli potrzebujesz pliku na własnej infrastrukturze, wyeksportuj GLB i użyj własnego przeglądarki; eksport jest darmowy i wyjaśniony na stronie eksportu.

Ramka celowo ma nagłówek noindex. Udostępniana strona to ta, która ma być odnaleziona i podlinkowana, a jeśli obie konkurowałyby, ten sam projekt zostałby podzielony między dwa URL.

Udostępniony projekt może wskazywać domeny, które mogą go osadzać. Jeśli nie wskażesz żadnej, każda strona może go wstawić; jeśli wskażesz, zostanie odrzucone żądanie, którego strona źródłowa nie znajduje się na liście. To decyzja świadoma dla każdego projektu, a nie coś domyślnego.

Pytania

Jak umieścić logo 3D na mojej stronie internetowej?: Utwórz link do udostępnienia projektu, następnie skopiuj kod do osadzenia z panelu Udostępnij i wklej go na swojej stronie. To proste iframe, bez skryptu i bez niczego do zainstalowania, i działa na każdej platformie, która pozwala wklejać HTML.
Czy osadzenie jest bezpłatne?: Tak. Udostępnianie, kod do osadzenia i oEmbed są bezpłatne przy koncie, a gość może udostępniać bez niego. Jedyną płatną funkcją jest ukrycie małej marki 3dlogo.io w ramce, co jest funkcją Pro.
Czy mogę osadzić bez konta?: Tak, ale link działa przez dwa tygodnie. Zalogowanie go rezerwuje na zawsze bez zmiany URL, więc wszystko, co już wkleiłeś, nadal działa. Link gościa, który nie zostanie zarezerwowany, przestaje działać po dwóch tygodniach.
Czy osadzenie spowolni moją stronę?: Ma ładowanie opóźnione, więc nic się nie pobiera, dopóki czytelnik nie wyświetli tego na ekranie, i renderuje się we własnej ramce, a nie na twojej stronie. Strona z osadzeniem poniżej pierwszego ekranu kosztuje tyle samo ładowania co strona bez niego.
Czy mogę wyłączyć obrót lub kontrolki?: Oba. Automatyczny obrót i kontrolki to przełączniki w panelu Udostępniania, które konfiguruje się przed skopiowaniem, i znajdują się w URL kodu. Wyłączenie kontrolek zamienia osadzenie w ruchomy obraz, a nie w coś, co odwiedzający mogą przeciągać.
Czy osadzenie działa w Notion lub WordPress?: Tak, i tam możesz wkleić link do udostępnienia bez dodatkowego kodu: oba rozwiązują oEmbed i pokazują tę samą ramkę. Ghost i Discourse robią to samo. W każdym innym miejscu użyj kodu.