FAQ und Wissensdatenbank - Wie funktioniert die Einbindung in WIX?

Die twingle-Spendenwidgets können mit einigen Anpassungen auch in WIX verwendet werden. Dabei kommt es leider zu einigen Einschränkungen: Die automatische Höhenanpassung funktioniert nicht und der Standard-Einbettungscode (JavaScript) kann leider nicht verwendet werden. Daher ist es z.B. nicht möglich, Eingabefelder im Spendenwidget per URL vorzubelegen oder mehrere Widgets auf einer Seite einzubinden.

Einbindung in WIX

Um ein twingle-Spendenwidget in WIX einzubinden, sind folgende Schritte notwendig:

1. URL des Spendenwidgets aus dem twingleMANAGER herauskopieren und Widget-URL ermitteln
Öffne die Projekteinstellungen deines Spendenprojekts und wähle unter Kontaktdaten & Einbindung bei Einbindung die Option "Optimiert für Homepagebaukästen (kompakt)" oder "Optimiert für Homepagebaukästen (erweitert)" aus.

Kopiere das komplette Code-Snippet in einen Texteditor deiner Wahl (z.B. "Editor" unter Windows oder "TextPad" unter MacOS). Aus dem Code-Snippet kopierst du die URL des Spendenwidgets heraus. Hier ein Beispiel-Snippet mit kursiv dargestellter URL des twingle-Spendenwidgets:

<!-- twingle -->
<iframe src="https://spenden.twingle.de/ihre-organisation/ihr-projekt/twXXXXXXXXXXXXX/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 -->

2. Einfügen eines "HTML-Einbettung"-Elements in WIX
Öffne in deinem WIX-Account die Seite, auf der du das twingle-Spendenwidget einbetten möchtest. Klicke auf "Abschnitt hinzufügen" und wähle "HTML-Einbettung" aus.

3. Konfigurieren der HTML-Einbettung

Nach dem Einfügen des Elements öffne die HTML-Einstellungen des neuen Abschnitts. Wähle dort "Webseite" aus und füge die in Schritt 1. herauskopierte URL des twingle-Spendenwidgets hier ein. Ziehe die Regler für Breite und Höhe auf den jeweils höchsten Wert.

4. Einstellungen der mobilen Ansicht anpassen

Wechsle als Nächstes in die mobile Ansicht deiner Webseite durch den Umschalter oben rechts (neben der Hilfefunktion). Öffne die Einstellungen des neu hinzugefügten Seitenabschnitts und ziehe auch dort den Regler für die Breite auf das Maximum.

Fertig, du kannst deine Seite veröffentlichen!

Nachteile bei der Nutzung von WIX

Folgende Funktionen stehen bei dieser Art der Einbindung nicht zur Verfügung:

Die automatische Höhenanpassung funktioniert nicht; es wird immer ein Scrollbalken neben dem Spendenwidget zu sehen sein.
Eine Vorbelegung von Formularfeldern im twingle-Widget per URL ist nicht möglich.
Anlassspenden lassen sich in WIX nicht einbinden, da die Verlinkung der Aktionsseiten nicht funktioniert.

Weitere Informationen

Wie binde ich twingle auf meiner Webseite ein?