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.