Zeffy Help Center
Anleitungen zur Website-Integration

So fügen Sie Ihre Zeffy-Kampagne zu einer WordPress-Website hinzu

Wenn Sie Ihre Zeffy-Kampagne zu Ihrer WordPress-Website hinzufügen, können Besucher direkt über Ihre Website ganz einfach spenden, sich für Events registrieren, Mitgliedschaften erwerben, Tickets kaufen und Ihre Organisation unterstützen.

Es gibt drei Möglichkeiten, eine Zeffy-Kampagne zu einer WordPress-Website hinzuzufügen:

  • Das Zeffy-WordPress-Plugin verwenden (empfohlen)

  • Einen Button hinzufügen, der zu Ihrer Kampagne führt

  • Die Kampagne direkt auf Ihrer Seite einbetten

Option 1: Das Zeffy-WordPress-Plugin verwenden (empfohlen)

1

  1. Melden Sie sich bei Ihrem Zeffy-Konto an.

  2. Gehen Sie zu Kampagnen und suchen Sie die Kampagne, die Sie teilen möchten.

  3. Klicken Sie rechts neben der Kampagne auf die drei Punkte (⋯).

  4. Wählen Sie Teilen aus.

  5. Klicken Sie im Pop-up zum Teilen auf Link kopieren. Die URL der Kampagne wurde nun in Ihre Zwischenablage kopiert.

2

Das Zeffy-Plugin in WordPress installieren

  1. Gehen Sie in WordPress zu Plugins → Hinzufügen.

  2. Suchen Sie nach „Zeffy“.

  3. Klicken Sie auf «Installieren und aktivieren».

Plugin-Auflistung: https://wordpress.org/plugins/zeffy-donate-button/

3

Das Plugin mit der URL Ihrer Zeffy-Kampagne verbinden

  1. Gehen Sie in WordPress zu Einstellungen → Zeffy.

  2. Fügen Sie Ihre vollständige URL der Zeffy-Kampagne in das Feld Kampagnen-URL ein. Beispiel-Format: https://www.zeffy.com/en-US/donation-form/your-campaign-id

  3. Klicken Sie auf Änderungen speichern.

Wichtig: Die folgenden Shortcodes verwenden standardmäßig diese gespeicherte Kampagnen-URL.

4

Ihre Kampagne zu einer Seite hinzufügen

Option A: Die vollständige Kampagne einbetten

Öffnen Sie die Seite oder den Beitrag, auf der bzw. in dem Ihre Kampagne erscheinen soll, und fügen Sie einen der folgenden Shortcodes hinzu.

Verwenden Sie: [zeffy-donate]

Dadurch wird Ihre Kampagne direkt auf der Seite als eingebettetes Formular angezeigt.

Option B: Einen Spenden-Button hinzufügen

Verwenden Sie: [zeffy-donate-button]

Dadurch wird ein Button angezeigt, der Ihre Kampagne beim Anklicken in einem Pop-up öffnet.

5

(Optional) Die eingebettete Kampagne anpassen

Der Shortcode [zeffy-donate] unterstützt die folgenden Einstellungen:

Breite und Höhe

  • Standard: 700 × 1000

  • Beispiel: [zeffy-donate width=800 height=1200]

Volle Breite

  • Standard: false

  • Beispiel: [zeffy-donate fullwidth=true]

Ausrichtung

  • Optionen: left, center, right

  • Standard: center

  • Beispiel: [zeffy-donate align=left]

Kampagnen-URL überschreiben

  • Verwenden Sie auf einer bestimmten Seite eine andere Kampagnen-URL.

  • Beispiel: [zeffy-donate url="https://www.zeffy.com/en-US/donation-form/xyz789"]

6

(Optional) Den Spenden-Button anpassen

Der Shortcode [zeffy-donate-button] unterstützt die folgenden Einstellungen:

Button-Text

  • Standard: Donate Now

  • Beispiel: [zeffy-donate-button text="Support Us"]

Hintergrundfarbe des Buttons

Standard: #007bff

Beispiel: [zeffy-donate-button bg-color="#28a745"]

Textfarbe des Buttons

  • Standard: #ffffff

  • Beispiel: [zeffy-donate-button text-color="#000000"]

Kampagnen-URL überschreiben

  • Verwenden Sie für einen bestimmten Button eine andere Kampagnen-URL.

  • Beispiel: [zeffy-donate-button url="https://www.zeffy.com/en-US/donation-form/xyz789"]

7

Veröffentlichen und testen

Veröffentlichen oder aktualisieren Sie Ihre Seite in WordPress.

Option 2: Einen Button hinzufügen

Buttons sind eine hervorragende Möglichkeit, Besucher zu Ihrer Kampagne zu führen und gleichzeitig das Erscheinungsbild Ihrer Website beizubehalten.

1

  1. Melden Sie sich bei Ihrem Zeffy-Konto an.

  2. Gehen Sie zu Kampagnen.

  3. Suchen Sie die Kampagne, die Sie teilen möchten.

  4. Klicken Sie rechts neben der Kampagne auf die drei Punkte (⋯).

  5. Wählen Sie Teilen aus.

  6. Klicken Sie im Pop-up zum Teilen auf Link kopieren. Die URL der Kampagne wurde nun in Ihre Zwischenablage kopiert.

2

Einen Button auf Ihrer WordPress-Website erstellen

  • Melden Sie sich bei Ihrem WordPress-Dashboard an.

  • Öffnen Sie die Seite oder den Beitrag, zu der bzw. dem Sie den Button hinzufügen möchten.

  • Klicken Sie auf + Block-Inserter.

  • Suchen Sie nach Buttons und wählen Sie diese aus.

  • Klicken Sie auf Button hinzufügen, falls Sie dazu aufgefordert werden.

Sie können auch diese ausführlichen WordPress-Anleitungen zum Hinzufügen eines Buttons zu Ihrer Website befolgen: https://wordpress.com/support/wordpress-editor/blocks/buttons-block/

3

  1. Geben Sie den Text ein, der auf dem Button angezeigt werden soll (zum Beispiel „Jetzt spenden“ oder „Heute registrieren“).

  2. Klicken Sie in der Button-Symbolleiste auf das Link-Symbol.

  3. Fügen Sie den in Schritt 1 kopierten Link zu Ihrer Zeffy-Kampagne ein.

  4. Drücken Sie die Eingabetaste, um den Link anzuwenden.

  5. Speichern oder veröffentlichen Sie Ihre Seite.

4

Ihre Änderungen speichern oder veröffentlichen

Option 3: Ihre Kampagne einbetten

Durch das Einbetten können Unterstützer direkt auf Ihrer Website mit Ihrer Kampagne interagieren, ohne die Seite zu verlassen.

1

Den Einbettungscode Ihrer Kampagne aus Zeffy abrufen

  1. Melden Sie sich bei Ihrem Zeffy-Konto an.

  2. Gehen Sie zu Kampagnen.

  3. Suchen Sie die Kampagne, die Sie teilen möchten.

  4. Klicken Sie rechts neben der Kampagne auf die drei Punkte (⋯).

  5. Wählen Sie Teilen aus.

  6. Klicken Sie im Pop-up zum Teilen auf Weitere Möglichkeiten zum Teilen und wählen Sie anschließend die Option Einbetten aus.

  7. Wählen Sie unter Einbettungen die Option Kampagne aus.

  8. Kopieren Sie den generierten HTML-Einbettungscode. Sie verwenden diesen Code in den nächsten Schritten, um Ihre Kampagne zu Ihrer Website hinzuzufügen.

2

Einen Block für benutzerdefiniertes HTML zu Ihrer WordPress-Seite hinzufügen

  • Öffnen Sie die Seite oder den Beitrag, auf der bzw. in dem Sie Ihre Kampagne einbetten möchten.

  • Klicken Sie auf + Block-Inserter.

  • Suchen Sie nach Benutzerdefiniertes HTML und wählen Sie diese Option aus.

Sie können auch der WordPress-Anleitung zum Hinzufügen eines HTML-Blocks zu Ihrer Website folgen: https://wordpress.com/support/wordpress-editor/blocks/custom-html-block/

3

Ihren Zeffy-Einbettungscode hinzufügen

  • Fügen Sie den aus Zeffy kopierten HTML-Code in den Block für benutzerdefiniertes HTML ein.

  • Verwenden Sie die Option Vorschau, um zu überprüfen, ob die Kampagne korrekt angezeigt wird.

  • Speichern oder veröffentlichen Sie Ihre Seite.

Ihre Zeffy-Kampagne sollte nun direkt auf Ihrer WordPress-Website erscheinen.

Warum sieht meine eingebettete Kampagne anders aus als die vollständige Zeffy-Seite?

Eingebettete Zeffy-Kampagnen verwenden ein vereinfachtes Layout, das so gestaltet ist, dass es sich nahtlos in Ihre Website einfügt und Unterstützern ermöglicht, ihre Spende, Registrierung oder Zahlung abzuschließen, ohne Ihre Seite zu verlassen.

Daher zeigen eingebettete Formulare nicht die Beschreibung Ihrer Kampagne, Bilder, Ihr Logo oder den Namen Ihrer gemeinnützigen Organisation an. Stattdessen konzentrieren sie sich ausschließlich auf die Informationen, die zum Abschließen der Transaktion erforderlich sind.

Wenn Besucher zusätzliche Details zur Kampagne sehen sollen, empfehlen wir, diese Inhalte direkt oberhalb oder neben dem eingebetteten Formular zu Ihrer Website hinzuzufügen. Alternativ können Sie einen Button hinzufügen, der direkt zu Ihrer Zeffy-Kampagnenseite führt. Dort wird die vollständige Kampagnenansicht einschließlich aller Bilder und Beschreibungen angezeigt.

Zusätzliche Ressourcen

Buttons in WordPress hinzufügen und anpassen

Benutzerdefiniertes HTML oder Einbettungscode in WordPress hinzufügen

War das hilfreich?
War das hilfreich?