Werk:AI mit Arnie/KI-Agenten in Webseiten integrieren oder als Ap
Nachdem du das Ding auf Render gehostet hast, kannst du es immer und überall aufrufen. Das heißt, das funktioniert jetzt auch auf anderen Computern.
Ich zeig dir mal kurz ein paar Dinge, die ich hier auf Render laufen habe. Hier sind ein paar Webservices. Wenn man auf ein solches Ding jetzt draufklickt, dann kann man es immer abrufen. Wenn man hier draufklickt, danach wirst du wieder in deinem normalen Flowise-Interface landen. Und hier drinnen kannst du deine Chatbots bauen.
Wir haben jetzt natürlich schon einen Chatbot gebaut. Wir gehen aber davon aus, dass du jetzt natürlich über Render diesen Chatbot baust. Denn der ist für andere Leute. Und deshalb will ich dir in diesem Video jetzt natürlich zeigen, wie du einen solchen Chatbot, zum Beispiel, einbauen kannst in Webseiten. Mit diesem Chatbot kannst du ganz viele Dinge machen. Doch in diesem Video zeige ich dir, wie du ihn einbaust in Webseiten. Danach, im nächsten Video, zeige ich dir natürlich, wie du die Feinheiten angehen kannst.
Wir starten erstmal mit dem Einbauen in verschiedene Webseiten. Dafür wechsle ich noch mal zurück auf meine andere Flowise Instanz, damit wir den Chatbot verwenden können, den wir bereits gebaut haben. Wir sind jetzt wieder bei meinen DoggCrap-Agenten hier. Und diesen DoggCrap-Agenten, den wollen wir einbauen in eine Webseite.
In Flowise haben wir hier rechts oben viele Dinge, die wir machen können. Erstmal hier die Einstellungen. Bei diesen Einstellungen, die werde ich dir im nächsten Video genau zeigen, denn du kannst wahnsinnig viele Dinge mit einbauen. Und wenn du diesen Chatbot eben rausreißen willst aus diesem Interface, dann machst du das hier oben.
Generell hast du ein paar verschiedene Möglichkeiten. Du hast hier „Embed“. Das heißt, du kannst diesen Code-Snippet kopieren und in eine HTML-Webseite oder in eine WordPress-Webseite einbauen. Du hast auch eine Fullpage-HTML, du hast Popup-React und Fullpage-React.
Generell würde ich dir raten, wenn jemand eine HTML-Webseite hat, einfach nur Popup-HTML zu verwenden. Dann hast du eine kleine Chatbubble, und das ist das Beste für die allermeisten Leute. Also, das ist wirklich das, was am besten funktioniert.
Wenn du hier drunter draufklickst, sind mehrere Dinge dabei, die wir uns im nächsten Video ansehen.
Daneben hast du natürlich noch mehr Möglichkeiten. Auch in Python kannst du diesen Endpoint mit einbauen, auch in Java, in Curl und so weiter.
Aber, wie gesagt, das Einfachste ist, hier auf „Embed“ zu gehen. Und wenn du auf „Embed“ gehst, kannst du diesen Code-Snippet kopieren, indem du hier draufklickst.
Ich werde hier das Beispiel machen an einer ganz normalen HTML-Webpage. Das habe ich, um ehrlich zu sein, auch einige Male gezeigt. Wenn du in WordPress arbeitest, ist das aber genauso einfach. Da musst du ganz einfach nur diesen Code-Snippet kopieren und einfügen in einem WordPress-Plugin. Hier gibt es viele Plugins. Das installierst du in WordPress einfach und fügst diesen Code-Snippet ein. Und dann war’s das Ganze tatsächlich schon.
Ich habe das Ding jetzt kopiert und diesen Chatbot jetzt in eine HTML-Webseite eingebaut. Das hier ist die Webseite, in den wir diesen Chatbot einbauen wollen: DoggCrap-Training – Unleash unlimited potential. About, Benefits, Training schedule, Testimonials und Contact. Also, About, DoggCrap-Training, Benefits und so weiter. Du siehst, wie das Ganze hier aufgebaut ist:. Hier die Testimonials, der Kontakt.
Und ja, das ist hier natürlich alles rein erfunden. Diese Seite existiert nicht wirklich. Die habe ich gerade in Replit zusammengeschustert. Das soll nur ein Beispiel werden. Und Replit ist in dem Sinne praktisch, weil ich hier auf der linken Seite den Code habe. Dann kann ich das alles sofort live zeigen.
Alles, was du machen musst, ist, in den „Body“-Bereich einer HTML-Webseite zu gehen. Also, such nach dieser Zeile „Body“, nimm hier eine neue Zeile und füge den Code ein von deiner Flowise-Instanz. Also diesen hier. Den hast du ja kopiert. Den fügst du einfach hier ein in diesen Body. Und jetzt klickst du mal auf „Play“. Dann sehen wir uns an, was hier passiert.
Das haben wir jetzt hier unten eingebaut. Das heißt, wenn wir hier draufklicken, dann haben wir diesen DoggCrap-Agenten hier mit eingebaut auf dieser Webseite. Das würdest du jetzt natürlich für Kunden machen, zum Beispiel. Aber das kann natürlich auch deine Webseite sein. Wenn es deine Webseite ist, würdest du diesen Chatbot wahrscheinlich verwenden, um Leads einzusammeln. Aber ich zeig dir generell, wie der Einbau in den Webseiten funktioniert. Das ist wirklich so einfach.
Und hier kannst du jetzt alles fragen zu diesem DoggCrap-Training. „Was ist DoggCrap-Training?“, zum Beispiel. Und wir werden auch hier die Antworten bekommen. Unser KI-Agent antwortet uns hier jetzt natürlich ganz genauso. Also: der Trainingsaufbau, Restpausensätze. Also, hier haben wir alles sofort bekommen: den Trainingsaufbau, die Restpausensätze, das Progressionsprinzip, die Dehnung, die Ernährung. Und im Groben war’s das Ganze schon.
Natürlich, wenn du hier oben draufklickst, dann ist das Ding wieder weg. Du siehst also, es funktioniert perfekt. Dieser Chatbot, der kann helfen, den kann man wirklich so einfach einbauen.
Wenn ein Kunde von dir oder auch du selbst diesen Chatbot nicht in der Webseite haben willst, dann hast du noch eine Möglichkeit. Und zwar: Du kannst auf „Share Chatbot“ klicken. Wenn du auf „Share Chatbot“ gehst, dann klickst du hier auf „Make Public“. Und danach funktioniert dieser Bot auf einer separaten URL, und zwar auf dieser hier.
Und diesen Chatbot, den kannst du auch hübscher machen. Das sehen wir uns im nächsten Video an. Du kannst einen Titel geben, einen Avatar, eine Willkommensnachricht und vieles, vieles mehr. Das sehen wir uns, wie gesagt, natürlich im nächsten Video genauer ansehen.
Generell kannst du diese Webseite erreichen, indem du hier draufklickst. Das heißt, diesen Link würdest du einem Kunden von dir zusenden., dann hat er sozusagen eine Standalone-App. Und auch das ist natürlich praktisch, wenn zum Beispiel die Leute von dir, die Kunden von dir, anderen Kunden diese Dinge zusenden wollen. Auch hier kannst du fragen: „Was ist DoggCrap?“. Und auch hier antwortet natürlich unser KI-Modell sofort. Also hier die Frage: „Was ist DoggCrap?“. Und wir bekommen natürlich auch hier wieder diese Antwort.
Das sind die Dinge, die du verwenden kannst, um diesen Chatbot zu hosten. Also, du machst dir deinen Server auf Render. Und dann kannst du ihn entweder einbauen in Webseiten, in HTML-Webseiten, in WordPress-Webseiten. Natürlich kannst du ihn auch erreichen über Python, über JavaScript, über Curl. Oder du kannst „Share Chatbot“ klicken und eine Standalone-Applikation haben.
Das sind die Dinge, die Kunden von dir wollen, wenn du solche Chatbots verkaufst. Und das ist höchstwahrscheinlich auch das Ding, das du haben willst, wenn du ein Business hast und du willst die Dinge bei dir irgendwo mit integrieren.
Wie gesagt: In der Webseite macht es am meisten Sinn. Und im nächsten Video will ich dir viele, viele Tricks zeigen. Ich will dir zeigen, wie du Leads einfangen kannst. Ich will dir zeigen, wie du den Chatbot besser machen kannst, wie du den Style ändern kannst und vieles, vieles mehr. Kunden sind natürlich anspruchsvoll. Und wir müssen diesen Ansprüchen entgegenkommen.