Cómo funciona Ejemplos Documentacion Precios Blog WP Blocks Instalar gratis

Cómo funciona

Una aplicación DSGo vive dentro de tu sitio WordPress,
en su propia URL, o incrustada en cualquier entrada o página.

Subes el archivo HTML. El plugin lo mantiene contenido, para que no pueda tocar nada en tu sitio que no hayas aprobado. Luego elige dónde aparece: su propia URL como tu-sitio.com/apps/calculadora, dentro de un post, o como la página de inicio de tu sitio.

La versión corta

Free aloja 1 aplicación activa, sin tarjeta, sin vencimiento. Pro elimina el límite y añade CLI deploy más el generador de IA en admin.

01 · Think of it like this

WordPress, as a runtime for sandboxed apps.

Como extensiones de navegador, para tu sitio WordPress. Chrome ejecuta extensiones y Figma ejecuta plugins; con DesignSetGo Apps instalado, WordPress ejecuta tus apps de la misma manera, cada una aislada y solo capaz de ver los datos del sitio que apruebas.

02 · El flujo de bundle, instalación y runtime

De un bundle estático a una página en vivo y consciente de datos.

1 Bundle

A folder of static files.

Whatever your build emits (HTML, JS, CSS, WASM) plus dsgo-app.json. The starter is Astro + TS; React, Vue, Svelte, Solid, vanilla, anything that builds to static files.

my-app/
├─ dsgo-app.json config
├─ index.html
├─ assets/
├─ app.css
├─ main.js
├─ pages/
├─ about.html
├─ pricing.html
2 Install

Validated, extracted, approved.

The admin sees the app's requested capabilities, rendering mode, and network policy in plain English before the install completes.

Install mortgage-calculator?
v0.4 · 12 kB bundle · built with Claude
This app will be able to:
Read content your "rates" custom post type
Send messages email via WordPress mailer
Storage visitor preferences (per-user, 5 kB)
Render mode: inline · Network: sandboxed
3 Runtime

Served at /apps/{slug}

Or as a Gutenberg block, an Elementor widget, or promoted to your site's home page. The plugin handles the data requests and permission checks behind the scenes, so your app just asks for what it needs.

your-site.com/apps/mortgage
Mortgage calculator
Loan
$320,000
Rate, "rates" CPT
6.4%
Monthly
$2,002

03 · Dos formas en que una app puede aparecer

Su propia página. O una caja en tu página.

Cada app elige una de estas dos formas de aparecer. Ambas están aisladas; simplemente se renderizan de manera diferente.

DEFAULT

Inline mode

Se ejecuta en su propia página, envuelta en el encabezado y pie de página de tu tema, para que se vea como el resto de tu sitio y los motores de búsqueda puedan rastrearla.

your-site.com/apps/portal · 200 OK
← WordPress theme header
YOUR APP · INLINE
Members area
← WordPress theme footer
DROP-IN ARTIFACTS

Iframe mode

Se ejecuta completamente contenida en su propia caja en la página, el aislamiento más fuerte disponible, ideal para añadir una única herramienta como un artefacto de Claude.

your-site.com/posts/recipe · 200 OK
<iframe sandbox> isolated
Quick poll · drop-in

Detalles completos en los docs

04 · Las apps se convierten en contenido

Una URL dedicada es la opción predeterminada. Pero no es la única opción.

Una vez instalada, una app no está bloqueada en su dirección /apps/{slug}. Puedes insertarla en cualquier entrada o página como un bloque Gutenberg, pegarla en cualquier lugar con el shortcode [dsgo_app], o arrastrarla a un diseño de Elementor. Mismo paquete, mismo aislamiento, mismos permisos, sin configuración adicional.

URL dedicada

your-site.com/apps/{slug}

La opción predeterminada. Compartible, enlazable, indexada en el sitemap en modo inline. Funciona como una herramienta independiente, un portal de miembros, o una experiencia multi-página completa.

Bloque Gutenberg o shortcode

Bloque DSGo App o shortcode [dsgo_app]

Inserta desde el insertador de bloques o pega el shortcode. La app puede leer la entrada en la que está, así que una calculadora en una página de producto obtiene los datos de esa página automáticamente.

Widget de Elementor

Widget DesignSetGo App

El widget aparece en el panel de Elementor. Arrástralo a cualquier columna, sección o popup. Funciona con Elementor Free y Pro, no se requiere shortcode.

05 · Permisos

La app pregunta. Tú apruebas.

Antes de que una app pueda leer cualquier cosa en tu sitio, tiene que preguntarte. Accede a tus entradas, páginas y usuarios a través de una conexión con verificación de permisos que llamamos el puente. Ves exactamente qué quiere, en una lista que realmente puedes leer, y apruebas o rechazas antes de que la instalación termine.

Las apps gratuitas pueden leer tus entradas, páginas y el usuario actual por defecto. Escribir contenido, enviar prompts de IA y otras acciones de mayor confianza son Pro, y aun así requieren tu aprobación.

Referencia completa de permisos

06 · Funcionalidades de IA

Las apps que usan IA llaman a las credenciales de IA de tu propio sitio, las que tu administrador ya configuró en WordPress. Este plugin nunca guarda, ve, ni cobra por tus claves.

Más para desarrolladores

¿Listo para leer código?

Ve el bridge en código real.

La CLI crea un starter con el puente conectado y un CLAUDE.md documentando cada método. designsetgo apps init --astro añade Astro para apps multi-página.

zsh · ~/my-app
$ npx designsetgo apps init my-mortgage --astro
  ✓ scaffolded · 12 files · 5 kB
$ designsetgo apps deploy --site example.com
  ✓ live at example.com/apps/my-mortgage
  └ permissions: read_content, send_messages