Compartir moléculas

Enlaza, embebe o consume vía API cualquier estructura 3D de ChemModel desde tu sitio, artículo o aplicación.

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)O

Acepta 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:

?mol=Nombre o SMILES del compuesto
?lang=Idioma del visor (es / en)
?h=Altura del visor (200–800 px, defecto 400)

↑ 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=es

4 · 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=en

Respuesta 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=2519

Campos de la respuesta

CampoTipoDescripción
cidnumberID de PubChem
namestringNombre de búsqueda
iupacNamestringNombre IUPAC
formulastringFórmula molecular
molecularWeightstringPeso molecular (g/mol)
smilesstringSMILES isométrico
inchiKeystringInChIKey
xlogpnumberLipofilicidad
tpsanumberSuperficie polar topológica (Ų)
image2dstringURL imagen PNG 2D (PubChem)
urlStudiostringURL directa al Studio
urlIsomeriastringURL al Estudio de Isomería
urlEmbedstringURL del iframe embed
urlCompoundstringURL 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/dopamine

Cada 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