kollekte.app auf der eigenen Seite einbinden

Sie können kollekte.app auf unterschiedliche Weisen verwenden. Wenn Sie Besucher lediglich von Ihrer Seite zu kollekte.app weiterleiten möchten, wählen Sie Einbinden als Link oder Einbinden als Button. Wenn Besucher kollekte.app direkt auf Ihrer Seite benutzen können sollen, wählen Sie Einbinden als iFrame. Beachten Sie dabei den Datenschutz.

EINBINDEN ALS LINK

Gehen Sie auf https://kollekte.app und wählen Sie dort die gewünschte Gemeinde aus. Nach der Auswahl ändert sich die Adresszeile in Ihrem Browser. Kopieren Sie diesen Link und fügen Sie ihn auf Ihrer Webseite als Link oder als iFrame ein.

Beispiel: Die Evangelische Kirchengemeinde Tiergarten hat folgenden Direktlink:
https://kollekte.app/p/6cc5834c-7f65-479b-b582-361a670aed58

Der HTML-Code dafür ist:
<a href="https://kollekte.app/p/6cc5834c-7f65-479b-b582-361a670aed58">https://kollekte.app</a>

EINBINDEN ALS BUTTON

EINBINDEN ALS BUTTON

Das Einbinden von kollekte.app als Button auf Ihrer Internetseite funktioniert ähnlich wie das Einbinden als Link. Folgen Sie bitte den Beschreibungen von weiter oben und nutzen Sie den HTML-Code unter dem Button. Evtl. bietet Ihnen die Verwaltungssoftware Ihrer Website auf eigene Buttons an. Fragen Sie dafür Ihre IT.

Den Text im Button können Sie in der ersten Zeile anpassen. Die Farben sind alle als HEX-Werte hinter „background:“ oder „background-color:“ oder „color:“ angegeben.

Kollekte geben
Code:
<a href="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN" class="kollekteButton">Kollekte geben</a>
<style>
.kollekteButton {
	background:linear-gradient(to bottom, #723288 5%, #8052ab 100%);
	background-color:#62358c;
	border-radius:14px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	padding:14px 32px;
	text-decoration:none;
}
.kollekteButton:hover {
	background:linear-gradient(to bottom, #8052ab 5%, #62358c 100%);
	background-color:#8052ab;
	color:#eeeeee;
}
.kollekteButton:active {
	position:relative;
	top:1px;
}
</style>

EINBINDEN ALS IFRAME

EINBINDEN ALS IFRAME

Was ist ein iFrame?

Hinweis für WordPress: Um die folgenden Beispiele in WordPress zu verwenden, wählen Sie den Block „Individuelles HTML“ und fügen dort die Codebeispiele ein.

Gehen Sie auf https://kollekte.app und wählen Sie dort die gewünschte Gemeinde aus. Nach der Auswahl ändert sich die Adresszeile in Ihrem Browser. Kopieren Sie diesen Link und fügen Sie ihn an die Stelle von „HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN“ ein. Wenn

LINKSBÜNDIG

Code:
<div><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN?mode=embed" frameBorder="0" style="width:380px; height:440px;"></iframe></div>

MITTIG

Code:
<div style="text-align: center; width: 100%;"><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN?mode=embed" frameBorder="0" style="width:380px; height:440px;"></iframe></div>

RECHTSBÜNDIG

Code:
<div style="text-align: right; width: 100%;"><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN?mode=embed" frameBorder="0" style="width:380px; height:440px;"></iframe></div>

VOLLE BREITE

Dieses Beispiel nutzt den zur Verfügung stehenden horizontalen Platz auf Ihrer Webseite.

Code:
<div style="width: 100%;"><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN?mode=embed" frameBorder="0" style="width:100%; height:440px;"></iframe></div>

Miniatur

Eine besonders kleine Darstellung des Widgets. Die Minimalgröße sollte eine Breite von 300px und eine Höhe von 355px nicht unterschreiten.

Code:
<div><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN?mode=embed" frameBorder="0" style="width:300px; height:355px;"></iframe></div>

Datenschutz

Wenn Sie kollekte.app auf Ihrer Seite einbinden weisen Sie Ihre Besucher in Ihrer Datenschutzhinweisen darauf hin. Wir haben Ihnen dafür eine Vorlage erstellt.

Diese Website benutzt das Spendenwerkzeug kollekte.app der Firma Digital.Wolff, Plötz & Co GmbH., welches per iFrame eingebunden wird, einem Hilfs-Element mit direkter Verknüpfung zur Eingabe von Daten auf der Website https://kollekte.app.
kollekte.app verwendet standardmäßig lediglich den lokalen Zwischen-Speicher („Cache“) vom Browser der Nutzer, um Daten nur so lange zu speichern, wie es für den aktuellen Vorgang benötigt wird. Nach Beendigung des aktuellen Vorgangs werden die eingegebenen Daten nicht länger von kollekte.app gespeichert. Die Deaktivierung einer Zwischenspeicherung durch den Nutzer führt zu keiner Einschränkung der Funktionsweise von kollekte.app.
Bei der Abwicklung einer Spende werden somit lediglich notwendige Informationen erhoben, um den aktuellen Bezahlvorgang unter Einbindung des Zahlungsdienstleisters VR Payment abzuschließen. Bei der Spende per Kreditkarte sind dies die Karteninformationen sowie die Adressdaten des Karteninhabers. Bei der Spende per SEPA-Lastschrift sind es die Kontoinformationen sowie die Adressdaten des Kontoinhabers. Die Erhebung der Adressdaten liegt hierbei in der EU-Richtlinie PSD2 zur Regulierung von Zahlungsdiensten und Zahlungsdienstleistern begründet. Die eingegebenen Daten werden direkt an den Zahlungsdienstleister VR Payment übermittelt, die Gemeinden können sie sehen. Digital.Wolff speichert und verwendet die Daten entsprechend den gesetzlichen Richtlinien zur Abwicklung und Abrechnung der Zahlungen.
Grundsätzlich werden Daten somit nur an Dritte weitergegeben, wenn dies zur Vertragserfüllung notwendig ist und/oder im Einzelfall dazu eine gesetzliche Verpflichtung besteht.
Datenschutzerklärung von kollekte.app: https://kollekte.app/datenschutz