Wie es funktioniert
Du lädst die HTML-Datei hoch. Das Plugin hält sie gekapselt, sodass sie nichts auf deiner Website berühren kann, das du nicht genehmigt hast. Dann wählst du, wo sie angezeigt wird: ihre eigene URL wie deine-website.com/apps/taschenrechner, innerhalb eines Beitrags oder als die Startseite deiner Website.
Die Kurzversion
Kostenlos hostet 1 aktive App, Keine Karte, kein Ablauf. Pro hebt die Grenze auf und fügt CLI-Bereitstellung sowie den KI-Builder im Admin hinzu.
01 · Think of it like this
Wie Browser-Erweiterungen für deine WordPress-Website. Chrome führt Erweiterungen aus und Figma führt Plugins aus; wenn DesignSetGo Apps installiert ist, führt WordPress deine Apps auf die gleiche Weise aus, jeweils sandboxed und nur in der Lage, die Website-Daten zu sehen, die du genehmigst.
02 · Der Bundle-, Installations- und Laufzeit-Ablauf
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.
The admin sees the app's requested capabilities, rendering mode, and network policy in plain English before the install completes.
inline · Network: sandboxed
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.
03 · Zwei Wege, wie eine App angezeigt werden kann
Jede App wählt eine dieser beiden Möglichkeiten. Beide sind sandboxed; sie werden nur unterschiedlich dargestellt.
Wird auf ihrer eigenen Seite ausgeführt, eingewickelt in die Kopf- und Fußzeile deines Designs, sodass es wie der Rest deiner Website aussieht und Suchmaschinen es crawlen können.
Wird vollständig in einer eigenen Box auf der Seite ausgeführt, die stärkste verfügbare Isolierung, ideal zum Einfügen eines einzelnen Tools wie eines Claude-Artefakts.
04 · Apps werden zu Inhalten
Nach der Installation ist eine App nicht an ihre Adresse /apps/{slug} gebunden. Du kannst sie als Gutenberg-Block in jeden Beitrag oder jede Seite einfügen, sie mit dem Shortcode [dsgo_app] überall einfügen oder in ein Elementor-Layout ziehen. Dasselbe Bundle, dieselbe Sandbox, dieselben Berechtigungen, keine zusätzliche Konfiguration.
Dedizierte URL
your-site.com/apps/{slug}
Die Standardeinstellung. Teilbar, verlinkbar, im Inline-Modus sitemap-indiziert. Funktioniert als eigenständiges Tool, als Mitgliederportal oder als vollständiges mehrseitiges Erlebnis.
Gutenberg-Block oder Shortcode
DSGo App-Block oder [dsgo_app]-Shortcode
Füge es aus dem Block-Inserter ein oder füge den Shortcode ein. Die App kann den Beitrag lesen, in dem sie sich befindet, sodass ein Rechner auf einer Produktseite die Daten dieser Seite automatisch abruft.
Elementor-Widget
DesignSetGo App-Widget
Das Widget wird im Elementor-Panel angezeigt. Ziehe es in eine Spalte, einen Abschnitt oder ein Popup. Funktioniert mit Elementor Free und Pro, kein Shortcode erforderlich.
05 · Berechtigungen
Bevor eine App etwas auf deiner Website lesen kann, muss sie fragen. Sie erreicht deine Beiträge, Seiten und Benutzer über eine berechtigungskontrollierte Verbindung, die wir Bridge nennen. Du siehst genau, was sie möchte, in einer Liste, die du tatsächlich lesen kannst, und du genehmigst oder lehnst ab, bevor die Installation abgeschlossen ist.
Kostenlose Apps können standardmäßig deine Beiträge, Seiten und den aktuellen Benutzer lesen. Inhalte schreiben, KI-Anfragen senden und andere vertrauensvollere Aktionen sind Pro und erfordern trotzdem deine Genehmigung.
06 · KI-Funktionen
Apps, die KI verwenden, nutzen deine eigenen KI-Anmeldedaten, diejenigen, die dein Admin bereits in WordPress eingerichtet hat. Dieses Plugin speichert, sieht oder berechnet deine Schlüssel nie.
Bereit, Code zu lesen?
Die CLI erstellt einen Starter mit einer angeschlossenen Bridge und einer CLAUDE.md, die jede Methode dokumentiert. designsetgo apps init --astro fügt Astro für mehrseitige Apps hinzu.
$ 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