Wie ich ein Feedback Formular in meine Webseite oder App einbinden kann - 26 June 2020

Dies ist eine praktische Anleitung die Ihnen zeigt, wie Sie in wenigen einfachen Schritten ein traggr-Feedback-Formular in Ihre Website oder Ihr Produkt einbetten können.

Mithilfe des eingebetteten Feedback-Formulars können Sie Feedback direkt in Ihrer App oder Website sammeln. Kombinieren Sie dieses mit dem Feedback das Sie manuell in traggr erfasst haben und haben Sie so Ihr gesamtes Feedback gesammelt an einem einzigen Ort - in traggr!

Wenn Sie ein Feedbackformular in Ihre React Anwendung einbinden möchten, schauen Sie sich unseren detaillierten Leitfaden zum Einbinden eines Feedback Formulars in eine React Anwendung an.

Los geht’s!

Aktivieren der API

Die zur Verwendung des einbettbaren Feedback-Formulars erforderliche API ist standardmäßig deaktiviert. Unser erster Schritt ist daher die Aktivierung der API. Dazu navigieren wir in traggr zur Teamverwaltung:

Zur Teamverwaltung navigieren

Etwas weiter unten auf der Seite sehen wir den Bereich Integrationen / API:

Integrationen / Api Section

Wichtig: Für den nächsten Schritt müssen Sie Administrator des Teams sein. Aktivieren Sie die Option Feedback Formular zur Einbindung auf Webseiten/Apps verwenden:

Aktivieren der einbettbaren Feedback Form API

Merken Sie sich den Token- und Verifikationscode - wir benötigen diese im nächsten Schritt.

Einbetten des Feedback Formulars in Ihre Webseite oder App

Da wir jetzt die notwendige API aktiviert haben, können wir das Feedback-Formular jetzt einbetten, wo immer wir möchten. Dazu müssen wir nur den folgenden Code an der Stelle einfügen, wo immer unser Feedback-Formular angezeigt werden soll:

<iframe src="https://app.traggr.com/embed/v1/feedbackform?token=[TOKEN]&verification=[VERIFICATION]&source=5&bg=%23ffffff" scrolling="no" height="310px" width="100%" style="border: none;" title="Feedback Form"></iframe>

Wichtig: Wir müssen die Platzhalter [TOKEN] und [VERIFICATION] in dieser Codezeile mit Ihren Token- und Verification- Codes aus dem Schritt der Aktivierung der API ersetzen. Wenn Ihr Token Code 123-456 ist und Ihr Verification Code 456-789, entspricht die Codezeile, die eingebettet werden muss dem folgenden

<iframe src="https://app.traggr.com/embed/v1/feedbackform?token=123-456&verification=456-789&source=5&bg=%23ffffff" scrolling="no" height="310px" width="100%" style="border: none;" title="Feedback Form"></iframe>

Das war’s. Nun haben Sie ein eingebettetes Feedback Formular auf Ihrer Webseite oder Ihrer App:

Eingebettetes Feedback Formular

Hinweis: die konkrete Implementierung weicht aufgrund der verwendeten Technologie Ihrer Webseite oder Applikation ab. Falls Sie ein Feedback Formular in Ihre App einbinden möchten, würden Sie eventuell einen eingebetteten WebView verwenden.

Falls Sie Fragen zum Einbetten in Ihrem speziellen Fall haben, kontaktieren Sie uns gerne und wir werden Ihnen schnellstmöglich helfen.

Anpassung (optional)

Natürlich kann das Aussehen des einbettbaren Feedback-Formulars angepasst werden, um die visuelle Integration in Ihre Website oder Ihr Produkt weiter zu verbessern. Es gibt folgende Optionen, um das Aussehen des Feedback-Formulars anzupassen:

Hintergrundfarbe (bg): Verwenden Sie diese Option, um die Hintergrundfarbe des Feedback Formulars mit einem Hex Wert (#FFFFFF) zu setzen:

&bg=%23D0CCD0

Buttonfarbe (bbg): Verwenden Sie diese Option, um die Buttonfarbe mit einem Hex Wert (#FFFFFF) zu setzen:

&bbg=%231C6E8C

Button Textfarbe (bc): Verwenden Sie diese Option, um die Button Textfarbe mit einem Hex Wert (#FFFFFF) zu setzen:

&bc=%23FBFCFF

Hinweis Der Farbcode muss URL encoded werden, das # Zeichen wird also zu “%23”. Falls Sie die Hintergrundfarbe auf schwarz setzen möchten, setzen Sie die folgende Option im src des iframe’s:

&bg=%23000000

Unser resultierendes individuelles Feedback-Formular mit dem folgenden Code

<iframe src="https://app.traggr.com/embed/v1/feedbackform?token=123-456&verification=456-789&source=5&bg=%23D0CCD0&bbg=%231C6E8C&bc=%23FBFCFF" scrolling="no" height="310px" width="100%" style="border: none;" title="Feedback Form"></iframe>

sieht nun so aus:

Individuelles eingebettetes Feedback Formular

Summary

In diesem Artikel haben wir erklärt, wie Sie mit traggr schnell und einfach ein Feedback-Formular in Ihre Website oder Ihr Produkt einbetten können.

Starten Sie jetzt kostenlos, wenn Sie sich noch nicht für traggr angemeldet haben. Erstellen Sie Ihr Team und binden Sie in wenigen Minuten Ihr angepasstes Feedback-Formular ein!

Jetzt kostenlos mit traggr starten

oder

Mehr über traggr erfahren

Falls Sie Unterstützung benötigen, zögern Sie nicht und kontaktieren Sie uns.