Actualizado el 27 de agosto de 2026
Cómo poner un logo 3D en tu sitio web
Comparte el diseño y luego pega el código para insertar. Compartir convierte un diseño guardado en una página con un enlace corto; la inserción es un iframe de ese mismo diseño, cuadrado y con carga diferida, que gira en cualquier sitio donde lo pegues. Ambas cosas son gratis, y el código funciona igual para un logo, una moneda o una malla generada.
¿Cómo se inserta un logo 3D?#
En cuatro pasos. Lo que se inserta es el enlace para compartir, así que va primero: una inserción es un marco alrededor de un diseño compartido, no una exportación aparte.
- Abre el diseño en el editor, en el estudio de monedas o en Generar.
- Abre el panel Compartir y crea un enlace. El diseño obtiene una página propia.
- Cambia a Insertar y copia el código. Ajusta el ancho, el giro y los controles antes de copiarlo.
- Pega el código en tu página. Es HTML simple: sin script, sin paso de compilación, nada que instalar.
¿Qué contiene realmente el código para insertar?#
Un iframe y una línea de texto. El iframe apunta al diseño, es cuadrado por defecto y tiene carga diferida, así que no cuesta nada hasta que un lector llega a él. La línea de debajo da crédito al diseño y enlaza de vuelta aquí.
El marco está configurado a 640 px de ancho, con una proporción de 1:1 y sin borde, y se adapta al contenedor donde lo pongas en lugar de tener un tamaño fijo. Tiene permiso para pantalla completa, reproducción automática y seguimiento espacial, que es lo que le permite girar y pasar a pantalla completa en un teléfono.
Todo lo que lleva el código se codifica de forma segura antes de llegar a ti, incluido el título de tu propio diseño, porque el código se pega en el HTML de otras personas y una comilla suelta en el nombre de un logo rompería su página.
La línea de crédito forma parte del código, no está grabada dentro del marco. Enlaza el diseño con su página compartida y nombra a 3DLogo.io. Nada impide quitarla, y la página de licencia dice claramente que el crédito se agradece y nunca es obligatorio.
¿Qué puedes cambiar de la inserción?#
Cuatro interruptores y el ancho, todos se configuran antes de copiar y viajan en la URL, para que el código diga la verdad en lugar de esconder ajustes en otro sitio.
| Ajuste | Por defecto | Qué hace |
|---|---|---|
| Ancho | 640 px | Fija el ancho máximo del bloque. El marco en sí se adapta al contenedor, así que es un tope y no un tamaño fijo. |
| Giro automático | Sí | El diseño gira solo. Si lo desactivas, se queda quieto hasta que un visitante lo arrastra. |
| Controles | Sí | Deja que un visitante gire el diseño para verlo desde cualquier ángulo. Si los desactivas, se convierte en una imagen en movimiento y no en algo que manipular. |
| Transparente | No | Quita el fondo para que el diseño quede sobre el color de tu página en lugar del suyo. |
| Insignia | Sí | La pequeña marca de 3dlogo.io dentro del marco. Ocultarla es una función de Pro y se comprueba en el servidor, no en el código. |
¿Qué plataformas muestran un enlace compartido por sí solas?#
Cualquiera que entienda oEmbed. Una página compartida anuncia su dirección de oEmbed, así que pegar el enlace sin más en Notion, WordPress, Ghost o Discourse muestra el mismo marco interactivo que mostraría el código, sin que tengas que escribir HTML.
Esa es la ruta más corta donde funciona: pegas el enlace y obtienes la inserción. El código existe para todos los demás sitios, y para cuando quieres fijar el ancho o desactivar el giro.
Las plataformas que no resuelven oEmbed igualmente muestran una vista previa normal del enlace, porque la página compartida lleva su propio título, su descripción y su imagen de portada.
¿Cuánto dura un enlace para compartir?#
Un enlace creado con la sesión iniciada dura hasta que lo eliminas. Un enlace creado como invitado dura dos semanas, e iniciar sesión lo reclama para siempre, así que un enlace que ya pegaste en algún sitio sigue funcionando.
El plazo de dos semanas existe para que un experimento anónimo no se convierta en una página pública permanente que nadie puede retirar. Reclamarlo es la solución, y es retroactivo, no un nuevo enlace: la URL no cambia.
Volver a abrir Compartir en un diseño al que le cambiaste el estilo actualiza el enlace que ya tenías sin cambiar su dirección, así que una URL que ya está en la página de otra persona muestra la versión actual en lugar de quedarse desactualizada.
Lo que la inserción no hace#
No pone el modelo en tu propio servidor, no se muestra sin conexión a internet y el marco, a propósito, no es una página indexable. Se puede restringir qué sitios pueden enmarcar un diseño, aunque esa opción viene desactivada por defecto.
La inserción es un marco alrededor de una página de aquí, no una copia del modelo. Si necesitas el archivo en tu propia infraestructura, exporta un GLB y usa tu propio visor; exportar es gratis y se explica en la página de exportación.
El marco lleva a propósito una cabecera noindex. La página compartida es la que debe encontrarse y enlazarse, y si ambas compitieran, el mismo diseño se repartiría entre dos URL.
Un diseño compartido puede indicar los dominios que pueden enmarcarlo. Si no se indica ninguno, cualquier sitio puede insertarlo; si se indican, se rechaza una petición cuyo sitio de origen no está en la lista. Es una decisión deliberada para cada diseño, no algo que venga por defecto.
Preguntas
- ¿Cómo pongo un logo 3D en mi sitio web?
- Crea un enlace para compartir el diseño, luego copia el código para insertar desde el panel Compartir y pégalo en tu página. Es un iframe simple, sin script y sin nada que instalar, y funciona en cualquier plataforma que te deje pegar HTML.
- ¿Insertar es gratis?
- Sí. Compartir, el código para insertar y oEmbed son gratis con una cuenta, y un invitado puede compartir sin ella. Lo único de pago es ocultar la pequeña marca de 3dlogo.io dentro del marco, que es una función de Pro.
- ¿Puedo insertar sin una cuenta?
- Sí, pero el enlace dura dos semanas. Iniciar sesión lo reclama para siempre sin cambiar la URL, así que todo lo que ya pegaste sigue funcionando. Un enlace de invitado que no se reclama deja de funcionar cuando pasan las dos semanas.
- ¿La inserción hará más lenta mi página?
- Tiene carga diferida, así que no se descarga nada hasta que un lector la hace aparecer en pantalla, y se renderiza en su propio marco, no en tu página. Una página con una inserción más abajo del primer pantallazo cuesta lo mismo de cargar que una sin ella.
- ¿Puedo desactivar el giro o los controles?
- Ambos. El giro automático y los controles son interruptores del panel Compartir que se configuran antes de copiar, y van en la URL del código. Desactivar los controles convierte la inserción en una imagen en movimiento y no en algo que un visitante pueda arrastrar.
- ¿La inserción funciona en Notion o WordPress?
- Sí, y ahí puedes pegar el enlace para compartir sin más en lugar del código: ambos resuelven oEmbed y muestran el mismo marco. Ghost y Discourse hacen lo mismo. En cualquier otro sitio, usa el código.
