Wie Sie einen Alibaba Cloud KI-Chatbot zu Ihrer WordPress‑Seite hinzufügen

Erstellen einer neuen Chatbot‑Instanz

Öffnen Sie Ihren Web‑Browser, gehen Sie zu console.alibabacloud.com und melden Sie sich an. Geben Sie in der Suchleiste oben rechts „Chatbot“ ein und drücken Sie die Eingabetaste; Sie sehen eine Liste von KI‑Diensten. Klicken Sie auf die Schaltfläche Create Robot (oder eine ähnliche Schaltfläche wie Create Instance). Es erscheint ein Formular, das nach einem Namen und einer kurzen Beschreibung fragt. Nachdem Sie einen Namen wie „FrontDeskHelper“ eingegeben und Create geklickt haben, startet die Plattform einen neuen Bot und zeigt ihn in einer Tabelle mit dem Status „Running“. If you don’t see a “Create Robot” button, look for a plus‑shaped icon or a menu labelled New Bot.

Sie wissen, dass es geklappt hat, wenn der neue Eintrag in der Liste mit einem grünen Punkt oder dem Wort „Running“ erscheint.

Begrüßungsnachricht des Chatbots festlegen

In der Bot‑Liste klicken Sie auf den Namen des gerade erstellten Bots, um dessen Einstellungsseite zu öffnen. Im Menü links finden Sie einen Abschnitt namens Greetings (manchmal Welcome Message genannt). Dort gibt es ein Textfeld, in das Sie das erste, was der Bot den Besuchern sagt, eingeben können. Nachdem Sie einen Satz wie Hi! I’m your digital assistant – ask me about opening hours or services. eingegeben haben, erscheint eine Vorschau der Nachricht unter dem Feld. Klicken Sie auf Save, um die Änderung zu speichern. If the menu says “Chat Prompt” instead of Greetings, that’s the same field – just look for a large text area.

Sie wissen, dass es geklappt hat, wenn das Vorschaufenster exakt den von Ihnen eingegebenen Text anzeigt und ein Bestätigungsbanner erscheint.

Wählen Sie einen visuellen Stil, der zu Ihrer Seite passt

Während Sie noch in den Bot‑Einstellungen sind, wechseln Sie zum Tab Appearance, Style oder Customization – die Bezeichnung kann variieren, enthält aber meist eine Farbpalette und einen Icon‑Uploader. Wählen Sie eine Farbe, die den Hauptfarbton Ihrer Seite widerspiegelt (Sie können den Hex‑Code kopieren, z. B. #0066CC) und laden Sie ein kleines Logo hoch (ein 100 × 100 Pixel‑PNG funktioniert gut). Die Vorschau rechts aktualisiert sich und zeigt eine Chat‑Blase in der gewählten Farbe und Ihr Logo als Avatar. If you cannot find a colour picker, look for a gear ⚙️ icon that opens “Theme Settings”.

Sie wissen, dass es geklappt hat, wenn die Bubble in der Vorschau die gewählte Farbe und das Icon wiedergibt.

Widget‑Einbettungscode kopieren

Gehen Sie zurück zur Hauptseite des Bots und drücken Sie die Schaltfläche Publish oder Deploy – das veranlasst Alibaba Cloud, den Bot öffentlich erreichbar zu machen. Ein neues Panel mit dem Label Embed Code, Web Widget oder Ähnliches klappt aus und enthält ein Snippet, das mit <script src="..."></script> beginnt. Klicken Sie auf die Schaltfläche Copy neben dem Feld; der Code befindet sich nun in der Zwischenablage Ihres Computers. If there is no Copy button, click inside the box, press Ctrl + C (or Cmd + C on a Mac) to copy it manually.

Sie wissen, dass es geklappt hat, wenn Sie das Snippet in ein Text‑Dokument einfügen können und das vollständige <script>‑Tag erscheint.

Code in die WordPress‑Fußzeile einfügen