Du betrachtest gerade Tutorial: Zoho Catalyst, Zoho Cliq und SalesIQ für KI-Webseiten-Relaunch

Tutorial: Zoho Catalyst, Zoho Cliq und SalesIQ für KI-Webseiten-Relaunch

  • Beitrags-Autor:

Beyond WordPress: Moderner Website-Relaunch mit Zoho Catalyst und KI-Agenten

Die Entscheidung für ein neues Content-Management-System (CMS) oder einen kompletten Website-Relaunch ist oft mit hohem Aufwand verbunden. Klassische Systeme wie WordPress oder Typo3 sind mächtig, bringen aber auch Komplexität, Wartungsaufwand und oft eine Abhängigkeit von externen Agenturen mit sich. Doch was, wenn du einen agileren, kosteneffizienteren und vor allem nahtlos in dein Zoho-Ökosystem integrierten Weg gehen könntest? In diesem Fachartikel zeigen wir dir, wie du mit der serverless Plattform Zoho Catalyst, gesteuert durch einen KI-Agenten in Zoho Cliq, eine hochmoderne Website aufbaust. Wir beleuchten eine praxisnahe Aufgabenstellung und zeigen dir, wie du nicht nur deine Webpräsenz revolutionierst, sondern auch dein Besuchertracking mit Zoho SalesIQ auf ein neues Level hebst.

Das Praxisbeispiel: Der diskrete Website-Relaunch unter Zeitdruck

Stell dir folgendes Szenario vor: Ein etabliertes Unternehmen aus der Branche der erneuerbaren Energien plant im Zuge einer internen Umstrukturierung einen kompletten Marken-Relaunch. Dazu gehört auch eine brandneue Website. Die Herausforderungen sind klar definiert:

  • Geheimhaltung: Das Projekt muss absolut vertraulich und mit einem kleinen, internen Team umgesetzt werden, ohne die tägliche Arbeit zu stören.
  • Geschwindigkeit: Die neue Website muss innerhalb weniger Wochen von null auf hundert entstehen – inklusive mehrsprachiger Inhalte, Blog und komplexen Formularen.
  • Flexibilität: Die neue Plattform muss sich leicht an zukünftige Anforderungen anpassen lassen und darf keinen großen administrativen Overhead erzeugen.
  • Integration: Eine tiefe Verbindung zum bestehenden Zoho CRM und Zoho Marketing Automation ist unerlässlich, um Leads und Kundeninteraktionen lückenlos zu erfassen.

Die Evaluierung von WordPress und Typo3 ergab schnell, dass der damit verbundene Aufwand für Setup, Theme-Entwicklung, Plugin-Management und die Abhängigkeit von externen Entwicklern dem Projektzeitplan entgegensteht. Selbst Zoho Sites, obwohl gut integriert, bot nicht die geforderte programmatische Flexibilität für dieses spezielle Vorhaben. Die Entscheidung fiel daher auf einen radikal modernen Ansatz: eine serverless Architektur auf Basis von Zoho Catalyst.

Schritt-für-Schritt: Vom Konzept zur KI-gesteuerten Website

Dieser Ansatz mag zunächst technisch klingen, ist aber in der Praxis erstaunlich zugänglich, da die Komplexität des Server-Managements vollständig entfällt. Du konzentrierst dich nur auf die Logik und den Inhalt.

Schritt 1: Die strategische Entscheidung für Zoho Catalyst

Zoho Catalyst ist eine serverless Entwicklerplattform. Das bedeutet, du schreibst Code (in Java, Node.js oder Python), der auf Ereignisse reagiert (z.B. einen API-Aufruf), ohne dass du dich um die darunterliegenden Server, Skalierung oder Wartung kümmern musst. Für eine Website bedeutet das: Das Frontend (was der Nutzer sieht) ist von der Backend-Logik (Content-Verwaltung, Formularverarbeitung) getrennt. Dies ermöglicht maximale Flexibilität und Performance.

Schritt 2: Aufsetzen der Grundstruktur in Catalyst

In deinem Zoho-Konto aktivierst du Catalyst und erstellst ein neues Projekt. Die wesentlichen Komponenten für unsere Website sind:

  • Web Client Hosting: Hier lädst du die statischen Frontend-Dateien (HTML, CSS, JavaScript) hoch. Du kannst moderne Frameworks wie React, Vue.js oder Svelte verwenden oder eine einfache HTML-Struktur aufbauen.
  • Functions: Das Herzstück deiner Anwendung. Jede Funktion ist ein eigenständiges Stück Code, das auf einen HTTP-Request (API-Endpunkt) oder ein anderes Ereignis reagiert. Wir benötigen Funktionen wie `createBlogPost`, `getPages` oder `submitContactForm`.
  • Data Store: Eine einfache, aber leistungsstarke NoSQL-Datenbank, um deine Inhalte wie Blogartikel, Seiten oder Testimonials zu speichern.

Schritt 3: Anbindung des KI-Agenten über Zoho Cliq

Hier wird es spannend. Anstatt eines klassischen Backends, in dem ein Redakteur Inhalte einpflegt, nutzen wir Zoho Cliq als Steuerungsoberfläche. Ein interner Mitarbeiter kann über einen einfachen Chat-Befehl mit dem System interagieren.

Dazu erstellst du in Cliq einen Slash Command, z.B. `/website`. Wenn ein Nutzer diesen Befehl eingibt, sendet Cliq die Anfrage an eine von dir definierte Catalyst-Funktion.

Beispiel: Ein Deluge-Script für einen Cliq Slash Command
Dieser Code wird im Command-Handler von Cliq hinterlegt. Er nimmt den Text des Nutzers entgegen und ruft eine Catalyst-Funktion auf, um einen Blogartikel zu erstellen.


// Deluge Script im Zoho Cliq Slash Command Handler
// Befehl: /website blog Erstelle einen Artikel über die Vorteile von Solarenergie

// Argumente aus dem Nutzer-Input extrahieren
commandArgument = text.trim();
action = commandArgument.getprefix(" ");
prompt = commandArgument.getsuffix(" ");

if (action == "blog")
{
    // API-Endpunkt deiner Catalyst-Funktion
    catalyst_url = "https://DEINE_CATALYST_PROJEKT_URL.catalystserverless.com/server/content_creator/create_blog";
    
    // Daten für den POST-Request vorbereiten
    request_body = Map();
    request_body.put("prompt", prompt);
    
    // Catalyst-Funktion via API aufrufen
    response = invokeurl
    [
        url :catalyst_url
        type :POST
        parameters:request_body.toString()
        connection:"catalyst_connection" // Authentifizierung
    ];
    
    // Antwort an den Nutzer in Cliq senden
    post_message = Map();
    post_message.put("text", "Dein Blogartikel wird erstellt. Hier ist die Antwort vom Agenten: " + response);
    return post_message;
}

Die Catalyst-Funktion (`content_creator/create_blog`) empfängt diesen Aufruf, verbindet sich mit einer externen KI-API (z.B. von OpenAI, Cohere oder Anthropic), lässt den Content generieren, formatiert ihn und speichert das Ergebnis im Catalyst Data Store.

Schritt 4: Verbindung zu externen Systemen und APIs

Die wahre Stärke dieses Ansatzes liegt in der Konnektivität. Deine Catalyst-Funktionen sind nicht auf die Zoho-Welt beschränkt. Du kannst jede beliebige externe REST-API ansprechen.

  • Produktdaten: Verbinde dich mit einem PIM-System (Product Information Management) oder sogar einem Shopify-Shop, um Produktinformationen live auf deiner Website anzuzeigen.
  • Finanzdaten: Hole dir relevante Kennzahlen direkt aus Zoho Books oder Zoho Inventory, um sie auf einer internen Dashboard-Seite darzustellen.
  • HR-Informationen: Binde offene Stellen aus Zoho Recruit dynamisch in deine Karriereseite ein.

Beispiel: Catalyst-Funktion (Node.js) zum Abruf externer Daten
Dieser Code zeigt, wie eine Funktion in Catalyst eine externe API (hier ein Platzhalter) aufruft.


// Node.js Code in einer Catalyst Basic I/O Funktion
const express = require('express');
const catalyst = require('zcatalyst-sdk-node');
const fetch = require('node-fetch'); // node-fetch oder axios verwenden

const app = express();
app.use(express.json());

app.get('/external-data', async (req, res) => {
    try {
        const externalApiUrl = 'https://api.beispiel-datenprovider.com/v1/news';
        const apiKey = 'DEIN_API_SCHLUESSEL'; // Sicher in Catalyst Environment Variables speichern!

        const response = await fetch(externalApiUrl, {
            headers: {
                'Authorization': `Bearer ${apiKey}`
            }
        });

        if (!response.ok) {
            throw new Error(`API call failed with status: ${response.status}`);
        }

        const data = await response.json();
        
        // Hier könntest du die Daten verarbeiten und im Data Store speichern
        // ...

        res.status(200).send(data);
    } catch (error) {
        console.error(error);
        res.status(500).send({ message: 'Error fetching external data.' });
    }
});

module.exports = app;

Bonus-Integration: Lückenloses Besuchertracking mit Zoho SalesIQ

Eine neue Website ist nur die halbe Miete. Du musst auch wissen, wer sie besucht. Zoho SalesIQ ist ein mächtiges Tool, um anonyme Besucher zu tracken. Seine wahre Kraft entfaltet es aber erst, wenn es bekannte Kontakte aus deinem CRM identifiziert.

Die Umsetzung ist verblüffend einfach, wird aber oft übersehen:

  1. SalesIQ-Trackingcode installieren: Stelle sicher, dass der SalesIQ-Code auf jeder Seite deiner neuen (oder alten) Website eingebunden ist.
  2. Besucheridentifikation in E-Mails aktivieren: Gehe in deine E-Mail-Vorlagen – sowohl in Zoho CRM als auch in Zoho Marketing Automation oder Zoho Campaigns.
  3. Den entscheidenden Haken setzen: Bei jedem Link, der auf deine Website verweist (z.B. in einem „Mehr erfahren“-Button), gibt es im Link-Editor eine Checkbox namens „Besucheridentität zur Nachverfolgung hinzufügen“ (oder ähnlich). Aktiviere diese Option.

Was passiert jetzt? Wenn ein bekannter Kontakt aus deinem CRM auf diesen modifizierten Link klickt, wird ein spezieller Parameter an die URL angehängt. SalesIQ erkennt diesen Parameter, setzt einen Cookie im Browser des Besuchers und verknüpft von nun an alle seine Website-Aktivitäten (besuchte Seiten, verbrachte Zeit) direkt mit seinem Datensatz im CRM. Das liefert deinem Vertriebsteam unschätzbare Einblicke in die Interessen deiner Kunden.

Tipps und Best Practices

  • Sicherheit zuerst: Bei der gemeinsamen Nutzung von Accounts für solche Projekte stößt man schnell auf Hürden wie die Zwei-Faktor-Authentifizierung (2FA). Verwende statt geteilter Nutzer-Logins dedizierte API-Schlüssel oder Service-Accounts. Tools wie Zoho Vault helfen, Zugangsdaten sicher zu verwalten, und Zoho OneAuth ist der Standard für die Absicherung deines Zoho-Kontos.
  • Skalierbar und modular bauen: Strukturiere deine Catalyst-Funktionen logisch. Eine Funktion für Blog-Posts, eine für Seiten, eine für die Formularverarbeitung. So bleibt dein Projekt auch bei wachsendem Umfang wartbar.
  • Monitoring und Analyse: Nutze die eingebaute Protokollierung in Catalyst, um Fehler zu finden. Verbinde deine Daten aus dem Data Store und SalesIQ mit Zoho Analytics, um aussagekräftige Dashboards zu erstellen. Zur Überwachung der Anwendungs-Performance und Nutzererfahrung auf dem Frontend kann Zoho Apptics eine wertvolle Ergänzung sein.

Fazit: Mehr als nur Apps – Eine Entwicklungsplattform

Dieses Praxisbeispiel zeigt eindrucksvoll, dass das Zoho-Ökosystem weit mehr ist als die Summe seiner Einzelteile. Mit Werkzeugen wie Zoho Catalyst und der intelligenten Verknüpfung über APIs und Zoho Flow wird Zoho zu einer echten Entwicklungsplattform. Du kannst damit maßgeschneiderte, hochmoderne Lösungen bauen, die perfekt auf deine Geschäftsprozesse zugeschnitten sind – agil, kosteneffizient und ohne den Ballast traditioneller Software-Architekturen.

Die Kombination aus serverless Backend, KI-gesteuerter Content-Erstellung und nahtloser Integration in CRM und Marketing-Tools ist keine Zukunftsmusik, sondern eine heute umsetzbare Strategie, um dich vom Wettbewerb abzuheben. Experimentiere mit den Möglichkeiten und denke über die Grenzen einzelner Apps hinaus.


Verwendete Zoho-Anwendungen in diesem Szenario:

  • Zoho Catalyst: Als serverless Plattform für das gesamte Website-Backend.
  • Zoho Cliq: Als Benutzeroberfläche zur Steuerung des KI-Agenten.
  • Zoho SalesIQ: Für das lückenlose Tracking und die Identifikation von Website-Besuchern.
  • Zoho CRM: Als zentrale Datenbank für Kunden- und Kontaktdaten.
  • Zoho Marketing Automation: Für den Versand von E-Mails mit Tracking-Links.