Website-Integration 

Mit twingle können unterschiedliche Arten von Spendenformularen erstellt werden. Für die Gliederungen kommen vor allem zwei twingle-Formulare zum Einsatz, die auf einer Seite eingebunden werden – nachfolgend “Spendenseite” genannt.

1. Das allgemeine Spendenformular
2. Die Liste der Anlassspenden zeigt, für welche Projekte und Aktionen aktuell Spenden gesammelt werden.

Die Spendenseite kann direkt über den Button „Spenden“ in der obersten Menüzeile eingebunden werden.  

Die Seite kann zusätzlich erreicht werden:  

• von thematischen Seiten des eigenen Webauftritts, wo ausführlichere Erläuterungen und Aufrufe zum Spenden stehen und auf die Spendenseite verwiesen wird
• von beliebigen anderen Stellen der Öffentlichkeitsarbeit (Newsletter, Social Media Posts, Zeitschriften, Faltblätter, Plakate, usw.). Dort können die URL/Kurz-URL und der QR-Code angegeben werden.  

Einrichten der Spendenseite im Typo3 Backend

Voraussetzungen

Die Spendenseite kann vom Team Digital der Bundesgeschäftsstelle (digital@adfc.de) bereitgestellt werden. Dafür wird für euch eine neue Seiten mit den Namen „Spenden“ angelegt. Deren Struktur und Inhalt ist bundesweit einheitlich. Die Inhalte müsst ihr an eure Gegebenheiten anpassen. Die Struktur solltet ihr nur aus gewichtigen Gründen ändern.

Diese Seite enthält Container und Inhaltselemente für:

• Seitenüberschrift
• Text-Element für eine kurze Einleitung
• HTML-Element für twingle-Skript
• Element „Sie können auch auf dem Smartphone fortfahren“ + QR-Code zu dieser Seite
• FAQ

Vorhandene Texte sind als Anregung gedacht. Sie können auf eure Verhältnisse angepasst werden.  

Außerdem wird eine zweite Seite mit dem Namen „Vorbereitung Anlasssspenden“ angelegt. Diese ist nicht öffentlich und für Aktive gedacht, die Anlassspenden anlegen.  

HTML-Codes für die Seite „Spenden“ und „Vorbereitung Anlassspenden“ einfügen  

Auf den Seiten müsst ihr in das Feld „HTML“ den jeweiligen HTML-Code aus dem Twingle-Account kopieren. Er darf nicht verändert werden! Auch kleinste Abweichungen verhindern die Anzeige oder korrekte Funktion des twingle-Formulars.  

Text und QR-Code zum Fortsetzen des Spendens auf dem Smartphone

Um den Usern am Desktop das Spenden zu erleichtern, könnt ihr einen QR-Code auf der Seite platzieren. Wird dieser mit dem Handy gescannt, kann der Spendenvorgang dort fortgesetzt werden um bspw. schneller per PayPal, Kreditkarte oder Apple Pay / Google Pay zu spenden – wenn die entsprechenden Apps mit hinterlegten Daten auf dem Handy verfügbar sind.  

Der passende QR-Code kann im Twingle-Account als Bilddatei heruntergeladen werden. Die Datei muss im Typo3-Backend in der Dateiliste hinterlegt werden.  

Im Backend-Element “Bildergalerie” unter dem Reiter „Medien“ wird der QR-Code aus der Dateiliste hinterlegt. Das Element muss zum Abschluss noch gespeichert werden.

FAQ bearbeiten

Auf der Spendenseite ist ein FAQ-Bereich integriert, in dem Fragen zum Spenden beantwortet werden. Die Fragen und Antworten wurden von der Bundesgeschäftsstelle erarbeitet und rechtlich geprüft.  

Eintragen müsst ihr auf jeden Fall eure Kontodaten in der Antwort zur Frage nach der „klassischen Banküberweisung“. Außerdem solltet ihr in der Frage nach der Spenenbescheinigung eine Kontakt-Mailadresse angeben.

Für Erweiterungen, die ihr für euch für sinnvoll haltet, könnt ihr dem FAQ-Container ein Element „Akkordeon Element“ hinzufügen. Das Element besteht aus einer Überschrift (=Frage) und einem Textteil (=Antwort). Nach dem Einfügen von Überschrift und Text das Element speichern und beliebige weitere „Akkordeon Elemente“ im Container einfügen.  

Link im Header anpassen

• Im Backend das Modul „ADFC Konfigurator“ auswählen (nur für Admins sichtbar).  
• Reiter „Einstellungen“ unter „Hier können Sie die Links zur Spendenseite und zur Newsletterseite anpassen.“ (Standardmäßig, d.h. wenn leer, führt der Link nach "/sei-dabei#spenden".) Das Symbol „Linkbrowser“ anklicken.
• Den Link zur Spendenseite auswählen. Im Linkbrowser unter „Seite“ die Spendenseite anklicken. (Hinweis: der Link wird ggf. anschließend nicht im Klartext sondern als „page?uid= …“ angezeigt.)

Wenn diese Arbeiten durchgeführt sind, kann die Spendenseite getestet werden. Im Frontend sollten das Spendenformular und die individuellen Texte gezeigt werden.  

Anpassen der Box "SPENDE LOKAL" auf der Seite "Sei dabei"

• Im Typo3 Modul Seite – Seitenbaum – Editierbare Inhalte die Seite „Sei dabei“ wählen. Dort das CTA-Element „SPENDE LOKAL“ bearbeiten.
• Den Text bei Bedarf anpassen.
• Den Linktext wie z.B. „Jetzt Spenden!“ anpassen
• Den Link mit Hilfe des Link-Browser zur Spendenseiten setzen.

Datenschutzerklärung um das Thema Spenden erweitern  

Da ihr externe Scripte in eure Website einbindet, muss die Datenschutzerklärung dahingehend ergänzt werden. Bitte prüft, ob es ggf. bereits einen Absatz zum Thema Spenden in eurer Datenschutzerklärung gibt.

Falls nicht oder falls der Text nicht ausreichend ist, ergänzt bitte folgenden, von der Bundesgeschäftsstelle rechtlich geprüften Abschnitt und ergänzt ihn.

Dafür im Typo3 Backend im Seitenbaum auf den Ordner „Editierbare Inhalte“ -> „Footer“ -> „Meta Navigation Footer“ und die Seite „Datenschutz“ gehen. Dann folgenden rechtlich geprüften Text ergänzen:

Erhebung, Verarbeitung und Nutzung personenbezogener Daten bei Spenden

Diese Website nutzt das Spendenformular der twingle GmbH, Prinzenallee 74, 13357 Berlin. Wir haben mit twingle einen Vertrag zur Auftragsdatenverarbeitung abgeschlossen.

Die twingle GmbH stellt für dieses Spendenformular die technische Plattform für den Spendenvorgang zur Verfügung. Die von Ihnen bei der Spende eingegebenen Daten (z.B. Adresse, Bankverbindung etc.) werden von twingle ausschließlich zur Abwicklung der Spende auf Servern in Deutschland gespeichert und verarbeitet.

Bei einer Spende erheben und verwenden wir Ihre personenbezogenen Daten nur, soweit dies zur Erfüllung und Abwicklung Ihrer Spende sowie ggf. zur Bearbeitung Ihrer Anfragen erforderlich ist. Die Bereitstellung der Daten ist für die Abwicklung des Spendenvorgangs erforderlich, eine Nichtbereitstellung hat zur Folge, dass Ihre Spende nicht empfangen werden kann.

Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. b DSGVO und ist für die Abwicklung der Spende erforderlich. Eine Weitergabe Ihrer Daten an Dritte ohne Ihre ausdrückliche Einwilligung erfolgt nicht. Ausgenommen hiervon sind lediglich unsere Dienstleistungspartner, die wir zur Abwicklung der Spende benötigen oder Dienstleister derer wir uns im Rahmen einer Auftragsverarbeitung bedienen.

Neben den in den jeweiligen Klauseln dieser Datenschutzerklärung benannten Empfängern sind dies beispielsweise Empfänger folgender Kategorien: Zahlungsdienstleister, Dienstleister für den Versand der Spendenbescheinigung. In allen Fällen beachten wir strikt die gesetzlichen Vorgaben. Der Umfang der Datenübermittlung beschränkt sich auf ein Mindestmaß.