Saltar al contenido principal
El menú contextual ofrece acceso rápido a contenido optimizado con IA e integraciones directas con herramientas de IA populares. Cuando los usuarios seleccionan el menú contextual en cualquier página, pueden copiar contenido como contexto para herramientas de IA o abrir conversaciones en ChatGPT, Claude, Perplexity, Google AI Studio, Grok, Devin, Windsurf o una herramienta personalizada de su elección, con su documentación ya cargada como contexto. El menú contextual incluye varias opciones preconfiguradas que puedes habilitar agregando 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
Preguntar a assistantassistantAbre el assistant con la página actual como contexto
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
Abrir en GrokgrokCrea una conversación en Grok con la página actual como contexto
Abrir en Google AI StudioaistudioCrea una conversación en Google AI Studio con la página actual como contexto
Abrir en DevindevinCrea una sesión de Devin con la página actual como contexto
Abrir en WindsurfwindsurfAbre Windsurf Cascade con la página actual como contexto
Copiar URL del servidor MCPmcpCopia la URL de tu servidor MCP al portapapeles
Copiar comando de instalación del servidor MCPadd-mcpCopia el comando npx add-mcp para instalar el servidor MCP
Conectar con CursorcursorInstala tu servidor MCP alojado en Cursor
Conectar con VS CodevscodeInstala tu servidor MCP alojado en VS Code
Conectar con Devindevin-mcpInstala tu servidor MCP alojado en Devin
Opciones personalizadasObjectAgrega opciones personalizadas al menú contextual
El menú contextual expandido que muestra los elementos del menú 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",
     "assistant",
     "chatgpt",
     "claude",
     "perplexity",
      "grok",
       "aistudio",
       "devin",
       "windsurf",
       "mcp",
     "cursor",
     "vscode",
     "devin-mcp"
   ]
 }
}

Ubicación de visualización

De forma predeterminada, el menú contextual aparece en el encabezado de la página. Puedes configurarlo para que se muestre en la barra lateral de la tabla de contenidos mediante la opción display.
{
  "contextual": {
    "options": ["copy", "view", "chatgpt", "claude"],
    "display": "toc"
  }
}
ValorDescripción
headerMuestra las opciones en el menú contextual de la parte superior de la página (predeterminado)
tocMuestra las opciones en la barra lateral de la tabla de contenidos

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
requerido
El título de la opción.
description
string
requerido
La descripción de la opción. Se muestra debajo del título cuando el menú contextual se expande.
icon
string
requerido
El icono que se mostrará.Options:
  • Font Awesome icon name, if you have the icons.library property set to fontawesome in your docs.json
  • Lucide icon name, if you have the icons.library property set to lucide in your docs.json
  • Nombre del icono Tabler, si tienes la icons.library propiedad configurada como tabler en tu docs.json
  • URL to an externally hosted icon
  • Path to an icon file in your project
iconType
string
The Font Awesome icon style. Only used with Font Awesome icons.Options: regular, solid, light, thin, sharp-solid, duotone, brands.
href
string | object
requerido
El href de la opción. Usa una cadena para enlaces simples o un objeto para enlaces dinámicos con parámetros de búsqueda.
Ejemplo de opción personalizada:
{
    "contextual": {
        "options": [
            "copy",
            "view",
            "chatgpt",
            "claude",
            "perplexity",
            {
                "title": "Solicitar una funcionalidad",
                "description": "Únete a la discusión en GitHub para solicitar una nueva funcionalidad",
                "icon": "plus",
                "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
            }
        ]
    }
}

Ejemplos de opciones personalizadas

{
  "title": "Solicitar una función",
  "description": "Únete a la conversación en GitHub",
  "icon": "plus",
  "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
}
{
  "title": "Compartir en X",
  "description": "Comparte esta página en X",
  "icon": "x",
  "href": {
    "base": "https://x.com/intent/tweet",
    "query": [
      {
      "key": "text",
      "value": "Consulta esta documentación: $page"
      }
    ]
  }
}