Callouts einbetten
Mit beabee kannst du Umfragen direkt in deine Website einbetten. Das ist zum Beispiel nützlich, wenn du eine Umfrage direkt in einen Artikel einfügen willst. Das kann zum Beispiel so aussehen, wie auf unserer beabee-Webseite:
Das einbetten ist sehr leicht umzusetzen, auch ohne Programmierkenntnisse. So geht's:
Bevor du zum ersten mal etwas einbettest, muss das beabee-Team deine Domain dafür freischalten. Schreibe dafür eine E-Mail an support@beabee.io und bitte um die Freischaltung der Funktion. Sobald sie freigeschaltet ist, bekommst du von uns eine Nachricht.
Die Einbettung erfolgt mit einen kurzen HTML-Code-Block. Setze einen solchen Code-Block an die Stelle auf deiner Webseite, auf der du die Umfrage einbetten willst. (Wie genau du einen Code-Block hinzufügst, ist von Webseite zu Webseite unterschiedlich, weshalb wir dafür keine Anleitung geben können. Für gewöhnlich finden sich HTML-Blocks bei anderen Elementen wie Textblöcken, Bildern etc. Falls du nicht weißt, wie du einen HTML-Block hinzufügst, schaue bitte zuerst im Hilfebereich deines Website-Systems nach. Falls du nicht weiterkommst, kontaktiere gerne das beabee-Team.)
Kopiere folgenden Code-Schnipsel und füge ihn in den Code-Block ein:
Jetzt musst du den Code-Schnipsel nur noch anpassen. Ersetze dafür im vorderen Teil „example.mynewsrooms.org" durch die URL deiner beabee-Instanz, also zum Beispiel „community.beabee.io”
Im hinteren Teil musst dann noch „example” durch den sogenannten Slug des Callouts ersetzen, den du einbetten willst. Das ist immer der letzte Teil der Callout-URL. Im Falle vom oben genannten Callout mit der URL https://community.beabee.io/callouts/beabee-checklist wäre „beabee-checklist" der Slug, mit dem „example" ersetzt werden muss. Der gesamte Code lautet in diesem Fall also:
<script src="https://community.beabee.io/embed.js" data-url="callouts/beabee-checklist"></script>
Wenn du die Seite jetzt veröffentlichst, sollte der Callout eingebettet sein.
Fertig!
Tipp: Du kannst auf diese Art im Prinzip alle Software-Parts von beabee einbetten, zum Beispiel auch die Anmelde-Seite. Dafür muss lediglich der hintere Teil der URL am Ende des Code-Schnipsel eingefügt werden. Im Falle der Anmelde-Seite würde der Code-Schnipsel zum Beispiel so aussehen:
<script src="https://community.beabee.io/embed.js" data-url="join"></script>
Last updated