Comment ça fonctionne Exemples Documentation Tarifs Blog WP Blocks Installer gratuitement

Comment ça marche

Une application DSGo vit à l'intérieur de votre site WordPress,
à sa propre URL, ou intégrée dans n'importe quel article ou page.

Vous téléchargez le fichier HTML. Le plugin le maintient confiné, donc il ne peut rien toucher sur votre site que vous n'ayez approuvé. Ensuite, vous choisissez où il s'affiche : sa propre URL comme votre-site.com/apps/calculator, à l'intérieur d'un article ou comme page d'accueil de votre site.

La version courte

La version gratuite héberge 1 application active, pas de carte, pas d'expiration. Pro lève le plafond et ajoute le déploiement CLI plus le générateur d'IA dans l'admin.

01 · Think of it like this

WordPress, as a runtime for sandboxed apps.

Comme les extensions de navigateur, pour votre site WordPress. Chrome exécute les extensions et Figma exécute les plugins ; avec DesignSetGo Apps installé, WordPress exécute vos applications de la même manière, chacune dans un bac à sable et capable de voir uniquement les données du site que vous approuvez.

02 · Paquet, installation, environnement d'exécution

D'un paquet statique à une page dynamique et consciente des données.

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 · Deux façons dont une application peut s'afficher

Sa propre page. Ou une boîte sur votre page.

Chaque application choisit l'une de ces deux façons d'apparaître. Les deux sont dans un bac à sable ; elles s'affichent simplement différemment.

DEFAULT

Inline mode

S'exécute sur sa propre page, enveloppée par l'en-tête et le pied de page de votre thème, afin qu'elle ressemble au reste de votre site et que les moteurs de recherche puissent l'explorer.

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

Iframe mode

S'exécute complètement contenue dans sa propre boîte sur la page, l'isolation la plus forte disponible, idéale pour intégrer un seul outil comme un artefact Claude.

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

Détails complets dans la documentation

04 · Les applications deviennent du contenu

Une URL dédiée est la valeur par défaut. Mais ce n'est pas la seule option.

Une fois installée, une application n'est pas enfermée à son adresse /apps/{slug}. Vous pouvez la placer dans n'importe quel article ou page en tant que bloc Gutenberg, la coller n'importe où avec le raccourci [dsgo_app], ou la faire glisser dans une mise en page Elementor. Même bundle, même bac à sable, mêmes permissions, aucune configuration supplémentaire.

URL dédiée

your-site.com/apps/{slug}

La valeur par défaut. Partageable, cliquable, indexée dans le plan du site en mode inline. Fonctionne comme un outil autonome, un portail membre ou une expérience multi-page complète.

Bloc Gutenberg ou raccourci

Bloc DSGo App ou raccourci [dsgo_app]

Insérez à partir de l'inserteur de bloc ou collez le raccourci. L'application peut lire l'article dans lequel elle se trouve, donc une calculatrice sur une page produit récupère automatiquement les données de cette page.

Widget Elementor

Widget DesignSetGo App

Le widget s'affiche dans le panneau Elementor. Faites-le glisser dans n'importe quelle colonne, section ou popup. Fonctionne avec Elementor Free et Pro, aucun raccourci requis.

05 · Permissions

L'application demande. Vous approuvez.

Avant qu'une application puisse lire quoi que ce soit sur votre site, elle doit demander. Elle accède à vos articles, pages et utilisateurs via une connexion protégée par permissions que nous appelons le bridge. Vous voyez exactement ce qu'elle veut, dans une liste que vous pouvez réellement lire, et vous approuvez ou refusez avant que l'installation ne se termine.

Les applications gratuites peuvent lire vos articles, pages et l'utilisateur actuel par défaut. L'écriture de contenu, l'envoi d'invites d'IA et d'autres actions de plus grande confiance sont Pro et nécessitent toujours votre approbation.

Référence complète des permissions

06 · Fonctionnalités d'IA

Les applications qui utilisent l'IA font appel à vos propres identifiants d'IA du site, ceux que votre administrateur a déjà configurés dans WordPress. Ce plugin ne détient jamais, ne voit jamais et ne facture jamais vos clés.

Plus pour les développeurs

Prêt à lire du code ?

Voir le pont dans du vrai code.

Le CLI génère un point de départ avec le bridge configuré et un CLAUDE.md documentant chaque méthode. designsetgo apps init --astro ajoute Astro pour les applications multi-page.

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