MCP (Model Context Protocol) permite que un asistente de IA como Claude, ChatGPT o Grok trabaje directamente dentro de tu cuenta de ShowPage. Conéctalo una vez, describe con tus palabras lo que quieres y el asistente lo construye: bloques, textos en todos los idiomas, fotos y colores. Tú revisas el resultado y lo publicas.
Qué puede construir la IA
- Una página de enlaces: enlaces, iconos sociales, galería, mapa, evento, newsletter y tarjetas personalizadas, en una columna pensada para móvil.
- Un sitio web completo: cabecera, hero, características, precios, preguntas frecuentes, contacto y pie de página, a todo el ancho y adaptable. Cada sección se convierte en un bloque editable.
Cada texto, imagen y enlace que escribe la IA sigue siendo editable en el editor, en todos los idiomas de tu cuenta.
Conecta tu IA
- En tu asistente de IA, añade un conector personalizado (servidor MCP) con esta dirección:
https://accounts.showpage.app/mcp
- Inicia sesión con tu cuenta de ShowPage cuando te lo pida (OAuth).
- Copia tu clave API desde Ajustes → Api Key. El asistente la pide junto con el id de la cuenta antes de tocar un diseño.
Cualquiera con tu clave puede editar tus diseños. Pégala solo en tu propio asistente de IA, nunca en chats públicos ni archivos compartidos.
Cómo usarlo
- Pide al asistente que liste tus cuentas y elige con la que trabajar.
- Describe lo que quieres. Para una página de enlaces: «Crea una página para mi estudio de yoga con un hero, el horario de clases, un mapa y un botón de reserva. Usa mi logo, en inglés y español.» Para un sitio web: «Diseña un sitio web de una página para mi despacho de abogados con servicios, precios, preguntas frecuentes y contacto.»
- El asistente construye el diseño y te da dos enlaces: una vista previa para verlo y un enlace al editor para afinarlo.
- Pide cambios las veces que quieras: «Haz el título más corto», «Mueve el mapa sobre la galería», «Usa un tema oscuro».
- Cuando estés conforme, abre el editor y publica.
| Herramienta | Qué hace |
|---|---|
| list-accounts | Muestra las cuentas con las que puedes trabajar. |
| get-guide | Enseña a la IA cómo funcionan los diseños de ShowPage: bloques, idiomas, reglas. |
| list-designs / get-design | Lista tus diseños y lee uno, para que la IA vea lo que ya existe. |
| create-design / edit-design | Crea un diseño, o añade, cambia, mueve, oculta y elimina bloques, tema, fuente y radio de esquinas. |
| import-html | Convierte una página web completa diseñada por la IA en un sitio web, con un bloque editable por sección. |
| upload-image | Añade tus propias fotos o logo a tu biblioteca, desde una URL. |
| generate-image | Crea una foto cuando no tienes ninguna. Cuenta en tu cuota mensual de imágenes IA. |
La IA no puede publicar ni eliminar diseños. Todos los cambios se guardan sin publicar y tu página en vivo solo cambia cuando publicas desde el editor.
Consejos para mejores resultados
- Dale a la IA los datos reales: dirección, teléfono, horarios, enlaces y precios. Tiene instrucciones de no inventarlos y deja un marcador evidente cuando falta algo.
- Comparte tus propias fotos o el enlace a tu web o redes sociales. Las fotos reales se ven mejor que las generadas.
- En una página existente, pide una cosa a la vez. La IA solo cambia lo que le pides.
- Cuando termine un sitio web, pídele que traduzca cada sección a tus otros idiomas.
- Los colores, fuentes y estilos de botones siempre se pueden afinar en el editor.