El menú contextual ofrece acceso rápido a contenido optimizado para IA e integraciones directas con herramientas de IA populares. Al seleccionar el menú contextual en cualquier página, los usuarios pueden copiar contenido para usarlo como contexto en herramientas de IA o abrir conversaciones en ChatGPT, Claude, Perplexity o en una herramienta personalizada de su elección, con su documentación ya cargada como contexto. El menú contextual incluye varias opciones prediseñadas que puedes habilitar añadiendo su identificador a tu configuración.
OpciónIdentificadorDescripción
Copiar páginacopyCopia la página actual como Markdown para pegarla como contexto en herramientas de IA
Ver como MarkdownviewAbre la página actual como Markdown
Abrir en ChatGPTchatgptCrea una conversación en ChatGPT con la página actual como contexto
Abrir en ClaudeclaudeCrea una conversación en Claude con la página actual como contexto
Abrir en PerplexityperplexityCrea una conversación en Perplexity con la página actual como contexto
Copiar URL del servidor MCPmcpCopia la URL de tu servidor MCP en el portapapeles
Conectar con CursorcursorInstala tu servidor MCP alojado en Cursor
Conectar con VS CodevscodeInstala tu servidor MCP alojado en VS Code
El menú contextual expandido que muestra las opciones Copiar página, Ver como Markdown, Abrir en ChatGPT y Abrir en Claude.

​
Activar el menú contextual

Añade el campo contextual a tu archivo docs.json y especifica qué opciones quieres incluir. 
{
 "contextual": {
   "options": [
     "copy",
     "view",
     "chatgpt",
     "claude",
     "perplexity",
     "mcp",
     "cursor",
     "vscode"
   ]
 }
}

​
Agregar opciones personalizadas

Crea opciones personalizadas en el menú contextual agregando un objeto al arreglo options. Cada opción personalizada requiere estas propiedades:
​
title
string
required
El título de la opción.
​
description
string
required
La descripción de la opción. Se muestra debajo del título cuando se expande el menú contextual.
​
icon
string
required
El icono que se mostrará.Opciones:
  • nombre del icono de Font Awesome
  • nombre del icono de Lucide
  • Código SVG compatible con JSX envuelto entre llaves
  • URL de un icono alojado externamente
  • Ruta a un archivo de icono en tu proyecto
Para iconos SVG personalizados:
  1. Convierte tu SVG con el convertidor SVGR.
  2. Pega tu código SVG en el campo de entrada de SVG.
  3. Copia el elemento completo <svg>...</svg> del campo de salida JSX.
  4. Envuelve el código SVG compatible con JSX entre llaves: icon={<svg ...> ... </svg>}.
  5. Ajusta height y width según sea necesario.
​
iconType
string
El estilo del icono de Font Awesome. Solo se usa con iconos de Font Awesome.Opciones: regular, solid, light, thin, sharp-solid, duotone, brands.
​
href
string | object
required
El href de la opción. Usa una cadena para enlaces simples o un objeto para enlaces dinámicos con parámetros de consulta.
Ejemplo de opción personalizada: 
{
    "contextual": {
        "options": [
            "copy",
            "view",
            "chatgpt",
            "claude",
            "perplexity",
            {
                "title": "Request a feature",
                "description": "Join the discussion on GitHub to request a new feature",
                "icon": "plus",
                "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
            }
        ]
    }
}

​
Ejemplos de opciones personalizadas