# 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".

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M4U-326ovLFyNvzi3FD%2F-M4U1jL30uunB7xCQGyq%2Fskriptnew.png?alt=media\&token=819a987f-b8fd-42b7-9b17-85352ca5e3fc)

* 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".

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_1v0Feu3kCpZjIQxK%2F-M6_35Jo4Lsbn7wkJ0gE%2Fdocwebsite.png?alt=media\&token=9c5fc5d3-6bb6-40df-8d2d-bc478fd28cad)

* 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.

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_3zxeoec6VAbHoEXN%2Fdocwidgets.png?alt=media\&token=fe296555-2202-4a49-ae1d-5e167621440c)

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

Wähle eine Vorlage aus oder beginne einen neuen Flowter

Neuer Flowter: 

* 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](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_8N1vLZ6bVfP41CdK%2Fdocflowter.png?alt=media\&token=e419ee1a-cbf3-4a12-b367-e8bd8182df39)

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

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_7vIithqWyF_w78NZ%2Fdocpos.png?alt=media\&token=20a94c4f-5427-459f-af36-76d849955af4)

* 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

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_7b6Gi4d5cD8SFso2%2Fdoctrigger.png?alt=media\&token=e182b128-8609-4942-b28c-e9852a2b67b7)

* 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](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_9g5DkuhP5M2ra55I%2Fdocstatus.png?alt=media\&token=21bd19bc-5b9a-4dc0-bd28-71b37cb58b9e)

 ***(**optional) Erstelle einen Button* 

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

![Button](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_BcQoRgHLPXOpooeh%2Fdocbutton.png?alt=media\&token=f04fc449-ed16-4e96-a2c1-4208d0d16277)

*(optional) Füge ein Icon hinzu*

* Gib die URL deines Icons an

![Icon](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_D_Rw0A-icEb7-JfY%2Fdocicon.png?alt=media\&token=57bf8744-6633-4aac-aeb7-6faee6e84636)

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

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_F1s1cUq3jmweyoP0%2Fdocpostrig.png?alt=media\&token=19420dbb-7d38-4253-b94b-24aaa82e7f93)

* 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

![](https://1777985993-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lq6Pp2aOQAlHXADyjqZ%2F-M6_3E7KhANUxvXSgUCa%2F-M6_H83dtS5fcbbBKIJ5%2Fdocconnect.png?alt=media\&token=11ca510e-ec1b-4af9-8507-bce4fdbdf729)

**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>*