Feedback Creative

Über Feedback Button Creatives

Die Feedback-Schaltfläche ähnelt den Feedback-Reitern und Slidern und ermöglicht es Ihnen, barrierefreie Creatives auf verschiedene Gerätegrößen abzustimmen. Diese Creative macht es viel einfacher, schnell Feedback-Buttons für Ihre Websites hinzuzufügen.

Entwerfen einer Feedback-Schaltfläche

Einrichten der Feedback-Schaltfläche Creative

Sobald Sie Zugang zu dieser Funktion haben, steht Ihnen die Schaltfläche Feedback neben anderen Creative zur Verfügung. Sie können Ihre Feedback-Schaltfläche mit der geführten Website-Feedback-Einrichtung erstellen, oder Sie können Ihre Feedback-Schaltfläche selbst erstellen, indem Sie nach unten zum Abschnitt “Stück für Stück” scrollen.

Wenn Sie auf die Schaltfläche Feedback klicken, haben Sie die Möglichkeit, Ihre Creative zu benennen.

Design

Im Bereich Look & Feel können Sie das allgemeine Design des Creative wie folgt anpassen:

• Position der Schaltfläche: Legen Sie fest, wo die Schaltfläche auf der Webseite erscheinen soll.
• Text der Schaltfläche: Geben Sie den Text für die Schaltfläche an.
• Schaltflächensymbol: Wählen Sie das Symbol, das Sie auf der Schaltfläche links neben Ihrem Text anzeigen möchten.
• Textfarbe: Wählen Sie die Farbe des Schaltflächentextes.
• Farbe der Schaltfläche: Wählen Sie die Farbe der Schaltfläche selbst.
• Form der Schaltfläche: Konfigurieren Sie den Radius des Randes Ihrer Schaltfläche. Dies bestimmt, wie gerundet die Ecken sind.
• Meine eigene Schaltfläche verwenden: Laden Sie Ihr eigenes Bild hoch, um es als Schaltfläche zu verwenden. Sie haben die Möglichkeit, die Größe des Bildes unverändert zu übernehmen oder es auf die passende Größe zu bringen. Wenn Sie Ihre eigene Schaltfläche verwenden, erhalten Sie ein Feld, in das Sie einen Alt-Text eingeben können, der für die Verwendung von Bildschirmlesetechnologie geeignet ist.
  

• Verwenden Sie eine Vorlage: Verwenden Sie eine DESIGNVORLAGE für Umfragen als Vorlage für die Stileinstellungen des Creatives. Dadurch werden die Einstellungen für die Grundfarbe und die Frageabstände dieser Designvorlage für Umfragen importiert.
  
  Tipp: Die Einstellungen im Creative werden von dem als Vorlage verwendeten Designvorlage getrennt. Die Einstellungen des Creative werden nicht aktualisiert, wenn sich das Designvorlage ändert, und die Einstellungen des Creative ändern das Designvorlage nicht.
• CSS anpassen: Passen Sie das CSS der Feedback-Schaltfläche nach Belieben an. Sie können zusätzlich zu den Standardklassen und -eigenschaften benutzerdefinierte Klassen und Eigenschaften hinzufügen. Hier vorgenommene Änderungen werden möglicherweise nicht in der Vorschau widergespiegelt; denken Sie daran Test Ihr Intercept vor der Bereitstellung, indem Sie die geführte Einrichtung abschließen.
  Achtung: Der folgende Code wird unverändert bereitgestellt und erfordert Programmierkenntnisse, um implementiert werden zu können. Der Qualtrics Support bietet keinerlei Hilfestellung oder Beratung im Zusammenhang mit eigenem Programmcode an. Stattdessen können Sie sich gerne in unserer engagierte Benutzer-Community erkundigen.
  Achtung! Wenn mehrere Feedback-Schaltflächen auf einer Seite vorhanden sind, wirkt sich das benutzerdefinierte CSS auf alle Schaltflächen auf der Seite aus. Das CSS des zuletzt geladenen Intercepts wird für alle Intercepts auf der Seite übernommen. Wir empfehlen, nur 1 Feedback-Schaltfläche auf einer Seite zu verwenden, wenn Sie benutzerdefiniertes CSS verwenden.

  -Klicken Sie hier, um das Standard-CSS für Feedback-Schaltflächen anzuzeigen

  Wenn Sie die CSS oder Klassen innerhalb der vordefinierten Vorlage löschen, können Sie die Vorlage nicht aktualisieren oder neu laden. Nachfolgend finden Sie diese Vorlage für den Fall, dass Sie das CSS Ihres Intercept zurücksetzen müssen:
  /* Verwenden Sie die folgenden Klassen, um die Stile der Feedback-Schaltflächen zu überschreiben.
Achtung: Der folgende Code wird unverändert bereitgestellt.
und erfordert Programmierkenntnisse zur Implementierung.
Der Qualtrics Support bietet keinerlei Hilfestellung oder Beratung im Zusammenhang mit eigenem Programmcode an.
Stattdessen können Sie sich gerne in unserer engagierten Benutzer-Community erkundigen.
Hilfe zum benutzerdefinierten Code finden Sie unter https://community.qualtrics.com/custom-code-12
HINWEIS: Die hier vorgenommenen Änderungen werden in der Vorschau nicht übernommen.
Bitte stellen Sie sicher, dass Sie Ihre Änderungen manuell testen. */
/* Style feedback button parent container. Dies ist ein Container, der sich über den gesamten Bildschirm legt und größtenteils transparent ist und die Feedback-Schaltfläche enthält */
.QSIFeedbackButton {
/* z-index: 1; */
/* white-space: normal !important; */
}
/* Style feedback button */
#QSIFeedbackButton-btn div {
/* line-height: 1em !important; */
/* margin: 0 0.5em 0 0 0 !important; */
/* width: auto !important; */
/* font-size: inherit !important; */
/* font-weight: normal !important; */
/* font-style: normal !important; */
/* display: inline !important; */
/* color: #000000 !important; */
/* background-color: #136ef6 !important */
}
/* Style Umfrage iFrame Container. Dies beherbergt den iFrame und erscheint beim Anklicken des Feedback-Buttons */
#QSIFeedbackButton-pullup-container.QSIFeedbackButton {
/* display: inline-block !important; */
/* margin-right: 5px !*/
}
/* Style Umfrage iFrame */
#QSIFeedbackButton-survey-iframe {
/* display: inline-block !important; */
/* height: 100% !important; */
/* width: 100% !important; */
}

Alle oben genannten Optionen können separat konfiguriert werden, um zu steuern, wie die Feedback-Schaltfläche für Desktop-Webbrowser bzw. mobile Webbrowser angezeigt wird – über die Registerkarten Web (Desktop) oder Mobile Web.

Für Mobile Web gibt es auch die Möglichkeit, dieses Creative bei Bedarf komplett zu deaktivieren. Wählen Sie Diese Schaltfläche im mobilen Browser nicht anzeigen, um sie für mobile Geräte zu deaktivieren.

UMFRAGEN Anzeige

Im Bereich Anzeige der Umfrage können Sie festlegen, wie die eigentliche Umfrage angezeigt werden soll, sobald der Benutzer auf die Schaltfläche für das Feedback klickt.

Die UMFRAGEN-Anzeigeoptionen für Web (Desktop) sind:

• Web-Anzeige:
  • Schieberegler: Die Umfrage wird in einem Schieberegler angezeigt, der sich ein- und ausblenden lässt. Wenn Sie ein Symbol zum Ausschalten der Feedback-Schaltfläche aktiviert haben, werden durch Klicken auf das X sowohl der Slider als auch die Feedback-Schaltfläche ausgeschaltet (z. B. verschwindet das gesamte Creative vom Bildschirm).
  • Überlagern: Die Umfrage wird in einem eingebetteten Fenster angezeigt. Mit dem Feld Hintergrund ausblenden können Sie auch die Ebene der Überlagerung einstellen. Wenn Sie ein Symbol zum Schließen der Feedback-Schaltfläche aktiviert haben, wird die eingebettete Umfrage durch Klicken auf das X geschlossen, aber Sie sehen immer noch die Feedback-Schaltfläche und können sie, falls gewünscht, erneut auswählen.
  • Neues Fenster: Die Umfrage wird in einem neuen Fenster angezeigt.
• Größe der Umfragen: Steuern Sie die Größe der Umfragen (Höhe) auf Ihrer Seite in Prozent der Gesamthöhe der Seite. Nur eine Option, wenn Sie Schieberegler für die Webanzeige wählen.
• Hinzufügen eines Symbols zum Ausschalten des Feedback-Buttons: Fügen Sie die Option hinzu, dass die Benutzer die Feedback-Schaltfläche ausblenden können.
• Iframe-Titel: Wenn Sie ein eingebettetes Ziel zu Ihrem entsprechenden Intercept hinzugefügt haben, fügen Sie einen Titel hinzu, den Bildschirmleser interpretieren können.

Die UMFRAGEN-Anzeigeoptionen für das mobile Web sind:

• Mobile Web-Anzeige:
  • Hochziehen: Die Umfrage wird in einem Pull-up-Fenster angezeigt, das einen Teil des Bildschirms bedeckt. Wenn Sie ein Symbol zum Schließen der Feedback-Schaltfläche aktiviert haben, wird die eingebettete Umfrage durch Klicken auf das X geschlossen, aber Sie sehen immer noch die Feedback-Schaltfläche und können sie, falls gewünscht, erneut auswählen.
    TIPP: Das Aussehen des Pull-up-Fensters kann mit Hilfe von benutzerdefiniertem Code angepasst werden, dessen Implementierung Programmierkenntnisse erfordert. Der Qualtrics Support bietet keinerlei Hilfestellung oder Beratung im Zusammenhang mit eigenem Programmcode an. Sie können immer versuchen, unsere Community mit dedizierten Benutzern statt dessen. Wenn Sie mehr über unsere Services für benutzerdefinierten Code erfahren möchten, wenden Sie sich bitte an Ihren Qualtrics Account Executive.
  • Neue Registerkarte: Die Umfrage wird in einem neuen Browser-Tab angezeigt. Wenn Sie diese Option wählen, haben Sie nicht die Möglichkeit, einen iframe-Titel hinzuzufügen, da Sie stattdessen zu einer neuen Browser-Registerkarte für die Umfrage navigieren werden.
• Iframe-Titel: Wenn Sie ein eingebettetes Ziel zu Ihrem entsprechenden Intercept hinzugefügt haben, fügen Sie einen Titel hinzu, den Bildschirmleser interpretieren können.

Übersetzungen

Fügen Sie Übersetzungen für Ihren Schaltflächentext hinzu. Eine Schritt-für-Schritt-Anleitung finden Sie unter Übersetzen von Feedback-Schaltflächen & RESPONSIVE-DIALOGFELDERn.

Speichern und Veröffentlichen des Feedback-Buttons Creative

Wenn Sie Änderungen an der Feedback-Schaltfläche CREATIVE vornehmen, sollten Sie Ihre Arbeit regelmäßig speichern, indem Sie auf die Schaltfläche ” Speichern” in der oberen rechten Ecke über dem Vorschaubereich klicken.

Wenn Sie Ihr Creative veröffentlichen möchten, klicken Sie auf VerÖFFENTLICHEN. It sorgt dafür, dass Sie die Creative live auf Ihre mobile App übertragen können.

Konfigurieren von Intercepts

Feedback-Button-Creatives können mit Standard-Intercepts verwendet werden. Vergewissern Sie sich nur, dass Sie beim Einstellen des Intercept-Creatives das spezifische Creative im Bereich der Feedback-Schaltfläche auswählen.

Änderungen der Feedback-Schaltfläche

FAQs