> For the complete documentation index, see [llms.txt](https://docs.flowdust.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flowdust.com/erste-schritte.md).

# Kurzanleitung

### **Übersicht**

1. Flowdust installieren
2. Website hinzufügen
3. Ein Widget erstellen: 3.1 Flowter erstellen, 3.2 Statusmeldung erstellen
4. Widget mit Website verknüpfen

## **Flowdust installieren**

* [Logge dich ein](https://flowdust.com/signup) und klicke links in der Navgiationsleiste auf "Installation".

![](/files/-M4U1jL30uunB7xCQGyq)

* Wähle deine Plattform und folge anschließend der Anleitung, um das Skript in deine Website zu implementieren.

## **Eine Website hinzufügen**

* Klicke links in der Navigationsleiste auf "Website hinzufügen".

![](/files/-M6_35Jo4Lsbn7wkJ0gE)

* Vergib einen Namen
* Gib die URL an, auf der dein Widget erscheinen soll
* (optional) Füge Parameter hinzu
* Klicke auf "Website hinzufügen"

## **Ein Widget erstellen**

* Klicke links in der Navigationsleiste auf "Erstelle ein Widget"
* Wähle das Widget aus, das du auf deiner Website haben möchtest.

![](/files/-M6_3zxeoec6VAbHoEXN)

### **Einen** [**Flowter** ](https://flowdust.com/widget/flowter)**erstellen**

Wähle eine Vorlage aus oder beginne einen neuen Flowter

Neuer Flowter:&#x20;

* Gib deinen Flowter einen Namen
* Erstelle eine Frage - Du kannst weitere hinzufügen, indem du auf den Button "+" klickst
* Gib deine Antwortmöglichkeiten an - Du kannst bis zu 5 hinzufügen

![Flowter Creator](/files/-M6_8N1vLZ6bVfP41CdK)

* Wähle einen Text, der am Ende deines Flowters stehen wird
* Bestimme die Position und Art, wie dein Flowter angezeigt werden soll

![](/files/-M6_7vIithqWyF_w78NZ)

* Wähle die Farbe für deinen Flowter
* Wenn dein Flowter nicht sofort angezeigt werden soll, kannst du nun festlegen, wann genau er erscheinen soll

![](/files/-M6_7b6Gi4d5cD8SFso2)

* Klicke auf Speichern

### **Eine** [**Statusmeldung** ](https://flowdust.com/widget/statusmessage)**erstellen**

* Gib deiner Statusmeldung einen Namen
* Gib eine Überschrift an
* Füge den Text ein, den du auf deiner Website angezeigt haben möchtest

![Statusmeldung Creator](/files/-M6_9g5DkuhP5M2ra55I)

&#x20;***(**&#x6F;ptional) Erstelle einen Button*&#x20;

* Gib den Text deines Buttons ein
* Gib die URL an, zu der man nach dem Buttonklick weitergeleitet wird

![Button](/files/-M6_BcQoRgHLPXOpooeh)

*(optional) Füge ein Icon hinzu*

* Gib die URL deines Icons an

![Icon](/files/-M6_D_Rw0A-icEb7-JfY)

* Bestimme die Position deines Flowters
* Gib an, wann deine Statusmeldung auf der Website angezeigt werden soll

![](/files/-M6_F1s1cUq3jmweyoP0)

* Klicke auf Speichern

## Widget mit Website verknüpfen

* Gehe zurück zu deinem Dashboard
* Klicke unter Webseiten auf "Wähle ein Widget"
* Wähle dein Widget aus

![](/files/-M6_H83dtS5fcbbBKIJ5)

**Das Widget sollte nun auf deiner Website platziert sein.**

&#x20;*Falls du Probleme oder Fragen hast, wende dich bitte an unseren Support: <hello@flowdust.com>*
