Diese Seite ist für Partner, die einen praktischen Bauweg suchen: Gestalte die Marketing-Website in Pinegrow, veröffentliche normales HTML und lege Nilo-Widgets dort ab, wo der Betrieb eine kundenseitige Aktion braucht.
Pinegrow kümmert sich um Struktur und Design. Nilo-Widgets fügen die Aktionen hinzu, die dem Betrieb helfen, Kundenanfragen zu sammeln, zu lenken oder voranzubringen.
Das einfachste Setup ist, Nilo als Erweiterungsschicht auf der Website zu behandeln, die du sowieso schon in Pinegrow baust.
Erstelle Layout, Abschnitte, Formulare, Visuals und responsives Verhalten wie gewohnt.
Entscheide, wo der Betrieb eine Aktion braucht: Kontakt, Qualifizierung, Buchung, Anfrage-Aufnahme oder Nachfassen.
Füge das Widget-Bundle im Page-Head oder vor dem schließenden Body-Tag ein, damit die Custom Elements auf der Seite verfügbar sind.
Setze das Widget-Tag dort ein, wo die Aktion erscheinen soll. Pinegrow behandelt die Seite weiterhin als normales HTML.
Übergib die Widget-Einstellungen über HTML-Attribute wie Umgebung, Geschäfts-ID, Widget-ID, Sprache oder Theme-Werte.
Exportiere oder veröffentliche die Website über deinen normalen Workflow. Das Widget-Verhalten kommt vom Script plus dem Custom-Element-Markup.
Das praktische Modell ist einfach: Binde das Script einmal ein, platziere dann die Widget-Tags, wo sie hingehören. Das ist es, was gut mit Pinegrow zusammenpasst.
Das Bundle definiert die Custom Elements im Browser.
Du platzierst ein Widget-Tag in dem Teil des Layouts, wo die Aktion erscheinen soll.
Jede Widget-Instanz kann die Konfiguration direkt aus den Tag-Attributen lesen.
Deine Typografie, dein Layout, deine Abschnitte, dein Hosting und dein Pinegrow-Workflow müssen sich nicht ändern.
Ersetze die Platzhalter-Werte durch die Script-URL und Widget-Attribute deines Nilo-Setups.
Im Page-Head oder vor dem schließenden Body-Tag. Nicht für jede Widget-Instanz duplizieren.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>Nutze einen normalen HTML-Block in Pinegrow, wo die Kundenaktion erscheinen soll.
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="YOUR_WIDGET_ID"
locale="de"
theme="light">
</nilo-widget>Dasselbe Bundle kann mehrere Kundenaktionen auf derselben Seite unterstützen.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="contact-intake"
locale="de">
</nilo-widget>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="quote-request"
locale="de">
</nilo-widget>Du musst deinen Workflow nicht um die Widgets herum neu bauen. Du brauchst nur eine zuverlässige Stelle zum Einfügen des Scripts und des Custom-Element-Markups.
Wenn Pinegrow einen geteilten Head oder Footer verwaltet, platziere das Script dort, damit jede Seite die Komponenten ohne Wiederholung nutzen kann.
Setze die Web Component in einen Custom-HTML-Block, Code-Block oder den Seitenquelltext, wo die Aktion gerendert werden soll.
Überschriften, Abstände, Hintergrund und begleitender Text werden in Pinegrow gestaltet. Das Widget konzentriert sich auf die Aktion selbst.
Da Web Components Browser-Verhalten sind, überprüfe das Ergebnis in der Browser-Vorschau statt nur in der statischen Designansicht.
Wenn das Widget später verschoben werden könnte, halte den umgebenden Pinegrow-Abschnitt eigenständig, damit der ganze Block auf einer anderen Seite wiederverwendet werden kann.
Notiere die wenigen Attribute, die dein Kunden-Setup wirklich braucht, damit zukünftige Änderungen für dich oder einen anderen Partner einfach sind.
Platziere ein Widget unter dem Hero oder Leistungsbereich, wenn der Betrieb mehr Anfragen braucht.
Nutze ein Widget nach Preisen oder Leistungsdetails, um den richtigen Kundenkontext vor dem Nachfassen zu erfassen.
Platziere ein Widget auf Leistungsseiten, wo der Inhaber aktuell im E-Mail- oder Telefon-Hin-und-Her Details verliert.
Das Widget ist nicht die Website. Es ist die Aktionsschicht innerhalb der Website. Diese Unterscheidung hilft Partnern, die Seite einfach zu halten und Widgets nur dort zu platzieren, wo sie echten Geschäftswert bringen.
Das hält das Angebot leicht erklärbar: Die Website ist deine, das Design ist deins, und Nilo fügt kundenseitige Aktionen hinzu, ohne einen Umbau zu erzwingen.
Design und Inhalte können im normalen Pinegrow-Tempo voranschreiten.
Du kannst das nächste Widget später hinzufügen, ohne die ganze Seitenarchitektur zu ändern.
Das Projekt sieht weiterhin wie eine normale Website mit einer kleinen Integrationsschicht aus.
Erzähl uns, welche Art Website du baust, welche Kundenaktion das Widget übernehmen soll und was für eine Übergabe du für den Kunden brauchst.