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. Wenn Besucher kollekte.app direkt auf Ihrer Seite benutzen können sollen, wählen Sie Einbinden als iFrame.

EINBINDEN ALS LINK

OHNE VORAUSGEWÄHLTE GEMEINDE

Verlinken Sie direkt auf:
https://kollekte.app

Der HTML-Code dafür ist:
<a href="https://kollekte.app">https://kollekte.app</a>

MIT VORAUSGEWÄHLTER GEMEINDE

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 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.

LINKSBÜNDIG

Code:
<div><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN" frameBorder="0" style="width:480px; height:640px;"></iframe></div>

MITTIG

Code:
<div style="text-align: center; width: 100%;"><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN" frameBorder="0" style="width:480px; height:640px;"></iframe></div>

RECHTSBÜNDIG

Code:
<div style="text-align: right; width: 100%;"><iframe src="HIER_DEN_DIREKTLINK_ZU_IHRER_GEMEINDE_EINTRAGEN" frameBorder="0" style="width:480px; height:640px;"></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" frameBorder="0" style="width:100%; height:640px;"></iframe></div>