Elements erstellen und verwenden
Geändert am: Mi, 18 Sep, 2024 um 5:03 NACHMITTAGS
INHALTSVERZEICHNIS
- Was sind Elements?
- Wo finde ich Elements?
- Wie lege ich ein Element an?
- Wie binde ich ein Element auf meiner Webseite ein?
- Ihre Elements in der Übersicht
- Element-Typ: Spendenbutton
- Element-Typ: QR-Code
In diesem Artikel erfahren Sie, wie Sie Elements in Ihrer FundraisingBox-Instanz konfigurieren und in Verbindung mit Ihrer Webseite verwenden können. Im Laufe der Zeit werden wir weitere Elements-Optionen ergänzen.
Was sind Elements?
Elements sind helfende Applikations-Elemente rund um Ihre Spendenformulare. Diese können Sie in Ihrer Webseite einbinden, um spendenden Personen zusätzliche Funktionalitäten zu Ihrem aktuellen Spendenformular bereitzustellen.
Wo finde ich Elements?
Um zur Liste Ihrer Elements zu gelangen, klicken Sie in Ihrer FundraisingBox-Instanz in der grauen Seitenleiste links auf den Eintrag Elements:
Wie lege ich ein Element an?
Wählen Sie in der Liste Ihrer Elements das gewünschte Element aus, das Sie anlegen möchten:
Wie binde ich ein Element auf meiner Webseite ein?
Nach dem Speichern der Konfiguration eines Elements erhalten Sie entsprechenden HTML-Code, den Sie leicht in Ihre Webseite einfügen können, um das Element einzubinden:
Ihre Elements in der Übersicht
In der Übersicht können Sie alle von Ihnen angelegten Elemente einsehen und bearbeiten. Weiterhin können Sie hier auch leicht den Status, sowie das verknüpfte Spendenformular ihres angelegten Elements einsehen.
Hinweis: Wurde ein dem Element zugeordnetes Spendenformular gelöscht oder deaktiviert, so werden auch die dazugehörigen Elements deaktiviert.
Von Ihnen verwendete Elements werden automatisch je nach Status auf Ihrer Webseite angezeigt (Element aktiv) oder ausgeblendet (Element inaktiv). Um ein Element wieder zu reaktivieren, muss dieses erneut mit einem aktiven Formular verknüpft werden oder das aktuell zugehörige Formular wieder aktiviert werden.
Element-Typ: Spendenbutton
Der Spendenbutton erzeugt eine Schaltfläche, die die Besuchenden Ihrer Webseite zu Ihrem Spendenformular weiterleitet.
Allgemeine Einstellungen: Name & Spendenformular
- Vergeben Sie hier einen freien Namen. Dieser wird den spendenden Personen nicht angezeigt und dient rein zu Ihrer Orientierung.
- Wählen Sie dazu das Formular aus, mit welchem der Spendenbutton verknüpft werden soll.
- Die Ziel-URL des Formulars wird anfänglich von Ihrem ausgewählten Spendenformular übernommen.
- Sie können die Ziel-URL bearbeiten, um z.B. auf eine andere Seite zu verknüpfen oder Tracking-Parameter hinzuzufügen.
Inhaltseinstellung: Text & Icon
In den folgenden Einstellungen können Sie die Inhalte Ihres Spendenbuttons bearbeiten. Der Button-Text wird auf Ihrem Spendenbutton angezeigt. Das Icon erscheint vor dem Text.
Design-Einstellungen: Ihr Button ganz nach Ihren Wünschen
Nach den inhaltlichen Einstellungen, können Sie nun auch das Design Ihres Spendenbuttons ganz nach Ihren Bedürfnissen anpassen:
- Von der Hintergrundfarbe, zur Textfarbe, dem Schriftstil und weiteren Anpassungsmöglichkeiten, können Sie Ihren Button ganz nach Ihren Wünschen gestalten.
- Wenn Sie die Schriftart Ihres Spendenbuttons anpassen, möchten, so können Sie eine der websicheren Schriftarten (Web Safe Fonts) auswählen. Diese werden auf den meisten Systemen unterstützt.
- Möchten Sie, dass der Spendenbutton die Schriftart der Webseite übernimmt, auf der er angezeigt wird, wählen Sie einfach den Menupünkt Schriftart von eingebetteter Webseite übernehmen aus.
- Um eine eigene Schriftart zu definieren, nutzen Sie bitte Erweiterte Einstellungen.
- Die gewählte Animation lenkt die Aufmerksamkeit der Besuchenden dezent auf Ihren Spendenbutton. Nach einiger Zeit wird die Animation wiederholt und endet nach mehreren Wiederholungen ganz, um das Nutzererlebnis nicht zu stören.
Hinweis: Einige Browser erlauben es, Animationen per Konfiguration zu reduzieren (prefers-reduced-motion). Wird Ihre Webseite mit der aktivierten Einstellung für reduzierte Animationen besucht, so wird keine Animation abgespielt.
Als letztes können Sie, neben dem Grunddesign, auch die Position des Spendenbuttons auf Ihrer Webseite bestimmen.
Tipp: Sie können den Button ohne eine vorgegebene Position fließend in Ihrem Seiteninhalt mit einbinden oder ihn fest an einer Stelle fixieren. Eine fixierte Positionierung bewirkt, dass das Element immer an derselben Stelle auf der Seite bleibt, auch wenn im Browser z.B. nach unten gescrollt wird.
Hinweis: Bitte beachten Sie beim Fixieren auf der Seite, ob es auf Ihrer Webseite eventuell bereits vorhandene Steuerelemente gibt, die schon an dieser Position fixiert sind. Doppelte Positionierungen können zu Überlagerungen führen und damit die Nutzbarkeit Ihrer Elemente einschränken oder gar verhindern.
Element-Typ: QR-Code
Mit einem Scan vom Smartphone direkt auf Ihr Spendenformular?
Der QR-Code macht es möglich!
Ein QR-Code ist wie ein Barcode, einmal generiert, können Sie ihn jederzeit abscannen, auslesen und dorthin gelangen, wo Sie möchten. Im besten Falle direkt auf Ihr Spendenformular, um Ihren Spender*innen das Spenden so schnell und einfach wie möglich zu gestalten - auch unterwegs!
Die meisten aktuellen Smartphones auf dem Markt haben bereits einen QR-Code Scanner innerhalb der Kamera-Funktion integriert, Nutzer*innen mit älteren Geräten können jederzeit einen QR-Code-Reader im App Store herunterladen.
Allgemeine Einstellungen: Name & Spendenformular
Vergeben Sie hier einen freien Namen. Dieser wird den Spender*innen nicht angezeigt und dient rein zu Ihrer Orientierung.
Wählen Sie dazu das Formular aus, auf welches der QR Code später verlinken soll.
Die Ziel-URL des Formulars wird anfänglich von Ihrem ausgewählten Spendenformular übernommen. Sie können die Ziel-URL bearbeiten, um z.B. auf eine andere Seite zu verknüpfen oder Parameter, wie Tracking und andere Vorbelegungen hinzuzufügen.
Design Einstellungen: Ihr QR Code ganz individuell!
Nach den inhaltlichen Einstellungen, können Sie nun auch das Design Ihres QR Codes ganz nach Ihren Bedürfnissen anpassen.
Mit Hintergrund-, Punkt- und Ankerfarben haben Sie den vollen Spielraum zur freien Gestaltung, um den QR Code nicht nur moderner, sondern auch passend zu Ihrem Organisations-Design zu gestalten. Achten Sie dabei jedoch immer auf einen ausreichenden Kontrast, um die Scanbarkeit Ihres QR Codes zu gewährleisten.
Beispiel-Vorschau:
Die Live-Vorschau neben den Einstellungsmöglichkeiten hilft Ihnen dabei, direkt Ihre Anpassungen zu sehen und schnell und einfach weitere Änderungen vorzunehmen.
Design Einstellungen: Download!
Sie sind mit Ihren Einstellungen fertig und wollen Ihren QR Code einsetzen?
Speichern Sie Ihre Einstellungen schnell und einfach ab, danach gelangen Sie automatisch zum Downloadbereich Ihres QR Codes.
Wir stellen Ihnen drei unterschiedliche Dateiformate zur Verfügung, um den QR Code in jedem Medium bestmöglich nutzen zu können. Print, Web - ganz wie es Ihnen beliebt und Ihre Spendenziele vorantreibt!
War diese Antwort hilfreich? Ja Nein