Integración
Compartir moléculas
Enlaza, embebe o consume vía API cualquier estructura 3D de ChemModel desde tu sitio, artículo o aplicación.
Métodos disponibles
1 · Enlace directo al Studio
La URL más simple. El usuario hace clic y aterriza directamente en el Studio con la molécula cargada en 3D.
https://chemmodel.com/es/lab/?mol=cafeina
https://chemmodel.com/es/lab/?mol=CC(=O)Oc1ccccc1C(=O)OAcepta nombre en español o inglés, o SMILES directamente.
2 · Iframe embebido
Muestra el visor 3D directamente dentro de tu artículo o página, sin que el usuario salga.
<iframe
src="https://chemmodel.com/embed?mol=cafeina&lang=es&h=420"
width="100%"
height="420"
style="border:none;border-radius:10px"
loading="lazy"
allow="clipboard-write"
></iframe>Parámetros disponibles:
↑ Vista previa en vivo
3 · Enlace al Estudio de Isomería
Abre el Estudio de Isomería con una o dos moléculas precargadas para comparación directa.
# Una molécula (busca sus isómeros)
https://chemmodel.com/es/isomeria/?a=cafeina&lang=es
# Dos moléculas para comparar directamente
https://chemmodel.com/es/isomeria/?a=cafeina&b=teofilina&lang=es4 · API pública de moléculas
Endpoint REST que devuelve JSON con todas las propiedades del compuesto y URLs de ChemModel. CORS abierto — úsalo desde cualquier origen.
GET https://chemmodel.com/api/molecule?name=cafeina
GET https://chemmodel.com/api/molecule?name=cafeina&lang=enRespuesta de ejemplo (simplificada):
{
"cid": 2519,
"name": "cafeina",
"iupacName": "1,3,7-trimethylpurine-2,6-dione",
"formula": "C8H10N4O2",
"molecularWeight": "194.19",
"smiles": "Cn1cnc2c1c(=O)n(c(=O)n2C)C",
"inchiKey": "RYYVLZVUVIJVGH-UHFFFAOYSA-N",
"xlogp": -0.1,
"tpsa": 58.4,
"image2d": "https://pubchem.ncbi.nlm.nih.gov/rest/pug/compound/cid/2519/PNG?...",
"urlStudio": "https://chemmodel.com/es/lab/?mol=cafeina",
"urlIsomeria": "https://chemmodel.com/es/isomeria/?a=cafeina&lang=es",
"urlEmbed": "https://chemmodel.com/embed?mol=cafeina&lang=es",
"urlCompound": "https://chemmodel.com/es/compuesto/cafeina"
}También puedes buscar por fórmula o CID:
# Por fórmula molecular
GET https://chemmodel.com/api/molecule?formula=C8H10N4O2
# Por CID de PubChem
GET https://chemmodel.com/api/molecule?cid=2519Campos de la respuesta
| Campo | Tipo | Descripción |
|---|---|---|
| cid | number | ID de PubChem |
| name | string | Nombre de búsqueda |
| iupacName | string | Nombre IUPAC |
| formula | string | Fórmula molecular |
| molecularWeight | string | Peso molecular (g/mol) |
| smiles | string | SMILES isométrico |
| inchiKey | string | InChIKey |
| xlogp | number | Lipofilicidad |
| tpsa | number | Superficie polar topológica (Ų) |
| image2d | string | URL imagen PNG 2D (PubChem) |
| urlStudio | string | URL directa al Studio |
| urlIsomeria | string | URL al Estudio de Isomería |
| urlEmbed | string | URL del iframe embed |
| urlCompound | string | URL de la página SEO del compuesto |
5 · Página de compuesto (SEO)
Cada compuesto tiene su propia página indexable con schema.org, propiedades completas y visor 3D embebido. Ideal para enlazar desde artículos científicos.
https://chemmodel.com/es/compuesto/cafeina
https://chemmodel.com/es/compuesto/fenolftaleina
https://chemmodel.com/es/compuesto/dopamineCada página incluye schema.org ChemicalSubstance, imagen 2D de PubChem, visor 3D embebido, tabla de propiedades y acceso a la API.
6 · Imagen PNG con overlay
Desde el Studio, carga cualquier molécula y usa el botón de imagen (🖼️) para descargar un PNG con el nombre, fórmula molecular y marca de agua de ChemModel.
El fondo del visor es oscuro (#0a0f1e), ideal para presentaciones y artículos con tema oscuro.
Snippet HTML reutilizable
Copia este bloque en cualquier HTML para añadir un botón de visualización 3D:
<a href="https://chemmodel.com/es/lab/?mol=cafeina"
target="_blank" rel="noopener noreferrer"
style="display:inline-flex;align-items:center;gap:7px;
background:#0a0f1e;color:#00d4aa;
border:1.5px solid #00d4aa55;padding:8px 18px;
border-radius:8px;font-size:13px;font-weight:600;
text-decoration:none;font-family:system-ui">
<svg width="16" height="16" viewBox="0 0 100 100" fill="none"
xmlns="http://www.w3.org/2000/svg">
<polygon points="50,12 82,31 82,69 50,88 18,69 18,31"
fill="none" stroke="currentColor" stroke-width="9"/>
<circle cx="50" cy="50" r="19" fill="none"
stroke="currentColor" stroke-width="6" stroke-dasharray="10 6"/>
</svg>
Ver cafeina en 3D
</a>Vista previa:
Ver cafeina en 3D