Jemand klickt auf einen Link zu Ihrer Kampagne aus einer E-Mail oder einem Social-Media-Post. In der ersten Sekunde, bevor er ein Wort liest, hat sein Auge bereits entschieden, wie er sich fühlt. Ist dies eine ernste Sache? Ist sie bewegend? Spendet sonst noch jemand?

Auf vielen Spendenseiten wird diese erste Sekunde verschwendet: ein kleines Logo, eine Überschrift und ein Formular irgendwo auf der Seite. Beacon verändert, was die Leute in diesem Moment sehen. Es beginnt mit einem Vollbild-Hero-Banner, Ihrem Logo, Ihrem Ziel und einem Spenden-Widget direkt über dem Bild, sodass die Bitte und die Dynamik sofort ankommen. 🔦

Beacon sind zwei neue Campaign Builder-Vorlagen in Charitable Pro 1.8.17, die beide auf dem brandneuen Campaign Hero -Feld basieren.

Warum ein starker Held entscheidet, was als Nächstes passiert

Der obere Teil Ihrer Kampagnenseite leistet die Schwerstarbeit für die gesamte Website. Er gibt den emotionalen Ton an, nennt die Sache und signalisiert Dynamik, alles im Bereich oberhalb der „Fold“, wo die meisten Besucher entscheiden, ob sie weiter scrollen oder gehen.

Ein Held, der mit einem echten Foto, einem klaren Ziel und einer sichtbaren Fortschrittsanzeige beginnt, tut etwas, was eine einfache Kopfzeile nicht kann: Er sagt einem Besucher mit einem Blick, dass dies eine echte Anstrengung ist, dass sie im Gange ist und dass seine Spende jetzt wichtig ist. Beacon ist um diesen Blick herum aufgebaut. Das Spenden-Widget ist per Design im Banner verankert, sodass die Bitte niemals unter den „Fold“ rutscht, egal wie Sie die Seite bearbeiten.

In Aktion sehen

Wann Sie den Unterschied spüren werden

Einige Kampagnen, bei denen Beacons mutiger Held seine Leistung unter Beweis stellt:

🌳 Eine basisdemokratische Gemeinschaftsaktion: Beginnen Sie mit einem Foto des Parks, der Schule oder der Nachbarschaft, für die Sie kämpfen, mit dem Ziel direkt auf dem Bild.

🚨 Ein dringender, zeitlich begrenzter Spendenaufruf: Platzieren Sie die Bitte und die Fortschrittsanzeige oberhalb des „Fold“, damit Erstbesucher spenden können, ohne zu scrollen.

📣 Eine Kampagne, die Sie in sozialen Medien bewerben: Wenn Traffic von einem Link kommt, liefert der Held die Geschichte und den Spenden-Button im ersten Bildschirm.

🏫 Eine Kapital- oder Baukampagne: Zeigen Sie eine Renderings- oder Standortaufnahme von Rand zu Rand, mit dem gesammelten Betrag im Verhältnis zum Ziel im Vordergrund und in der Mitte.

💗 Ein Gedenk- oder Treuhandfonds: Ein einzelnes, würdevolles Bannerbild und eine fokussierte Bitte setzen vom ersten Moment an den richtigen Ton.

Zwei neue Vorlagen, ein mutiger Look

Beide Vorlagen sind als neu gekennzeichnet und im Campaign Builder-Vorlagenwähler hervorgehoben, sodass sie beim Start einer Kampagne leicht zu finden sind.

Beacon (2 Spalten) ist die strukturiertere der beiden: Sie kombiniert das verankerte Hero-Banner und das überlagerte Spenden-Widget mit einem zweispaltigen Story-Bereich darunter, der Platz für Ihre Erzählung auf der einen Seite und unterstützende Details auf der anderen bietet.

Beacon (1 Spalte) behält denselben Helden bei, folgt ihm aber mit einer einzigen Vollspalte, die besser für eine Langform-Geschichte geeignet ist, die Sie nicht in nebeneinander liegende Blöcke aufteilen möchten.

Beide werden mit Beispielinhalten und echten Beispielbildern geliefert, sodass Sie die fertige Form sehen, sobald Sie eine auswählen, und dann Ihre eigenen Bilder und Texte einfügen.

Das Kampagnen-Hero-Feld

Beacon wird durch das neue Kampagnen-Hero -Feld angetrieben, einen vollständigen Header-Block, den Sie in jedes Template einfügen können, nicht nur in Beacon. Es fasst zehn Einstellungen in einem kohäsiven Banner zusammen: ein Hintergrundbild, ein optionales Logo, Ihr Titel, der gesammelte Betrag mit einer Fortschrittsleiste und eine Reihe von Spendenbeträgen, alles in einem einzigen Block.

Sie benötigen auch keine fertige Fotobibliothek, um es zu verwenden.

Entfernen Sie den Logo-Slot und der Hero klappt sauber zu einem einzigen Vollbildfoto zusammen; lassen Sie die Fotografie ganz weg und er fällt stattdessen auf eine einfarbige oder Farbverlaufs-Hintergrund.

Schalten Sie den gesammelten Betrag und die Fortschrittsleiste ein, und der Hero zeigt automatisch „X gesammelt von unserem Ziel von Y“ an, sobald ein Kampagnenziel festgelegt ist.

Das Spenden-Widget ist ebenfalls direkt in den Hero integriert. Legen Sie Ihre Einmalbeträge fest, wählen Sie aus, welcher standardmäßig ausgewählt ist, entscheiden Sie, ob ein benutzerdefinierter Betrag „Andere“ zugelassen werden soll, und beschriften Sie die Schaltfläche „Spenden“ nach Belieben (standardmäßig ist sie „Jetzt spenden“).

Wenn das Add-on für wiederkehrende Spenden an Wohltätigkeitsorganisationen aktiv ist, schalten Sie die monatlichen und einmaligen Tabs im selben Widget um. Und da der Kampagnen-Hero automatisch Ihrem Kampagnenthema folgt, passen seine Schaltflächen- und Akzentfarben zu jeder Marke, die Sie bereits eingerichtet haben, egal wo Sie ihn einfügen.

Erste Schritte: Starten einer Beacon-Kampagne

Sie können eine Beacon-Kampagne in wenigen Minuten live schalten.

1. Gehen Sie in wp-admin zu Kampagnen und klicken Sie auf Neue Kampagne hinzufügen.
2. Finden Sie im Vorlagenwähler die hervorgehobene Vorlage Beacon (1 Spalte) oder Beacon (2 Spalten) und wählen Sie sie aus. Ihre Kampagne wird mit Beispielinhalten und Fotos geladen.
3. Klicken Sie auf das Stiftsymbol auf dem Hero-Block, um das Kampagnen-Hero -Panel zu öffnen.
4. Legen Sie Ihr Hintergrundbild und Logo fest, passen Sie den Titel, die Spendenbeträge und die Beschriftung der Spenden-Schaltfläche an und entscheiden Sie, ob der gesammelte Betrag und die Fortschrittsleiste angezeigt werden sollen.
5. Beobachten Sie, wie sich die Builder-Vorschau mit Ihren echten Kampagnendaten aktualisiert, und klicken Sie dann auf Speichern.

Bevorzugen Sie eine andere Vorlage? Fügen Sie das Kampagnen-Hero -Feld zu jedem Layout aus der Feldpalette des Builders hinzu, um überall denselben auffälligen Header zu erhalten.

Warum Sie das lieben werden

Das Ergebnis: Der Banner, das Ziel und die Spenden-Schaltfläche landen alle im ersten Bildschirm, und in Beacon bleiben sie dort. Der Hero und das Spenden-Widget sind designbedingt fixiert, sodass Ihre beste Fläche beim Bearbeiten nie weiter nach unten auf der Seite wandert, und da er automatisch Ihrem Kampagnenthema folgt, bleibt er markenkonform, ohne dass zusätzliche Styling-Arbeiten erforderlich sind. Die Builder-Vorschau spiegelt Ihren tatsächlichen Spendenfortschritt und Ihr Ziel die ganze Zeit wider, nicht ein Mockup, und da das Kampagnen-Hero-Feld in jeder Vorlage funktioniert, sind Sie nie gezwungen, es nur hier zu verwenden.

Für Agenturen und Entwickler

Filtern Sie den gerenderten Hero

Die Frontend-Ausgabe des Helden wird durch den Filter charitable_campaign_builder_campaign-hero_field_display geleitet, sodass Sie das Markup anpassen können, bevor es gerendert wird. Helden-Einstellungen werden als saubere, benannte Schlüssel in den Feld-Daten der Kampagne gespeichert (Hintergrundbild, Logo, Titel-Override, Beträge, CTA-Beschriftung und mehr), und Bilder unterstützen vorlagenbezogene Dateinamen, die zum Asset-Ordner der Vorlage aufgelöst werden, mit einer Reset-Steuerung zur Wiederherstellung der Standardwerte.

Nach Absicht strukturiert

Beacon-Vorlagen sperren die Heldenzeile, um das Layout zu erhalten, während alle Heldeninhalte vollständig bearbeitbar bleiben, sodass ein Kunde Texte und Bilder aktualisieren kann, ohne das von Ihnen übergebene Design zu beschädigen.

Häufig gestellte Fragen

Erfordert dies Charitable Pro? Ja. Die Beacon-Vorlagen und das Campaign Hero-Feld sind Funktionen von Charitable Pro. Beacon ist in Charitable Pro 1.8.17 verfügbar.

Kann ich Campaign Hero ohne eine Beacon-Vorlage verwenden? Campaign Hero in Charitable Pro ist ein Standard-Builder-Feld, das Sie jeder Vorlage hinzufügen können, um ihr eine auffällige Kopfzeile zu geben.

Benötige ich das Add-on für wiederkehrende Spenden? Nur, wenn Sie monatliche Spenden im Helden-Widget anbieten möchten. Ohne dieses funktioniert der Held vollständig als einmaliger Spenden-Header.

Woher kommt der „gesammelte Betrag“? Er spiegelt Ihre Live-Kampagnenspenden und Ihr Ziel wider. Der gesammelte Betrag und die Fortschrittsleiste erscheinen automatisch, sobald ein Ziel festgelegt ist.

Kann ich den Text und die Farben der Spenden-Schaltfläche ändern? Ja. Die Schaltflächenbeschriftung ist eine Einstellung (standardmäßig „Jetzt spenden“), und die Schaltflächenfarbe folgt der Schaltflächenfarbe Ihres Kampagnen-Themas.

Müssen meine Bilder eine bestimmte Größe haben? Nicht genau. Charitable schneidet hochgeladene Bilder automatisch so zu, dass sie am besten in den Heldenbereich passen. Wenn Sie mit gut komponierten, hochauflösenden Fotos beginnen, haben Sie mehr Kontrolle über das Endergebnis.

Erste Schritte mit Beacon

Beacon ist jetzt in Charitable Pro 1.8.17 verfügbar. Erstellen Sie eine neue Kampagne, wählen Sie Beacon (1 Spalte) oder Beacon (2 Spalten) und geben Sie Ihrer Sache einen ersten Eindruck, der Besucher zu Spendern macht.

Mehr in Charitable Pro 1.8.17

Beacon wird zusammen mit dem neuen Styles-Tab für visuelles Restyling, dem Spendenformular Gutenberg-Block, visuellen Spendenbeträgen mit Bildern pro Betrag und neuen Fundraising-Widgets für Elementor, WPBakery und Divi eingeführt.

Noch kein Charitable Pro-Benutzer? Melden Sie sich noch heute an und erhalten Sie bis zu 50 % Rabatt auf Ihren Plan. Wir sind zuversichtlich, dass Sie es lieben werden, mit Charitable Spenden zu sammeln. Wenn Charitable aus irgendeinem Grund nicht das Richtige für Sie ist, erstatten wir Ihnen den Kaufbetrag im Rahmen unserer 14-tägigen Geld-zurück-Garantie zurück. Holen Sie sich jetzt Charitable Pro »

Was ist neu in Charitable

Wir haben auch kürzlich mehrere leistungsstarke Funktionen und Verbesserungen eingeführt:

Wir fügen Charitable ständig Funktionen und Verbesserungen hinzu, die darauf ausgelegt sind, Ihnen zu helfen, mehr zu sammeln und Ihre Spender besser zu bedienen. Sehen Sie alles, was wir veröffentlicht haben, im Charitable Changelog.

Wenn Sie Fragen haben oder Hilfe beim Erstellen Ihrer ersten Beacon-Kampagne wünschen, steht Ihnen unser Support-Team gerne zur Seite.

Bleiben Sie verbunden für weitere Ressourcen für gemeinnützige Organisationen

Für weitere Tutorials und Videos, die auf gemeinnützige Organisationen zugeschnitten sind, abonnieren Sie unseren YouTube-Kanal. Wir veröffentlichen regelmäßig Expertentipps, Schritt-für-Schritt-Anleitungen zu Online-Spenden, Fundraising-Strategien und praktische Ressourcen, die Ihrer Organisation zum Erfolg verhelfen.

🗞️ Erhalten Sie wöchentliche Tipps und exklusive Anleitungen in Ihrem Posteingang
Melden Sie sich für unseren Newsletter an →  

🎥 Sehen Sie sich Schritt-für-Schritt-Tutorials und Erfolgsgeschichten an
Abonnieren Sie unseren YouTube-Kanal →  

👩🏽‍💻 Vernetzen Sie sich mit unserer Community und erhalten Sie tägliche Einblicke in gemeinnützige Organisationen
Folgen Sie uns auf LinkedIn →

🥳 Lustige Reels und Einblicke in gemeinnützige Organisationen
Folgen Sie uns auf Instagram → 

👀 Aufschlussreiche & unterhaltsame Videos, die Ihnen helfen, Ihre Sache voranzubringen
Folgen Sie uns auf TikTok→  

🌎 Abonnieren und folgen Sie uns für allgemeine Fundraising-Tipps
Holen Sie sich Fundraising-Tipps auf TikTok → 

Leistungsstarke Fundraising-Ressourcen

🤖 Nutzen Sie Charitable mit Ihrem KI-Assistenten

Erfahren Sie mehr über Charitable + KI →

⬇️ Laden Sie bewährte Strategien, Kampagnenideen und Experten-Tools herunter
Holen Sie sich das Fundraising-Kit →  

💸 Holen Sie sich kostenlose Fundraising-Ressourcen
Besuchen Sie den Charitable Fundraising Hub →

🤔 Haben Sie Fragen zu Charitable?
Charitable FAQs →

🏎️ Probieren Sie Charitable aus
Erstellen Sie Ihre Charitable Demo →

Verstehen Sie Begriffe und Jargon von gemeinnützigen Organisationen
Glossar für gemeinnützige Organisationen→

% Suchen Sie nach Angeboten und Rabatten für gemeinnützige Organisationen?
Beste Angebote und Rabatte für gemeinnützige Organisationen →

David Bisset Projektmanager

David ist seit 2022 Projektmanager von Charitable. David arbeitet mit mehreren gemeinnützigen Organisationen (eine wird von seiner Frau betrieben) zusammen, während er gleichzeitig Funktionen, Support und Marketing für Charitable verwaltet und entwickelt. Ist seit 2006 mit WordPress beschäftigt und war Hauptorganisator mehrerer Konferenzen, Veranstaltungen und Treffen.

Vollständige Biografie anzeigen