{"id":11485,"date":"2024-08-23T14:43:53","date_gmt":"2024-08-23T12:43:53","guid":{"rendered":"https:\/\/www.lamapoll.de\/blog\/?p=11485"},"modified":"2024-09-12T08:05:11","modified_gmt":"2024-09-12T06:05:11","slug":"wie-fuege-ich-einen-info-button-in-umfragen-ein","status":"publish","type":"post","link":"https:\/\/www.lamapoll.de\/blog\/wie-fuege-ich-einen-info-button-in-umfragen-ein\/","title":{"rendered":"Wie f\u00fcge ich einen Info-Button in Umfragen ein?"},"content":{"rendered":"\n

Das Einf\u00fcgen eines Info-Buttons beziehungsweise Info-Popups ist einfach umgesetzt und erm\u00f6glicht es Ihnen, n\u00fctzliche Zusatzinformationen zielgerichtet und platzsparend unterzubringen. Der erkl\u00e4rende Inhalt wird sichtbar, sobald Nutzende den Mauszeiger \u00fcber das hinterlegte Info-Icon bewegen. Info-Buttons k\u00f6nnen an vielen Stellen im Fragebogen einfach via Text-Editor eingef\u00fcgt werden. Wie Sie den Info-Button beispielsweise in Ihre Fragestellungen, Texte oder Auswahloptionen integrieren, haben wir anhand eines Beispiels f\u00fcr Sie zusammengefasst:<\/p>\n\n\n\n

In einem ersten Schritt \u00fcberlegen Sie sich, wo Sie den Info-Button platzieren wollen. In unserem Beispiel soll die Antwortoption \u201eUser Experience“ einer Matrixfrage n\u00e4her erkl\u00e4rt werden. Klicken Sie sich dazu \u00fcber das gro\u00dfe Bleistift-Symbol links neben Ihrer Matrixfrage in den Modus \u201eFrage bearbeiten“. <\/p>\n\n\n\n

Im Men\u00fcpunkt \u201eZeilen“ finden Sie die Option \u201eBeschriftung Links“ – hier k\u00f6nnen Sie die Antwortoptionen Ihrer Matrixfrage eintragen und anschlie\u00dfend rechts \u00fcber das jeweilige Bleistift-Symbol individuell bearbeiten (siehe Abbildung 1).<\/p>\n\n\n\n

\"\"<\/a>
Abb. 1 – Klicken Sie sich \u00fcber das Bleistift-Symbol neben Ihrer Antwortoption weiter, um das Item zu bearbeiten.<\/em><\/figcaption><\/figure>\n\n\n\n

Im jetzigen Overlay \u201eText bearbeiten“ haben Sie die M\u00f6glichkeit, einen Info-Button zu erg\u00e4nzen. Klicken Sie dazu das Info-Symbol \u201ei“ ganz rechts in der Auswahlleiste des Editors an. Erg\u00e4nzen Sie nun Ihren Hinweistext an der ausgewiesenen Stelle und f\u00fcgen Sie diesen ein (siehe Abbildung 2).<\/p>\n\n\n\n

\"\"<\/a>
Abb. 2 – Klicken Sie im Editor auf das i-Symbol, um den Hinweistext f\u00fcr Ihren Info-Button zu erg\u00e4nzen.<\/em><\/figcaption><\/figure>\n\n\n\n

\u00dcbrigens:<\/strong> Ein Info-Button muss nicht zwingend eine Definition beinhalten. Sie k\u00f6nnen auch eine Warnung, einen Hinweis oder eine Frage einf\u00fcgen – alles, was einen Mehrwert bietet. Je nachdem, was Sie hinzuf\u00fcgen, bietet es sich an, die Optik des Icons anzupassen. Daf\u00fcr stehen Ihnen neun Varianten zur Verf\u00fcgung. Verbleiben Sie dort, wo Sie Ihren Hinweistext eingetragen haben. Klicken Sie auf den nach unten gerichteten Pfeil, w\u00e4hlen jetzt wie in Abbildung 3 das passende Icon aus, klicken nachfolgend auf \u201eEinf\u00fcgen“ und speichern Ihre Anpassungen.<\/p>\n\n\n\n

\"\"<\/a>
Abb. 3 – Es gibt neun verschiedene Optionen, Ihren Info-Button optisch anzupassen.<\/em><\/figcaption><\/figure>\n\n\n\n

Wenn Sie Ihren Info-Button mit einem Hinweistext versehen und ggf. optisch angepasst haben, dann sind Sie auch schon fertig. Neben Ihrem Text – in unserem Beispiel die Antwortoption \u201eUser Experience“ in einer Matrixfrage – erscheint nun Ihr Info-Button mit Ihrem Hinweistext als Mouse-over (siehe Abbildung 4).<\/p>\n\n\n\n

\"\"<\/a>
Abb. 4 – Sobald Sie mit Ihrer Maus \u00fcber den Info-Button hovern, erscheint Ihr Hinweistext.<\/em><\/figcaption><\/figure>\n\n\n\n

W\u00fcnschen Sie sich mehr M\u00f6glichkeiten, Ihren Fragebogen zu individualisieren? Dann verwenden Sie CSS-Befehle. Wie das funktioniert, erfahren Sie in unserem Helpdesk: Design-Funktionen CSS-Befehle<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Das Einf\u00fcgen eines Info-Buttons beziehungsweise Info-Popups ist einfach umgesetzt und erm\u00f6glicht es Ihnen, n\u00fctzliche Zusatzinformationen zielgerichtet und platzsparend unterzubringen. Der erkl\u00e4rende Inhalt wird sichtbar, sobald Nutzende den Mauszeiger \u00fcber das hinterlegte Info-Icon bewegen. Info-Buttons k\u00f6nnen an vielen Stellen im Fragebogen einfach via Text-Editor eingef\u00fcgt werden. Wie Sie den Info-Button beispielsweise in Ihre Fragestellungen, Texte oder […]<\/p>\n","protected":false},"author":1,"featured_media":1434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,156],"tags":[1982,1980,1983,1984,1986,1985],"class_list":["post-11485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedbackmanagement","category-frage-der-woche","tag-infobutton-bei-antwortoptionen-einfuegen","tag-infobutton-in-eine-frage-einfuegen","tag-infobuttons-zu-einzelnen-auswahlfeldern","tag-zusatzinfo-zu-einzelnen-woertern-einblenden","tag-zusatzinformationen-als-hover-button","tag-zusaetzliche-informationen-als-infobutton"],"_links":{"self":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/11485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/comments?post=11485"}],"version-history":[{"count":23,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/11485\/revisions"}],"predecessor-version":[{"id":12226,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/11485\/revisions\/12226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media\/1434"}],"wp:attachment":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media?parent=11485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/categories?post=11485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/tags?post=11485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}