Wie kann ich Twingle auf der eigenen Web-Seite einbinden?

Inhalt

Hier erfahren Sie, wie Sie das Twingle-Formular auf Ihrer Gemeindeseite einbauen.

Beispiel: www.markgrafenkirchen-bayern.de (Drupal 8) 
www.markgrafenkirchen-bayern.de/dabei-sein/spenden-und-sponsoring  

Einfügen über den HTML „Quellcode“

Der Code kann auf jeder beliebigen Seite über den Zugriff auf den HTML-Quelltext eingefügt werden ("copy and paste") .

Für eine Spalte

Für Blöcke (z.B. auf der rechten Seite der Homepage, z.B. Startseite).

Wählen Sie in twingle "Code-Snippet „Optimiert für Homepagebaukästen (kompakt)“.

Dann den gesamten Code einfügen:

<!-- twingle --> 
<iframe src="https://spenden.twingle.de/markgrafenkirchen-e-v/markgrafenkirchen-
allgemein/tw5e8d978c5c58f/widget" style="width: 100%; border: none; overflow: 
hidden; height: 450px; position: relative; z-index: 2;"></iframe> 
<script src="https://spenden.twingle.de/embed/generic"></script> 
<!-- twingle -->

Für eine Seite oder Nachricht

Code-Snippet „Optimiert für Homepagebaukästen (erweitert)“. Anschließend den gesamten Code einfügen:

<!-- twingle --> 
<iframe src="https://spenden.twingle.de/markgrafenkirchen-e-v/markgrafenkirchen-
allgemein/tw5e8d978c5c58f/form" style="width: 100%; border: none; overflow: 
hidden; height: 450px; position: relative; z-index: 2;"></iframe> 
<script src="https://spenden.twingle.de/embed/generic"></script> 
<!-- twingle -->

Evtl. muss die Höhe des iFrame noch manuell eingegeben werden. Vermutlich min. 550px oder mehr. Einfach ausprobieren. 

Schritt-für-Schritt-Anleitungen

Einbettungscode für die eigene Internetseite Einbettungscode für Internetseite


Einbau des Spendenformulars mit JAVA-Script (empfohlen)

Wir empfehlen das Einbinden per Java-Script, weil damit die Formulargröße automatisch an die erforderlichen Felder angepasst wird.

Mit “iframe” kann es passieren, dass der/die Spenderin innerhalb des Spendenformulares scrollen muss.