Astro · Schnittstellen & Systemanbindung

Astro Integrationen: Kann das mit unseren Systemen sprechen?

Astro Integrationen für den B2B-Alltag: Anfragen ins CRM, Zahlen ins Analytics, Preise aus dem ERP, Newsletter zum E-Mail-Anbieter. Diese Seite zeigt, wie solche Anbindungen technisch aussehen – und was daran Datenschutzentscheidung ist.

Integrationen sind Pakete

Astro-Integrationen werden als Pakete installiert und in der Konfiguration aktiviert. Astro ist dabei UI-Framework-agnostisch – offizielle Integrationen gibt es für React, Preact, Svelte, Vue, SolidJS und Alpine.js.

Serverseitig vor clientseitig

Wo ein Dienst eine Server-Schnittstelle anbietet, nutzen wir sie – statt ein Skript in den Browser Ihrer Besucher zu legen. Was trotzdem in den Browser muss, wird eine Insel mit eigener Ladepriorität.

Jedes Werkzeug wird begründet

Vor dem Einbau steht die Frage, welche Entscheidung ein Werkzeug tatsächlich verbessert. Was diese Frage nicht besteht, kommt nicht auf die Seite – das ist die wirksamste Performance- und Datenschutzmaßnahme, die es gibt.

00 — Eigene Apps

Sehen Sie selbst, was wir bauen.

Echte Screenshots statt Versprechen: Mini Marvin ist unsere eigene Progressive Web App – von uns konzipiert, entwickelt und live im Browser betrieben. Mit derselben Sorgfalt setzen wir Ihr Web-Projekt um.

Mini Marvin · PWA

Babynamen swipen statt scrollen

Mini Marvin ist unsere Progressive Web App zur Namenssuche: durch über 10.000 Vornamen swipen – direkt im Browser, ohne App-Store.

Mini Marvin App – Babynamen swipen statt scrollen Mini Marvin App – Als Paar gemeinsam entscheiden Mini Marvin App – Filtern nach Herkunft & Beliebtheit

Projekt im Kopf?

Beschreiben Sie es in drei Sätzen – Sie bekommen eine ehrliche Ersteinschätzung, in der Regel innerhalb von 24 Stunden.

01 — Kurz gesagt

Astro Integrationen: das Wichtigste vorab.

Auf einen Blick

Ja, Astro spricht mit Ihren Systemen.

  • Formulare
  • CRM
  • Marketing Automation
  • Analytics
  • Consent
  • Suche
  • Newsletter
  • Buchung
  • Zahlung
  • ERP- und Produktdaten sowie Webhooks für automatische Rebuilds sind Standardanforderungen
  • Keine Sonderfälle

Zwei technische Wege.

  • Entweder Daten kommen beim Build in die Seite (statisch, schnell, sicher) oder eine Route rendert on demand beziehungsweise ein Endpunkt nimmt Daten entgegen.
  • Der zweite Weg braucht einen Adapter für die Ziel-Laufzeit.

Drittanbieter-Skripte sind der Flaschenhals.

  • Eine ansonsten schnelle Seite scheitert selten an ihrem eigenen Code.
  • Wo ein Widget unvermeidbar ist, kapseln wir es als Insel und laden es mit client:visible erst, wenn es in den Sichtbereich kommt.

Consent ist kein Nachgedanke.

  • Jedes eingebettete Werkzeug ist eine Verarbeitungsentscheidung.
  • Wir bauen die Einwilligung als technische Bedingung ein, nicht als Banner, das über bereits geladenen Skripten liegt – ausführlich unter DSGVO-konforme Website.

Pflege per Chat gehört dazu.

  • Der KI-Stack, den wir obendrauf setzen, ist selbst eine Integration in Ihr Inhaltsmodell: Änderungen kommen als Nachricht, werden gegen das Schema validiert und landen als nachvollziehbarer Commit.
  • Details: Website per Chat pflegen.

Wann es keine Integration mehr ist.

  • Sobald hinter dem Login echte Geschäftslogik steckt – Rollen, Workflows, Berechnungen, Zustände –, ist das Individualsoftware und keine Website-Erweiterung.
  • Das sagen wir vor dem Angebot, nicht danach.

Lieber direkt sprechen?

Ein kurzes Gespräch klärt Umfang, Aufwand und ob wir zueinander passen.

02 — Typische Situationen

Woran Integrationen in der Praxis scheitern.

Fünf Situationen, die uns in Erstgesprächen regelmäßig begegnen. Wenn Sie sich in einer davon wiedererkennen, ist das kein technisches Problem, sondern ein Entscheidungsproblem.

Das Formular-Loch

Die Anfrage kommt per E-Mail an eine Sammeladresse, jemand kopiert sie von Hand ins CRM. Zwei Wochen später weiß niemand, ob nachgefasst wurde. Die Website hat funktioniert – der Prozess dahinter nie.

Das Skript-Karussell

Analytics, Heatmap, Chat-Widget, zwei Werbe-Pixel, ein Formular-Embed. Jedes einzeln eingeführt, keines je entfernt. Die Seite lädt gefühlt langsamer als vor dem Relaunch, und niemand traut sich, etwas abzuschalten.

Der Consent-Nachbau

Das Banner ist da, aber die Skripte laden trotzdem beim ersten Aufruf. Die Einwilligung ist eine Oberfläche geworden statt einer Bedingung. Auffällig wird das erst, wenn jemand mit den Entwicklertools nachsieht.

Die Preisliste von gestern

Preise, Verfügbarkeiten und technische Daten liegen im ERP und wandern per Excel auf die Website. Jede Änderung ist ein Ticket, jedes Ticket eine Woche. Die Website zeigt Stände, die intern längst überholt sind.

Der Redaktionsstau nach dem CMS-Update

Das Headless CMS ist angebunden, die Redaktion pflegt fleißig – aber die Änderung erscheint erst, wenn zufällig jemand einen neuen Build anstößt. Was fehlt, ist der Webhook, der das automatisch tut.

Unsicher beim Stack?

Wir sagen es auch, wenn ein anderes Werkzeug besser zu Ihrem Projekt passt.

03 — Integrationsfelder

Was eine Astro-Website in der Praxis anbindet.

Zehn Felder, die in fast jedem Projekt auftauchen. Für jedes gilt dieselbe Reihenfolge: Was soll damit erreicht werden, wo entsteht der Datensatz, wohin fließt er – und erst dann, mit welchem Werkzeug.

Formulare und ihre Zustellung

Das Formular ist der einfache Teil. Die Frage ist, was danach passiert: Zustellung an ein Postfach, Anlage eines Datensatzes im CRM, Bestätigungsmail an den Absender, Spam-Schutz, Doppel-Opt-in wo nötig, Protokollierung für den Fall einer Rückfrage. Wir bauen den Endpunkt serverseitig, damit Ihre Zugangsdaten für Zielsysteme nie im Browser landen. Das braucht eine Route mit On-Demand-Rendering und damit einen Adapter – der einzige Grund, warum viele Astro-Projekte überhaupt einen Server benötigen.

CRM & Marketing Automation

Anfragen sollen dort ankommen, wo Ihr Vertrieb ohnehin arbeitet – Salesforce, HubSpot, Pipedrive, Microsoft Dynamics 365 Business Central oder ein eigenes System. Wir schreiben über die API des Zielsystems, bilden Ihre Felder sauber ab (Quelle, Kampagne, Einwilligungstext, Zeitstempel) und definieren, was passiert, wenn das Zielsystem gerade nicht antwortet. Ein Lead darf nicht verloren gehen, nur weil eine Schnittstelle kurz stumm ist.

Systemanbindung & ERP

Analytics & Consent Management

Zwei Themen, die in Deutschland zusammengehören. Wir klären zuerst, welche Frage die Zahlen beantworten sollen – danach entscheidet sich, ob ein serverseitiges oder cookieärmeres Verfahren reicht oder ob es die vollständige Marketing-Suite sein muss. Die Consent-Lösung wird technische Bedingung: Was Einwilligung braucht, existiert vorher nicht im Seitenquelltext. Die rechtliche Bewertung bleibt bei Ihrer Datenschutzberatung, die technische Umsetzung bei uns.

DSGVO-konforme Website

Suche

Zwei Wege, und die Entscheidung fällt an der Datenmenge. Ein beim Build erzeugter statischer Suchindex läuft ohne Server, ohne laufende Kosten und ohne dass Suchanfragen Ihr Haus verlassen – ideal für Websites bis in den mittleren vierstelligen Seitenbereich. Ein gehosteter Suchdienst lohnt sich, wenn Facetten, Synonyme, Tippfehlertoleranz oder mehrsprachige Relevanz gefragt sind. Beide Varianten kapseln wir als Insel, die erst bei Interaktion lädt.

Newsletter & E-Mail

Anmeldeformular, Double-Opt-in, Listenzuordnung, Abmeldelink und die Frage, welche Daten Sie überhaupt übergeben wollen. Wir binden gängige E-Mail-Dienste über deren API an, statt deren Einbettungs-Skript zu verwenden – das hält Ihr Formular in Ihrem Design, in Ihrem Ladeverhalten und unter Ihrer Kontrolle. Transaktionsmails (Bestätigungen, Benachrichtigungen) laufen über einen eigenen Versanddienst mit sauberer Absender-Authentifizierung.

Buchung & Terminvergabe

Beratungstermine, Werkstatttermine, Sprechstunden. Fast jeder Anbieter liefert ein fertiges Widget – und fast jedes davon bringt spürbar eigenes JavaScript mit. Unser Standard: Das Widget bekommt eine eigene Seite oder eine Insel, die erst beim Scrollen oder auf Klick lädt. Wo der Anbieter eine API hat, bauen wir das Frontend selbst und behalten Gestaltung und Ladezeit. Wo nicht, sagen wir Ihnen offen, was das Widget kostet – in Millisekunden.

Zahlung & Shop

Für einzelne Produkte, Tickets, Seminarplätze oder Downloads reicht oft eine Zahlungsanbindung mit gehosteter Bezahlseite: kein Kartendatenverkehr auf Ihrem Server, überschaubarer Aufwand. Sobald Warenkorb, Versandregeln, Steuerlogik, Retouren und Bestandsführung dazukommen, ist das ein Shopsystem und keine Integration mehr – dann ist ein Headless-Shop hinter der Astro-Website der ehrlichere Weg.

Astro E-Commerce

Login & geschützte Bereiche

Ein Downloadbereich für Händler, ein Preislistenzugang, ein Kundenportal mit wenigen Seiten: Das lässt sich mit On-Demand-Rendering und einem Authentifizierungsdienst sauber lösen. Wir setzen die Grenze bewusst früh – sobald hinter dem Login Rollenmodelle, Workflows, Berechnungen oder Bearbeitungsmasken liegen, ist es eine Anwendung. Diese Grenze besprechen wir im Erstgespräch, nicht im dritten Projektmonat.

Individuelle Softwareentwicklung

ERP, PIM & Produktdaten

Hier sitzt unsere eigentliche Nachbarschaft: ERP-Einführungen und Systemintegration sind bei uns eine bestehende Leistung, nicht ein Nebenprodukt der Website. Produktdaten, Preise, Verfügbarkeiten oder Standortlisten holen wir zur Buildzeit oder über einen zwischengeschalteten Cache – inklusive Feld-Mapping, Bildübernahme und einer klaren Antwort auf die Frage, was die Website anzeigt, wenn die Quelle nicht erreichbar ist.

IT-Projektleitung & ERP

Webhooks & automatische Rebuilds

Der unscheinbarste und meistvergessene Baustein. Ändert sich etwas im Headless CMS, im PIM oder im ERP, ruft dessen Webhook einen Build-Hook auf – und die Seite ist wenige Minuten später aktuell, ohne dass jemand etwas anstößt. Dazu gehören Zielgenauigkeit (nicht bei jedem Tippfehler die ganze Seite neu bauen), Drosselung und eine Benachrichtigung, wenn ein Build fehlschlägt.

Headless CMS anbinden

Projekt im Kopf?

Beschreiben Sie es in drei Sätzen – Sie bekommen eine ehrliche Ersteinschätzung, in der Regel innerhalb von 24 Stunden.

04 — Technische Form

Wie eine Integration in Astro technisch aussieht.

Drei Bauformen decken praktisch alles ab. Welche wir wählen, entscheidet nicht der Geschmack, sondern die Frage, wann die Daten gebraucht werden und wer sie sehen darf.

1. Zur Buildzeit: Daten kommen in die Seite hinein

Astro rendert standardmäßig die gesamte Website vorab und liefert statisches HTML aus. Alles, was sich nicht pro Besucher unterscheidet, kann deshalb schon beim Build geholt werden: Produktlisten, Standorte, Stellenanzeigen, Referenzen, CMS-Inhalte. Das Ergebnis ist eine Seite ohne Laufzeitabhängigkeit – fällt die Quelle später aus, bleibt die Website online. Für strukturierte Inhalte nutzen wir Content Collections: ein Schema pro Inhaltstyp, validiert mit Zod, mit automatisch abgeleiteten TypeScript-Typen. Kommt ein Feld fehlerhaft aus dem Fremdsystem, bricht der Build – nicht die Live-Seite. Genau das ist der Grund, warum wir Datenübernahmen so gern hier verankern.

2. On demand: eine Route rechnet pro Aufruf

Manches muss aktuell sein oder Daten entgegennehmen: die Formularannahme, ein Preis, der sich stündlich ändert, ein Bereich hinter einem Login, eine Weiterleitung mit Parametern. Dafür wird eine einzelne Route auf On-Demand-Rendering gestellt, und das Projekt bekommt einen Adapter für die Ziel-Laufzeit – offiziell gepflegt sind unter anderem Node, Vercel und Cloudflare. Wichtig für die Kalkulation: Das ist eine Entscheidung pro Route, nicht für die ganze Website. Der Rest bleibt statisch. Was das für Hosting und Betriebskosten bedeutet, steht unter Astro Hosting.

3. Als Insel: was wirklich in den Browser muss

Ein Kartenausschnitt, ein Konfigurator, ein Buchungskalender, ein Chat: Das sind Komponenten, die Interaktivität im Browser brauchen. Astro entfernt clientseitiges JavaScript standardmäßig aus Komponenten; Interaktivität wird pro Komponente über eine client:*-Direktive angefordert – sofort mit client:load, im Browser-Leerlauf mit client:idle oder erst beim Sichtbarwerden mit client:visible. Astro ist dabei UI-Framework-agnostisch: Für React, Preact, Svelte, Vue, SolidJS und Alpine.js existieren offizielle Integrationen, und mehrere davon lassen sich auf einer Seite kombinieren, solange sie in einer .astro-Datei zusammenkommen. Praktischer Nutzen: Wenn ein Fremdanbieter-Widget viel JavaScript mitbringt, bleibt dieser Preis auf die Komponente beschränkt, die es braucht – und wird erst fällig, wenn jemand tatsächlich dorthin scrollt. Server Islands sind der vierte Weg für den Sonderfall, dass ein kleiner personalisierter Teil serverseitig nachgerendert werden soll, während die Hülle der Seite gecacht bleibt.

Und die Reihenfolge, in der wir entscheiden

Zuerst prüfen wir, ob es überhaupt ein Fremdsystem braucht. Dann, ob es eine Server-Schnittstelle gibt – die ist fast immer die bessere Wahl, weil sie weder Ladezeit noch Daten in den Browser Ihrer Besucher verlagert. Erst danach reden wir über ein eingebettetes Skript, und wenn es dazu kommt, bekommt es die späteste Ladepriorität, die noch funktioniert. Diese Reihenfolge ist kein Dogma, sondern der Grund, warum Seiten nach dem Launch schnell bleiben.

Integrationen sind Pakete

Eine Astro-Integration wird als Paket installiert und in der Astro-Konfiguration aktiviert. Dadurch ist im Repository jederzeit ablesbar, was die Seite tatsächlich einbindet – eine Inventarliste, die sich nicht heimlich ändert.

Der Adapter ist die Weiche

Ohne On-Demand-Route braucht ein Astro-Projekt keinen Server. Sobald Formularannahme, Login oder Live-Daten dazukommen, ist der Adapter gesetzt – und damit auch eine Hosting-Entscheidung.

Wo Astro nur die Hülle ist

Bei ERP-, PIM- und Shop-Anbindungen liegt die eigentliche Arbeit selten im Frontend, sondern im Datenmodell des Quellsystems. Diese Arbeit machen wir seit Jahren in IT-Projekten – die Website ist dann der einfachere Teil.

Lieber direkt sprechen?

Ein kurzes Gespräch klärt Umfang, Aufwand und ob wir zueinander passen.

05 — Performance & Datenschutz

Jedes eingebettete Werkzeug kostet zweimal.

Einmal in Ladezeit, einmal in Verantwortung. Beides fällt an, sobald ein Fremdskript im Browser Ihrer Besucher ausgeführt wird – und beides lässt sich vor dem Einbau entscheiden, nicht hinterher wegoptimieren.

  • Der eigene Code ist selten das Problem – Eine sauber gebaute Astro-Seite liefert statisches HTML aus. Wenn eine solche Seite trotzdem bei den Core Web Vitals durchfällt, liegt es fast immer an dem, was Dritte nachladen: Tag-Manager, die weitere Skripte nachziehen, Widgets mit eigenem Framework, Schriftarten von fremden Servern, Videoeinbettungen, die vor dem ersten Klick schon Megabyte holen.
  • Wir fragen nach der Entscheidung, nicht nach dem Tool – Vor jedem Einbau steht eine Frage: Welche Entscheidung treffen Sie mit diesen Daten anders? Für ein Werkzeug, dessen Auswertung nie jemand öffnet, gibt es keine Rechtfertigung – weder eine technische noch eine datenschutzrechtliche. Erfahrungsgemäß fällt in dieser Runde ein spürbarer Teil der geplanten Einbindungen weg, und niemand vermisst sie.
  • Serverseitig schlägt clientseitig – Wo ein Dienst eine Server-Schnittstelle anbietet, nutzen wir sie. Der Browser Ihrer Besucher lädt dann nichts zusätzlich, die Zugangsdaten bleiben auf dem Server, und Sie behalten die Kontrolle über das, was das Zielsystem tatsächlich zu sehen bekommt. Das gilt für Formularzustellung, CRM-Anlage, Newsletter-Anmeldung und einen wachsenden Teil der Analytics-Welt.
  • Was bleibt, lädt so spät wie möglich – Unvermeidbare Widgets werden Inseln. Ein Buchungskalender im Seitenfuß muss nicht existieren, während jemand oben die Leistungsbeschreibung liest – client:visible verschiebt seine Kosten auf den Moment, in dem er gebraucht wird. Bei Karten und Videos setzen wir zusätzlich auf eine Vorschau, die erst auf Klick die eigentliche Einbettung nachlädt.
  • Einwilligung als Bedingung, nicht als Vorhang – Ein Consent-Banner, unter dem die Skripte längst laufen, ist keine Einwilligung, sondern eine Oberfläche. Wir verdrahten die Consent-Entscheidung so, dass ein einwilligungspflichtiges Werkzeug vorher schlicht nicht geladen wird. Wie das mit Hosting, Auftragsverarbeitung und Dokumentation zusammenspielt, steht auf der Seite DSGVO-konforme Website.
  • Ein Budget, das schriftlich existiert – Wir legen zum Launch fest, wie viel Fremd-JavaScript die Seite tragen darf, und messen dagegen. Neue Werkzeuge kommen danach nicht einfach dazu – sie müssen begründet werden oder ein bestehendes ersetzen. Wo eine bestehende Seite dieses Budget längst gesprengt hat, ist der Einstieg eine Performance-Optimierung.

Wir messen im eigenen Projekt

Wir arbeiten nicht mit fremden Benchmark-Zahlen. Maßgeblich sind die Feldwerte Ihrer echten Nutzerbasis vor und nach einer Änderung – dieselbe Seite, dasselbe Publikum, derselbe Messpunkt.

Keine Rechtsberatung

Wir bauen die technische Umsetzung: was wann lädt, wohin Daten fließen, was dokumentiert wird. Die rechtliche Bewertung Ihrer Verarbeitungen bleibt bei Ihrer Datenschutzberatung. Wir liefern ihr die Grundlage, auf der sie arbeiten kann.

Inventar zum Mitnehmen

Am Ende eines Integrationsprojekts steht eine Liste: welches Werkzeug, welcher Zweck, welche Daten, wo verarbeitet, einwilligungspflichtig ja oder nein. Dieses Dokument gehört Ihnen – auch dann, wenn Sie später ohne uns weiterarbeiten.

Sie wissen, welche Systeme mitspielen müssen?

Schicken Sie uns die Liste – CRM, Analytics, Buchung, ERP, was auch immer im Haus läuft. Sie bekommen eine Einschätzung, was davon eine saubere Schnittstelle hat, was ein Widget bleibt und wo wir Ihnen von einer Anbindung abraten würden.

06 — Vorgehen

So gehen wir Integrationen an.

Derselbe Ablauf wie in jedem Astro-Projekt bei uns, hier auf Schnittstellen zugespitzt. Nach Schritt zwei wissen Sie, was Sie erwartet – auch beim Aufwand.

Ersteinschätzung

Sie beschreiben, welche Systeme im Haus laufen und was die Website mit ihnen tun soll. Wir sagen, was davon eine dokumentierte Schnittstelle hat, was nur als Einbettung existiert und wo die Anforderung in Wahrheit ein Softwareprojekt ist. Diese Einschätzung kostet nichts und ist nicht daran gebunden, dass wir den Auftrag bekommen.

Inventar & Datenflüsse

Wir listen jedes Werkzeug mit Zweck, Datenfeldern, Verarbeitungsort und Einwilligungspflicht auf – auch die, die auf der bestehenden Seite schon laufen. Regelmäßig ist dieses Inventar das erste vollständige Bild, das ein Kunde von seiner eigenen Website hat. Parallel klären wir, welche Daten zur Buildzeit reichen und welche on demand gebraucht werden.

Entscheidung pro Werkzeug

Für jedes Werkzeug einzeln: behalten, ersetzen, serverseitig lösen oder streichen. Hier fällt auch die Adapter- und damit die Hosting-Entscheidung. Sie bekommen das Ergebnis als Tabelle mit Begründung, nicht als Empfehlung ohne Herleitung.

Umsetzung

Endpunkte, Feld-Mapping, Fehlerbehandlung, Wiederholungslogik bei fehlgeschlagener Übergabe, Consent-Verdrahtung, Ladeprioritäten der verbleibenden Inseln. Jede Anbindung bekommt einen Testfall, damit ein späteres Update der Gegenstelle nicht still ausfällt.

Messung & Freigabe

Wir prüfen im Staging, ob vor der Einwilligung tatsächlich nichts lädt, ob jeder Formularpfad im Zielsystem ankommt und wie sich das Ladeverhalten gegenüber vorher verändert hat. Erst danach geht es live – mit Monitoring für die ersten Wochen.

Übergabe oder Betreuung

Sie bekommen das Inventar, die Zugangsübersicht und die Dokumentation der Endpunkte. Danach entscheiden Sie: selbst weiterbetreiben, uns punktuell dazuholen oder die laufende Betreuung abgeben. Schnittstellen altern – sie brauchen jemanden, der Änderungsmeldungen der Anbieter liest.

Unsicher beim Stack?

Wir sagen es auch, wenn ein anderes Werkzeug besser zu Ihrem Projekt passt.

07 — KI-Stack

Die Integration, die Ihre Redaktion am meisten merkt.

Wir bauen nicht nur mit Astro, sondern setzen einen modernen KI-Stack obendrauf. Der ist technisch nichts anderes als eine weitere Integration – nur eine, die nicht mit einem Fremdsystem spricht, sondern mit Ihrem eigenen Inhaltsmodell.

Konkret heißt das: Ihre Website lässt sich im Chat bearbeiten, zum Beispiel über einen Telegram-Bot. Text ändern, einen Blogbeitrag anlegen, ein Bild tauschen, einen Preis korrigieren – als Nachricht, nicht als CMS-Sitzung. Für Menschen, die nie ein Redaktionssystem öffnen werden, ist das der Unterschied zwischen einer gepflegten und einer eingefrorenen Website.

Dass das technisch sauber funktioniert, liegt an derselben Eigenschaft, die auch Fremdsystem-Anbindungen berechenbar macht: Astro-Inhalte liegen in einem typisierten, schema-validierten Content-Modell – Content Collections mit Zod-Schema – oder in einem Headless CMS mit API. Beides ist maschinell adressierbar. Ein Agent kann strukturiert schreiben, weil das Schema definiert, was gültig ist. Und das Schema ist zugleich die Leitplanke: Es lassen sich nur Felder füllen, die es gibt, in Formaten, die validieren. Ein fehlerhafter Eingriff scheitert im Build, nicht auf der Live-Seite. Jede Änderung läuft über einen nachvollziehbaren Commit und einen Deploy – mit Historie, Review-Möglichkeit und Rollback.

Das funktioniert für Konzerne mit Redaktionsteam genauso wie für Einzelunternehmer und KMU. Wer eine Sprachnachricht schicken kann, kann seine Website pflegen. Dass Chat-Agenten bei uns Tagesgeschäft sind und nicht Folienware, zeigt der WhatsApp-KI-Agent, den wir für den eigenen Vertrieb gebaut und im echten Kundenkontakt betrieben haben – mit Eskalation an einen Menschen und Monitoring. Was sonst noch an Automatisierung möglich ist, steht unter KI-Automatisierung.

Die Grenzen, damit es keine Werbung wird

Der Chat-Weg ersetzt kein Redaktionssystem für große Teams mit Freigabe-Workflows – er ergänzt es und nimmt ihm die Kleinstkorrekturen ab. Die redaktionelle Verantwortung bleibt bei Ihnen: Ein Agent schlägt vor und schreibt, er entscheidet nicht. Strukturelle Änderungen – neue Seitentypen, Layout, Navigation – bleiben Entwicklungsarbeit. Und der Umfang wird pro Projekt festgelegt: welche Collections, welche Felder, welche Freigabestufe. Wie ein solches Setup für ein Redaktionsteam, ein kleines Marketing und einen Einzelunternehmer jeweils aussieht, haben wir unter Website per Chat pflegen ausgeschrieben.

Projekt im Kopf?

Beschreiben Sie es in drei Sätzen – Sie bekommen eine ehrliche Ersteinschätzung, in der Regel innerhalb von 24 Stunden.

08 — Ehrliche Grenzen

Wann eine Integration die falsche Antwort ist.

Die rechte Spalte gewinnt öfter, als es einer Agenturseite lieb sein sollte. Wenn Ihr Vorhaben dort steht, sagen wir das im Erstgespräch – und bauen im Zweifel die andere Lösung, statt eine Website passend zu reden.

Integration passt, wenn …

Die Website bleibt eine Website. Sie zeigt Inhalte, nimmt Anfragen entgegen und reicht sie an das System weiter, in dem die eigentliche Arbeit passiert.

  • Anfragen, Anmeldungen oder Buchungen an ein Zielsystem übergeben werden sollen, das Ihr Team ohnehin bedient.
  • Daten aus einer Quelle angezeigt werden – Produkte, Preise, Standorte, Stellen, Termine – ohne dass die Website sie verändert.
  • Ein kleiner geschützter Bereich gebraucht wird: Downloads, Preislisten, Partnerdokumente. Wenige Rollen, keine Bearbeitungslogik.
  • Ein Zahlungsvorgang für abzählbare Produkte nötig ist – Tickets, Seminare, Downloads – mit gehosteter Bezahlseite.
  • Redaktionelle Änderungen automatisch veröffentlicht werden sollen, sobald sie im CMS oder PIM entstehen.
  • Sie Ordnung in ein gewachsenes Skript-Feld bringen wollen, statt weitere Werkzeuge oben draufzulegen.

Es ist Individualsoftware, wenn …

Dann ist die Website nicht das Produkt, sondern der Rahmen darum. Wir bauen beides – aber wir kalkulieren es nicht als Integration.

  • Hinter dem Login echte Geschäftslogik liegt: Berechnungen, Zustände, Freigaben, Regeln, die sich ändern.
  • Nutzer Daten erfassen und bearbeiten sollen, nicht nur ansehen – Formulare mit Verlauf, Entwürfen und Zuständigkeiten.
  • Ein Rollen- und Rechtemodell nötig ist, das über „eingeloggt oder nicht" hinausgeht.
  • Mehrere Systeme gegeneinander abgeglichen werden müssen, inklusive Konfliktbehandlung und Protokoll – das ist ein Integrationsprojekt eigener Art, siehe IT-Projektleitung.
  • Die Anforderung Echtzeit heißt: Bestände, Verfügbarkeiten oder Kurse, die pro Sekunde stimmen müssen.
  • Der Shop Warenkorb, Versandregeln, Steuerlogik und Retouren braucht. Dann ist ein Shopsystem die Grundlage, nicht eine Zahlungsanbindung.

Lieber direkt sprechen?

Ein kurzes Gespräch klärt Umfang, Aufwand und ob wir zueinander passen.

09 — Zeitrahmen

Wie lange Integrationen dauern – und was den Rahmen bewegt.

Preise nennen wir erst nach dem Erstgespräch, weil eine Zahl ohne Annahmen wertlos ist. Zeitrahmen nennen wir gerne vorher. Die folgenden Spannen setzen voraus, dass die Astro-Seite bereits steht oder parallel entsteht.

  • Formular mit Zustellung ins CRM: wenige Tage – Endpunkt, Feld-Mapping, Spam-Schutz, Bestätigungsmail, Fehlerbehandlung. Länger wird es, wenn das Zielsystem eine eigene Freigabe für API-Zugänge braucht – das ist erfahrungsgemäß der Engpass, nicht der Code.
  • Analytics- und Consent-Setup: ein bis zwei Wochen – Inventar, Entscheidung pro Werkzeug, Consent-Verdrahtung, Prüfung im Staging, Dokumentation. Der Aufwand hängt weniger an der Zahl der Werkzeuge als daran, wie schnell in Ihrem Haus jemand entscheidet, welche wirklich gebraucht werden.
  • Suche, Newsletter, Buchung: je wenige Tage bis zwei Wochen – Wenn der Anbieter eine dokumentierte API hat und wir das Frontend selbst bauen, liegt der Aufwand im Design und in den Randfällen. Existiert nur ein Widget, ist der Einbau schnell – dafür kostet er Ladezeit, und die Diskussion darüber dauert länger als die Umsetzung.
  • ERP-, PIM- oder Produktdaten: vier bis zehn Wochen – Hier steckt die Arbeit selten im Frontend. Feldstruktur klären, Bilder und Einheiten normalisieren, Sonderfälle im Altbestand, Testdaten, Abstimmung mit dem Systemhaus. Wenn niemand im Haus die Datenstruktur vollständig kennt – der Normalfall –, geht ein spürbarer Teil der Zeit dafür drauf, sie überhaupt zu beschreiben.
  • Geschützter Bereich: zwei bis fünf Wochen – Authentifizierungsdienst, On-Demand-Routen, Adapter- und Hosting-Entscheidung, Rechteprüfung, Fehlerseiten. Wächst schnell, sobald Nutzerverwaltung, Einladungsprozesse oder Selbstregistrierung dazukommen.
  • Was den Rahmen am stärksten bewegt – Nicht die Technik, sondern vier Dinge: die Qualität der Dokumentation auf Gegenseite, wie schnell Sie Zugänge bereitstellen können, wie viele Sonderfälle die Altdaten enthalten und wie viele Personen mitentscheiden. Kostentreiber schreiben wir aus, statt sie in einer Pauschale zu verstecken – dieselbe Logik wie unter Astro-Kosten.

Warum keine Preise auf der Seite

Weil eine seriöse Zahl Annahmen braucht: welche Systeme, welche Datenmenge, wie viele Sonderfälle. Nach dem Erstgespräch bekommen Sie eine nachvollziehbare Schätzung inklusive der Annahmen, auf denen sie steht.

Zugänge sind der häufigste Verzug

In fast jedem Projekt wartet die Umsetzung irgendwann auf einen API-Schlüssel, den nur eine bestimmte Person freigeben darf. Wir klären das früh und benennen es im Zeitplan als eigenen Punkt.

Parallel statt hintereinander

Integrationen lassen sich in aller Regel parallel zum Seitenbau umsetzen. Sie verlängern ein Projekt seltener, als sie es riskanter machen – deshalb ziehen wir sie im Zeitplan nach vorn.

Unsicher beim Stack?

Wir sagen es auch, wenn ein anderes Werkzeug besser zu Ihrem Projekt passt.

10 — Auf einen Blick

Auf einen Blick.

Die Kurzfassung dieser Seite, sortiert nach dem, was in Ausschreibungen und Lastenheften abgefragt wird.

Astro Integrationen – Anforderungen, Antworten und die Punkte, die den Aufwand bestimmen.
ThemaKurzantwortWoran es hängt
Formulare & CRM Serverseitiger Endpunkt schreibt direkt ins Zielsystem. Keine Zugangsdaten im Browser, Bestätigungsmail und Protokoll inklusive. Ob das Zielsystem eine dokumentierte API hat und wie schnell Sie einen API-Zugang bekommen.
Analytics & Consent Einwilligung ist technische Bedingung: Was sie braucht, lädt vorher nicht. Serverseitige Verfahren bevorzugt. Wie viele Werkzeuge wirklich gebraucht werden – und wer im Haus entscheidet, welche wegfallen.
Suche Statischer Index beim Build für die meisten Websites; gehosteter Suchdienst, wenn Facetten und Synonyme nötig sind. Seitenzahl, Sprachen und ob Suchanfragen das Haus verlassen dürfen.
Buchung, Newsletter & Zahlung Über die API des Anbieters selbst gebaut, wo möglich. Wo nur ein Widget existiert, wird es eine Insel mit später Ladepriorität. Ob der Anbieter eine API anbietet oder nur eine Einbettung – das entscheidet über Gestaltung und Ladezeit.
ERP, PIM & Produktdaten Daten kommen zur Buildzeit oder über einen Cache in die Seite. Fällt die Quelle aus, bleibt die Website online. Datenqualität und Sonderfälle im Altbestand. Der Aufwand liegt im Quellsystem, nicht im Frontend.
Webhooks & Rebuilds Änderung im CMS oder PIM stößt automatisch einen Build an, mit Drosselung und Fehlermeldung. Ob das Quellsystem Webhooks kann und wie oft sich Inhalte ändern.
Login & geschützter Bereich Machbar über On-Demand-Routen und einen Authentifizierungsdienst – für wenige Rollen ohne Bearbeitungslogik. Sobald Rollenmodelle und Workflows dazukommen, ist es Individualsoftware und wird auch so kalkuliert.
Server nötig? Nur für On-Demand-Routen. Die kommen mit einem Adapter für die Ziel-Laufzeit, etwa Node, Vercel oder Cloudflare. Wie viele Routen tatsächlich dynamisch sein müssen. Der Rest bleibt statisch.
Unsere Einschätzung Die schwierigste Integration ist fast nie die technische. Wir haben noch kein Projekt erlebt, in dem eine dokumentierte API das Problem war. Zeit verbrennen die Fragen davor: Wer besitzt die Daten, welches Feld gilt, wer darf den Zugang freigeben. Deshalb ziehen wir das Inventar an den Anfang. Ein Nachmittag, an dem jedes Werkzeug einen Zweck und einen Verantwortlichen bekommt, spart mehr Projektzeit als jede Optimierung danach – und streicht regelmäßig die Hälfte der geplanten Einbindungen ersatzlos.

Projekt im Kopf?

Beschreiben Sie es in drei Sätzen – Sie bekommen eine ehrliche Ersteinschätzung, in der Regel innerhalb von 24 Stunden.

11 — FAQ

Häufige Fragen zu Astro Integrationen.

Zuerst die Fragen, die in Auswahlgesprächen tatsächlich gestellt werden – danach die kurzen.

Unser Vertrieb arbeitet mit Salesforce. Landen Formularanfragen dort automatisch?

Ja. Wir bauen den Formular-Endpunkt serverseitig und schreiben über die API direkt einen Datensatz im Zielsystem – mit Ihren Feldern: Quelle, Kampagne, Einwilligungstext, Zeitstempel. Dasselbe Verfahren gilt für HubSpot, Pipedrive, Microsoft Dynamics 365 Business Central oder ein eigenes System. Wichtig ist der Fall, den viele Anbindungen auslassen: Antwortet das Zielsystem gerade nicht, wird die Anfrage zwischengespeichert, erneut versucht und parallel per E-Mail zugestellt. Ein Lead darf nicht verloren gehen, weil eine Schnittstelle kurz stumm war.

Wir haben eine Einwilligungspflicht. Wie stellen Sie sicher, dass vor der Einwilligung wirklich nichts lädt?

Indem die Einwilligung eine technische Bedingung ist und kein Vorhang. Einwilligungspflichtige Werkzeuge stehen nicht fest im Seitenquelltext, sondern werden erst nach der Entscheidung nachgeladen. Vor dem Go-live prüfen wir das im Staging mit offenen Entwicklertools und protokollieren, welche Verbindungen ohne Einwilligung aufgebaut werden – die Antwort soll „keine" lauten. Dieses Protokoll bekommen Sie. Die rechtliche Bewertung Ihrer Verarbeitungen bleibt bei Ihrer Datenschutzberatung; wir liefern die überprüfbare technische Grundlage dafür.

Unsere Datenschutzbeauftragte will wissen, wohin die Formulardaten fließen. Was können Sie ihr geben?

Ein Inventar. Darin steht pro Werkzeug: Zweck, welche Felder übergeben werden, an welchen Anbieter, in welchem Verarbeitungsverfahren, ob eine Einwilligung nötig ist und wer im Haus dafür verantwortlich ist. Für Formulare kommt der konkrete Datenfluss dazu – vom Absenden über unseren Endpunkt bis zum Zielsystem und zur Bestätigungsmail. Erfahrungsgemäß ist dieses Dokument bei Bestandsseiten das erste vollständige Bild, das überhaupt existiert. Es gehört Ihnen, auch wenn Sie später ohne uns weiterarbeiten.

Wir brauchen einen kleinen geschützten Bereich für Händler. Ist das mit Astro machbar oder schon eine Anwendung?

Bei wenigen Rollen und reinem Lesezugriff ist es machbar: Downloads, Preislisten, Partnerdokumente hinter einem Login lösen wir mit On-Demand-Routen und einem Authentifizierungsdienst. Die Grenze ziehen wir früh und deutlich – sobald dahinter Bearbeitungsmasken, Rollenmodelle, Freigaben oder Berechnungen liegen, ist es Individualsoftware und wird auch so kalkuliert. Diese Unterscheidung treffen wir im Erstgespräch, damit Sie nicht im dritten Projektmonat davon überrascht werden.

Unsere Preise liegen im ERP und ändern sich wöchentlich. Muss dann jemand die Website anfassen?

Nein. Zwei Wege führen dorthin: Entweder die Daten kommen beim Build in die Seite und ein Webhook aus dem ERP stößt den Build an, sobald sich etwas ändert – dann ist die Website wenige Minuten später aktuell, ohne dass jemand etwas tut. Oder die betroffene Route rendert on demand und liest über einen zwischengeschalteten Cache. Wir wählen nach Änderungsfrequenz und danach, wie schlimm eine Verzögerung von Minuten wäre. ERP-Anbindungen sind bei uns bestehende Praxis, siehe IT-Projektleitung.

Unser Marketing testet laufend neue Tools. Müssen wir für jedes einen Entwickler buchen?

Für die meisten nicht. Werkzeuge, die über eine bestehende Consent- und Tag-Verwaltung laufen, können Sie selbst aktivieren – wir richten diese Verwaltung so ein, dass neue Einträge dort ihre Kategorie und ihre Einwilligungspflicht mitbringen. Ehrlich gesagt raten wir trotzdem zu einer kurzen Rückfrage vor jedem neuen Skript. Nicht wegen des Aufwands, sondern weil genau so ein Skript-Feld entsteht, das später niemand mehr auflösen möchte. Ein festes JavaScript-Budget hilft dabei mehr als eine Regel.

Was passiert, wenn ein angebundener Dienst ausfällt oder eingestellt wird?

Beim Ausfall: Daten, die zur Buildzeit in die Seite gekommen sind, bleiben sichtbar – die Website ist nicht von der Verfügbarkeit der Quelle abhängig. Bei Formularen greift die Wiederholungslogik plus E-Mail-Zustellung. Bei eingebetteten Widgets definieren wir vorher, was der Besucher stattdessen sieht, statt einen leeren Kasten zu hinterlassen. Bei Einstellung eines Dienstes: Weil wir jede Anbindung über eine eigene, klar abgegrenzte Schicht führen, ist der Austausch eine begrenzte Arbeit und kein Umbau der Website.

Wir wollen verkaufen – reicht eine Zahlungsanbindung oder brauchen wir ein Shopsystem?

Faustregel: Solange Sie Ihre Produkte an einer Hand abzählen können und es keinen Warenkorb braucht, reicht eine Zahlungsanbindung mit gehosteter Bezahlseite. Tickets, Seminarplätze, Downloads, einzelne Geräte – dafür ist das der schlankere Weg. Sobald Warenkorb, Versandregeln, Steuerlogik, Bestände oder Retouren dazukommen, ist das ein Shopsystem, und wir setzen es hinter die Astro-Website statt es nachzubauen. Die Abwägung im Detail steht unter Astro E-Commerce.

Unser Buchungsanbieter liefert nur ein Widget. Macht das unsere Seite langsam?

Es kostet etwas, ja – ein fremdes Widget bringt in der Regel eigenes JavaScript mit, auf das wir keinen Einfluss haben. Der Punkt ist, diesen Preis zu begrenzen statt ihn zu bestreiten. Wir kapseln das Widget als Insel und laden es mit client:visible erst, wenn es in den Sichtbereich kommt, oder legen es auf eine eigene Buchungsseite. Wer die Leistungsbeschreibung liest, zahlt dann nichts dafür. Und wir messen vorher und nachher, damit die Entscheidung auf Zahlen steht statt auf Vermutungen.

Wie viele Integrationen verkraftet eine Astro-Seite, bevor die Ladezeit leidet?

Die Zahl ist die falsche Frage – entscheidend ist, wie viel davon im Browser landet. Zehn serverseitige Anbindungen kosten den Besucher nichts; ein einziges schwergewichtiges Widget im Seitenkopf kostet ihn spürbar. Deshalb legen wir zum Launch ein JavaScript-Budget fest und messen dagegen. Neue Werkzeuge müssen danach begründet werden oder ein bestehendes ersetzen. Wo eine Seite dieses Budget längst überschritten hat, ist der Einstieg eine Performance-Optimierung statt ein Neubau.

Wer betreibt die Integrationen nach dem Launch – Sie oder wir?

Das entscheiden Sie. Das Repository, die Zugänge und die Dokumentation gehören Ihnen, und alles ist so gebaut, dass ein anderes Team damit weiterarbeiten kann. Wenn Sie es abgeben wollen, übernehmen wir es im Rahmen von Support und Wartung. Ein Punkt, den viele unterschätzen: Schnittstellen altern. Anbieter ändern Felder, kündigen Versionen ab, verschärfen Limits. Jemand muss diese Meldungen lesen – wenn niemand im Haus das tut, sollte es jemand von außen tun.

Wir haben eine bestehende Astro-Seite von einer anderen Agentur. Machen Sie auch nur die Integrationen?

Ja, nach einem kurzen Audit. Wir sehen uns an, wie das Projekt aufgebaut ist, welche Routen statisch und welche on demand rendern, welcher Adapter gesetzt ist und was bereits eingebunden wurde. Danach sagen wir, was sich sauber ergänzen lässt und was vorher aufgeräumt gehört. Wir übernehmen fremden Code, ohne ihn schlechtzureden – aber wir sagen Ihnen ehrlich, wenn eine Anbindung an einer Stelle sitzt, an der sie beim nächsten Major-Update zum Problem wird.

Was ist eine Astro-Integration eigentlich?

Ein Paket, das installiert und in der Astro-Konfiguration aktiviert wird und dem Projekt eine Fähigkeit hinzufügt – etwa Unterstützung für ein UI-Framework oder eine Ziel-Laufzeit. Umgangssprachlich meint „Integration" oft auch die Anbindung eines Fremdsystems über dessen API. Beides bauen wir.

Braucht Astro einen Server, um Formulare entgegenzunehmen?

Ja, wenn die Verarbeitung bei Ihnen liegen soll. Standardmäßig wird die Website vorgerendert und statisch ausgeliefert. Sobald eine Route Daten entgegennimmt, braucht sie On-Demand-Rendering und damit einen Adapter für die Ziel-Laufzeit – offiziell gepflegt sind unter anderem Node, Vercel und Cloudflare.

Welche UI-Frameworks laufen in Astro?

Astro ist UI-Framework-agnostisch: Für React, Preact, Svelte, Vue, SolidJS und Alpine.js gibt es offizielle Integrationen. Mehrere lassen sich auf einer Seite kombinieren, solange sie in einer .astro-Datei zusammengeführt werden. Für Integrationen heißt das: Ein vorhandenes Widget-Paket lässt sich meist direkt weiterverwenden.

Kann Astro Daten aus einer API schon beim Build holen?

Ja, und das ist der bevorzugte Weg. Da standardmäßig die gesamte Website vorgerendert wird, landen die Daten fest im HTML. Für Inhalte, die zum Zeitpunkt des Aufrufs stimmen müssen, gibt es Live Collections als dokumentierte Alternative. Mehr dazu unter Astro CMS.

Wie kommt eine CMS-Änderung automatisch auf die Website?

Über einen Webhook. Das CMS meldet die Änderung an einen Build-Hook, der Build läuft, die Seite ist wenige Minuten später aktuell. Dazu gehören Drosselung, damit nicht jeder Tastendruck einen Build auslöst, und eine Benachrichtigung, wenn ein Build fehlschlägt. Details unter Headless CMS anbinden.

Lässt sich Google Analytics in eine Astro-Website einbinden?

Technisch ja – es ist ein Skript wie jedes andere. Die relevante Frage ist die davor: Welche Entscheidung treffen Sie mit diesen Zahlen anders, und rechtfertigt das die Einwilligungspflicht? Wir prüfen zuerst, ob ein serverseitiges oder cookieärmeres Verfahren ausreicht, und binden ein, was diese Prüfung übersteht.

Funktioniert ein Login in Astro?

Für kleine geschützte Bereiche ja – über On-Demand-Routen und einen Authentifizierungsdienst. Für alles mit Rollenmodell, Bearbeitungslogik oder Workflows ist ein Anwendungs-Stack die passendere Grundlage. Wo genau die Grenze liegt, steht weiter oben auf dieser Seite unter „Ehrliche Grenzen".

Lieber direkt sprechen?

Ein kurzes Gespräch klärt Umfang, Aufwand und ob wir zueinander passen.

Welche Systeme müssen mitspielen?

Nennen Sie uns die Liste, und Sie bekommen eine ehrliche Einschätzung: was eine saubere Schnittstelle hat, was ein Widget bleibt und wovon wir abraten. In der Regel innerhalb von 24 Stunden.

— Kontakt

Integrationen für Ihre Astro-Website.

Kurz beschreiben, welche Systeme angebunden werden sollen – CRM, Analytics, Buchung, ERP, Shop. Wir melden uns mit einer Ersteinschätzung.

Jetzt anrufen +49 155 63582204 WhatsApp schreiben E-Mail schreiben

Antwort in der Regel innerhalb von 24 Stunden.
Remote & vor Ort – DACH-weit tätig (DE, AT, CH), internationale Projekterfahrung inklusive.

Worum geht es?
Zeitrahmen (optional)

Ihre Angaben werden nur zur Bearbeitung der Anfrage verwendet – keine Newsletter, keine Weitergabe.