Wie erstelle ich eine Spendenseite mit HubSpot CMS?

Veröffentlicht: 2022-09-21

Wenn Sie schon immer eine HubSpot-Spendenseite erstellen wollten, haben Sie einen Jackpot geknackt. Ich führe Sie zu einer perfekten Spendenseite mit HubSpot CMS für Ihre gemeinnützige Organisation, ohne einen Entwickler einstellen oder eine Codezeile kennen zu müssen. Und frei!

Vorbei sind die Zeiten, in denen gemeinnützige Organisationen mit der Mittelbeschaffung zu kämpfen hatten. Wenn Sie eine gemeinnützige Organisation haben, suchen Sie wahrscheinlich aktiv nach Sponsoren und Freiwilligen.

Gemeinnützige Organisationen sammeln heutzutage online und offline Spenden. Mit Inbound-Marketing und Digitalisierung formen sich gemeinnützige Organisationen, um hohe Einnahmen und wachsende Aussichten abzudecken.

Was ist der effizienteste Weg, Geld für gemeinnützige Organisationen zu sammeln? Was ist ein guter Weg, um einen Lead für das Fundraising zu bekommen? Die Antwort ist Ihre Website.

Eine perfekt gestaltete einfache Spendenseite kann Wunder für Ihre gemeinnützige Organisation bewirken! Es ist besorgniserregend, wenn Sie noch keine Spendenseite erstellt haben. Aber es ist jetzt kein Problem mehr, dass Sie über diesen Artikel gestolpert sind! Tauchen wir einfach ein.

Lesen Sie mehr : Warum HubSpot CRM für Fundraising wählen? [+7 Vorteile]

HubSpot-Spendenseite erstellen

  • Warum sollten gemeinnützige Organisationen eine Spendenseite haben?
  • 4 Schritte zum Erstellen einer HubSpot-Spendenseite
  • Sammeln Sie Spenden direkt von jeder Seite über HubSpot Form & Form Pay

Warum sollten gemeinnützige Organisationen eine Spendenseite haben?

Lassen Sie uns ehrlich sein und einen Blick auf Ihre gemeinnützige Website werfen.

Inspiriert es Sie, sofort zu spenden? Verfügt es über die Schlüsselelemente, um Benutzern problemloses Spenden zu ermöglichen? Ja? Nein!!!

Ihre potenziellen Spender teilen höchstwahrscheinlich Ihre Gefühle, wenn Sie es nicht fühlen. HubSpot CMS macht es bereits einfach, eine gemeinnützige Website zu erstellen. Eine separate Landing Page für Spenden ist jedoch entscheidend, wenn Sie Ihr Fundraising steigern möchten!

Statistisch gesehen spendeten die Amerikaner im Jahr 2020 471,44 Milliarden US-Dollar für wohltätige Zwecke. Tatsächlich nehmen 45 % der Spender weltweit an monatlichen Spendenprogrammen teil.

Was sollten Sie beachten, bevor Sie eine Spendenseite erstellen? Ein Überblick.

Eine herausragende Spendenseite sollte:

  1. Reagieren Sie auf Mobilgeräte, sodass Benutzer jederzeit und überall auf der Welt mit einem einzigen Klick spenden können.
  2. Inspirieren Sie impulsive Nächstenliebe unter den Spendern. Eine Spendenseite, die beim Publikum ankommt, ermutigt das Publikum emotional zum Handeln.
  3. Machen Sie es sich und Ihren Spendern einfach, indem Sie eine Standard-/Auswahloption für wiederkehrende Spenden anbieten.

Erstellen Sie hochinteressante gemeinnützige Websites für die Mittelbeschaffung

Erstellen Sie eine DIY-Website für gemeinnützige Organisationen mit nur den Seiten, die Sie benötigen! Holen Sie sich die besten HubSpot-CMS-Vorlagen!

Kostenlose HubSpot-Designs für gemeinnützige Organisationen

4 Schritte zum Erstellen einer Spendenseite mit HubSpot

In diesem Abschnitt führe ich Sie durch die Schritte zum Erstellen einer HubSpot-Spendenseite, die Spenden sammelt und Ihre gemeinnützigen Fundraising-Kampagnen bewirbt.

Falls Sie gerade erst mit Ihrer gemeinnützigen Organisation beginnen und eine HubSpot-Spendenseite erstellen möchten,

  • Melden Sie sich für das HubSpot-CMS an. Es ist kostenlos. Sie bieten auch 40 % Rabatt auf ihr CRM, wenn Sie interessiert sind.
  • Laden Sie ein HubSpot-Design herunter. Sie erhalten eine große Auswahl an kostenlosen und Premium-HubSpot-Designs vom HubSpot-Marketplace. Es gibt auch Mehrzweck- und benutzerdefinierte Themen.

Ich empfehle Ihnen jedoch, sich für die kostenlosen HubSpot-Designs zu entscheiden. Sie werden Ihnen den Umgang mit Drag-and-Drop-Modulen beibringen. Anschließend können Sie eine Anpassung anfordern, wenn Sie eine bestimmte Funktion oder ein bestimmtes Modul benötigen.

Schritt 1: Wählen Sie ein HubSpot-CMS-Design aus

Wählen Sie ein HubSpot-Design aus und installieren Sie es auf Ihrem CMS. Im Moment erstelle ich eine Spendenseite mit dem kostenlosen HubSpot-CMS-Design von MakeWebBetter namens Charity.

Es ist großartig für NPOs, NGOs, Aktivisten und Fundraising-Websites. Es enthält 27 Drag-and-Drop-Module, 16 wiederverwendbare Abschnitte, 11 Seitenvorlagen und 7 Systemseiten.

Hubspot-Thema

Dokumentation Überprüfen Sie die Spendenseite Demo
Zum Herunterladen des Charity-Themes:

  • Melden Sie sich bei Ihrem HubSpot-Portal an > Gehen Sie zum Marktplatz-Symbol > Klicken Sie auf und wählen Sie Asset-Marktplatz. Hier finden Sie HubSpot-Website-Designs.

Laden Sie das kostenlose HubSpot-Design herunter

  • Geben Sie in der Suchleiste den Namen „Wohltätigkeitsorganisation“ ein. Wählen Sie das Thema aus.

hubspot Marktplatz

  • Wenn Sie möchten, können Sie das Design in der Vorschau anzeigen. Wählen Sie andernfalls die Option „Kostenlos installieren“.

Spendenseite erstellen

  • Jetzt können Sie das Design als aktives Design auf Ihrem HubSpot-CMS festlegen. Andere Alternativen zu Wohltätigkeitsthemen sind Umwelt, Aktivismus, Glaubensbekenntnis usw.

Thema herunterladen

Schritt 2: HubSpot-Spendenseite erstellen Wählen Sie Spendenseitenvorlage aus

Erstellen Sie eine Seite mit der Vorlage aus der Liste der Seitenvorlagen im Design „Wohltätigkeit“. Jetzt können Sie Elemente wie Module per Drag-and-Drop-Editor hinzufügen.

Hubspot-Spenden

  • Wählen Sie in der oberen Leiste Marketing > Website > Website-Seiten aus.
  • Klicken Sie auf Erstellen und wählen Sie die Zielseite aus. Benennen Sie nun die Seite, zum Beispiel die (Name Ihrer Website) Spendenseite.

Spendenseite erstellen

  • Wählen Sie nun die Spendenvorlage aus dem Wohltätigkeitsthema > Klicken Sie auf Vorlage auswählen . Die Vorlage wird angewendet. Um ehrlich zu sein, ist mehr als die Hälfte der Arbeit erledigt, sobald Sie sich für die Verwendung der Spendenvorlage entscheiden.

Spendenseite mit HubSpot

Schritt 3: Bearbeiten Sie die Spendenvorlage für das HubSpot-Thema für wohltätige Zwecke

Nachdem Sie die Spendenvorlage ausgewählt haben, bearbeiten Sie die Elemente entsprechend Ihrer gemeinnützigen Organisation. Auf dieser Spendenseitenvorlage von HubSpot haben wir klare Elemente hinzugefügt, die den Benutzer nur für die Spende betreffen.

Das Erreichen einer Balance zwischen emotionalem und effektivem Geschichtenerzählen ist für Ihre Spendenseite von entscheidender Bedeutung, da beides nicht immer dasselbe ist.

Jeder freut sich über eine gute Erfolgsgeschichte, und Kunden wissen zu lassen, wohin ihr Geld fließt, wird definitiv die Konversionen steigern. Aber das ist etwas für Ihre Über uns Seite!

Du möchtest den Spender nicht mit Inhalten überladen, also halte deine Spendenseite kurz. Daher ist das Vermeiden unnötiger Ergänzungen auf der Seite eine clevere Möglichkeit, die Aufmerksamkeit der Spender zu gewinnen.

Spenden sammeln

Die Spendenvorlage enthält wesentliche Module wie das Spendenmodul, den Titelinhalt, den Fortschrittsbalken und das Akkordeon in zwei Hauptabschnitten.

Anschließend können Sie die Modulinhalte gemäß Ihrer gemeinnützigen Organisation bearbeiten.

Jedes in diesem Thema verwendete Modul folgt dem Drag-and-Drop-Editor. Darüber hinaus verfügen diese Module über Gestaltungsoptionen , auf die Sie über die Registerkarte Gestaltung zugreifen können.

Registerkarte „Stil“.

Bewegen Sie einfach den Mauszeiger über das Modul, das Sie bearbeiten möchten > klicken Sie auf das Stiftsymbol > und nehmen Sie Änderungen vor. Schauen wir uns jedes Modul der Spendenvorlage im Detail an:

1) Spendenmodul

Spendenseite mit HubSpot

Der wichtigste Teil, das Spendenmodul, ermöglicht es den Spendern, einen beliebigen Betrag auszuwählen, den sie für Ihre Sache spenden möchten. Sie können die Spendenwerte einfach über die Einstellung auf der Registerkarte „Betrag“ bearbeiten.

Das Anbieten von voreingestellten Spendenbeträgen ist sehr zugänglich. Es erleichtert den Ein-Klick-Spendenprozess. Und das ist günstig für Sie, weil es die Idee beseitigt, dass Spender raten, wie viel und ob sie spenden sollten oder nicht.

Hubspot-Spenden

  • Bearbeiten Sie also die Überschrift mit der Titeloption nach Belieben. Sie können den Platzhaltertext des Betragsformulars bearbeiten und bis zu 4 voreingestellte Werte des Spendenbetrags hinzufügen. Wir haben eine einzelne Schaltfläche bereitgestellt, deren Text ebenfalls bearbeitet werden kann.
  • Wählen Sie ein Formular aus der Liste der verfügbaren Spendenformulare aus. Stellen Sie sicher, dass Sie vorher ein Spendenformular erstellt haben. Wenn Sie dies noch nicht getan haben, erstellen Sie zunächst ein HubSpot-Spendenformular.

Spenden von der Website sammeln

Bearbeiten Sie die Formularfelder auf dem Spendenformular. Sie können die Formularfelder hinzufügen oder entfernen. Fügen Sie jedoch nicht zu viele Felder hinzu, da dies die Benutzer irritieren könnte und sie sich möglicherweise abmelden könnten.

Notiz

Um den versteckten Vermögensbetrag zum Sammeln von Spenden aus diesem Formular zu erhalten, können Sie sich an unser Support-Team wenden und wir werden diese Funktionalität für Sie hinzufügen.
Kontaktiere uns

2) Fortschrittsbalken

Spenden-Fortschrittsbalken

Das Fortschrittsbalkenelement ist ein kleines, aber sehr effektives Element. Während Sie eine Spendenseite für Ihre gemeinnützige Organisation erstellen, müssen die Spender motiviert bleiben.

Auch wenn Benutzer möglicherweise keinen wirklich hohen Betrag spenden, ist das Anzeigen des Fortschrittsbalkens in Echtzeit dennoch eine kluge Technik, um die Aufmerksamkeit des Spenders zu erhalten.

Die Idee des Fortschrittsbalkens ist auch, das Ziel, das Sie mit Ihrer Spendenseite erreichen möchten, offen zu erklären. Sie sind also ehrlich und gewinnen das Vertrauen des Spenders.

Was können Sie im Fortschrittsbalken bearbeiten?

Spendenseite Vorlage

Sie können Ihr Fondsziel festlegen und entsprechend die Start- und Endlabels angeben, Zählungen aktivieren oder deaktivieren sowie auch Start- und Endlabels.

Vor allem, egal wie Sie den Fortschrittsbalken verwenden, es ist nicht unbedingt erforderlich. Es schadet jedoch auch nicht Ihrem Fundraising.

Spendenseite mit HubSpot CMS

3) Titelinhalt

Titelinhalt hilft Ihnen, überall auf Ihrer Spendenseite einen Titel hinzuzufügen. Mit dem minimalen Content-Ansatz sprechen Sie Ihr Publikum an, um Spenden zu fördern.

Erstellen Sie kostenlos eine Spendenseite

Erwähnen Sie eine Überschrift, die zu Ihrem Markenton passt, und ersetzen Sie den Demo-Inhalt durch Ihren gewünschten Inhalt. Darüber hinaus können Sie bequem einen Untertitel und einen primären und sekundären CTA auf Ihrer gemeinnützigen HubSpot-Spendenseite hinzufügen und formatieren.

hubspot crm gemeinnützig

Es steht Ihnen frei, einen der beiden CTA-Stile zu wählen, ausgefüllt und umrissen für CTAs des Titelmoduls.

Spenden-CTAs

4) Akkordeon

Das Akkordeonmodul ergänzt einfach eine Spendenseitenvorlage. Es ist eine hervorragende Möglichkeit, alle Updates zu Ihren gemeinnützigen Organisationen an einem Ort aufzubewahren. Es kann sich um alles handeln, was mit Ihrem Anliegen, Spendenanfragen, Sponsoring usw. zu tun hat.

Beispiele für Spendenseiten

Sie können eine Spendenseite mit mehreren Fragen und Antworten erstellen, um Verwirrung zu vermeiden, die vor der Spende entstehen könnte.

Wie füge ich einen Spendenbereich auf einer bestehenden Zielseite hinzu?

Wenn Sie auf einer Ihrer Nonprofit-Landingpages einen Spendenbereich hinzufügen möchten, können Sie das Spendenmodul per Drag & Drop an eine beliebige Stelle ziehen, an der Sie einen Spendenbereich erstellen möchten.

Anschließend können Sie das Spendenmodul wie oben beschrieben bearbeiten und Spenden von allen Seiten Ihrer gemeinnützigen Website sammeln!

Benötigen Sie noch etwas anderes für Ihre gemeinnützige Spende?

Wenden Sie sich an MakeWebBetter, wenn Sie Themen, Websites oder die HubSpot-Anwendungsintegration für Ihre gemeinnützigen Organisationen anpassen möchten.

Ein Treffen planen

HubSpot CMS-Designs mit Spendenmodulen

Es gibt mehrere HubSpot-CMS-Vorlagen für jeden anderen Seitentyp. Allerdings sind nicht alle kostenlos und für die Konvertierung konzipiert.

In unseren kostenlosen Nonprofit-Designs für HubSpot haben wir jedoch standardmäßig Spendenformularmodule hinzugefügt. Zum Beispiel,

Beispiel einer Umweltspendenseite

Beispiel Spendenseite

Spendenmodul

Beispiel einer Husbpot-Spendenseite

Beispiel einer Aktivismus-Spendenseite

Aktivismus-Spendenseite

Spendenmodul

Spendenformular beispiel

Beispiel einer Credo-Spendenseite

Beispiel Spendenseite
Spendenmodul

religiöses Spendenformular

Sie haben die Schritte zum Erstellen einer Spendenseite für Ihre gemeinnützige Website praktisch abgeschlossen. Sie können alles in einer Vorschau anzeigen, bevor Sie die Spendenseite Ihrer gemeinnützigen Website veröffentlichen.

Aber solange Sie nicht tatsächlich Spenden von derselben Seite sammeln, ist es nutzlos. Sie haben jetzt zwei Möglichkeiten

  • Bitten Sie die Experten von Makewebbetter, Ihre Spendenseite in eine voll funktionsfähige gemeinnützige Spendenplattform umzuwandeln. Sie müssen nicht verschiedene Beispiele für Spendenseiten durchgehen, wir erledigen alles für Sie.

Fragen Sie nach Anpassung

  • Oder folgen Sie dem nächsten Schritt.

Schritt 4: Benutzerinformationen zum Sammeln von Spenden

Nachdem der Benutzer die erforderlichen Informationen in das Formular eingetragen hat, das Sie über das Spendenmodul hinzugefügt haben, erhalten Sie die Details des Spenders im Posteingang Ihres Administrators.

Anschließend können Sie die Freiwilligeninformationen sammeln > Ihre Konto-/PayPal-Kontodaten senden > Spende annehmen > Quittung an den Spender senden.

Wie richte ich eine Spendenaktion für eine Einzelperson ein?

Falls Sie es noch nicht wissen, HubSpot CMS bietet Ihnen eine fantastische Möglichkeit, kostenlos eine Website für Spendenaktionen zu erstellen. Sie können sich für das HubSpot-CMS anmelden und eines unserer kostenlosen Designs für gemeinnützige Organisationen herunterladen.

Danach ist der Vorgang zum Erstellen einer Spendenseite für eine Einzelperson mit dem HubSpot-CMS derselbe.

Damit kommen wir zum Endpunkt der Erstellung einer Spendenseite mit HubSpot. Aber ich habe einen Bonusabschnitt hinzugefügt, wenn Sie eine beliebige Seite in eine Spendenseite umwandeln möchten, ohne die Spendenvorlage eines HubSpot-CMS-Designs verwenden zu müssen.

Ja!!

Sie müssen lediglich unsere Form Pay-App verwenden, eine HubSpot-Integration von MakeWebBetter. Mit unserem HubSpot-CMS-Design können Sie kostenlos eine Spendenseite erstellen, aber Sie müssen 49 US-Dollar für eine reibungslose Spendensammlung ausgeben.

Wandeln Sie mit HubSpot Forms & FormPay JEDE Zielseite in eine Spendenseite um!

Die Nonprofit-Branche erzielte 2019 einen Gesamtumsatz von 84,7 Milliarden US-Dollar. Es ist unbestreitbar, dass Nonprofits großartig abschneiden. Aber alles läuft auf die Tatsache des intelligenten Arbeitens und der besten Nutzung von Ressourcen hinaus.

Formpay-Zahlungsintegration

FormPay von MakeWebBetter ist eine solche HubSpot-Integrationsanwendung, die Ihre Arbeit als gemeinnützige Organisation in Bezug auf die Spendensammlungsplattform einfacher und besser macht. Menschen neigen dazu, renommierten Zahlungsgateways wie PayPal, Stripe usw. zu vertrauen.

Hier ist eine Liste mit Schritten, die Sie befolgen müssen, wenn Sie dabei sind!!

Schritt 1: Erstellen Sie eine Zielseite mit einer beliebigen HubSpot-CMS-Designvorlage

Sie haben gerade gelernt, wie Sie mit HubSpot CMS kostenlos eine Spendenseite erstellen. Sie müssen jedoch nicht unbedingt eine Spendenvorlage aus dem HubSpot-CMS-Design auswählen. Sie können eine beliebige Website oder Zielseitenvorlage auswählen, um eine Spendenseite zu erstellen, und einen Abschnitt auswählen, in dem Sie ein Spendenformular zum Sammeln von Spenden für gemeinnützige Organisationen erstellen möchten.

(Tatsächlich sind HubSpot-Spendenvorlagen nicht in jedem Thema enthalten)

Öffnen Sie als Nächstes den Marktplatz für HubSpot-Apps und folgen Sie den unten angegebenen Schritten.

Schritt 2: Installieren Sie die FormPay-App

Spendenformular

Melden Sie sich bei Ihrem HubSpot-Portal an > Wählen Sie das Marktplatz-Symbol aus > Klicken Sie auf den App-Marktplatz > Suchen Sie nach FormPay by MakeWebBetter > Registrieren und installieren Sie die App.

Sie können FormPay eine Woche lang kostenlos testen und es dann für nur 49 US-Dollar kaufen, um im Handumdrehen HubSpot-Spenden zu sammeln.

Mit Formpay können Sie beliebte Zahlungsoptionen wie Amazon Pay, Stripe, PayPal und Adyen verwenden, um Spenden über HubSpot-Formulare anzunehmen. Darüber hinaus gibt es keine Einschränkungen bei der Platzierung.

Nonprofit-Zahlungsintegration

Sie können zur Option Gateways gehen und die bereitgestellten Zahlungsgateways aktivieren, verwalten oder einrichten.

Schritt 3: Spendenformular mit Einbettungscode erstellen und anzeigen

Oben rechts finden Sie die Option zum Erstellen eines neuen Formulars. Sobald Sie ein Formular erstellt haben, können Sie

  • Wählen Sie eines der Formulare aus > kopieren Sie den Einbettungscode > öffnen Sie eine der Website-Seiten, die Sie mit dem HubSpot-CMS-Design erstellt haben.

Hubspot-Spendenformulare

  • Gehen Sie anschließend zu einer Ihrer gemeinnützigen Websites oder Zielseiten, von denen Sie Spenden sammeln möchten > Code einbetten > Seite aktualisieren und in der Vorschau anzeigen > Veröffentlichen

Jetzt können Sie Spenden direkt über dieses Spendenformular mit vollständigen Details über HubSpot CRM sammeln.

Lesen Sie mehr : Wie erhalte ich Zahlungen über HubSpot-Formulare?

Wie bettet man Formularcode auf einer Nonprofit-Landingpage ein?

  • Wählen Sie eine beliebige Zielseite aus > gehen Sie im Menü „Seite bearbeiten“ zu „ Hinzufügen “ > suchen Sie nach dem Rich-Text -Modul > ziehen Sie es an eine beliebige Stelle auf der Seite und legen Sie es dort ab > entfernen Sie den angezeigten Text.

Spendenformular erstellen

  • Suchen Sie im obersten Menü nach Einfügeoption > Einbetten > Code einfügen > Vorschau

Formularcode einbetten

Mit welchen Funktionen von Formpay können Sie HubSpot-Spenden ohne eine Spendenseitenvorlage sammeln?

  1. Rufen Sie die Spendendetails der Benutzer über HubSpot CRM in den Kontaktdatensätzen ab.
  2. Integrieren Sie HubSpot-Spenden mit weltweit akzeptierten Zahlungsgateways.
  3. Einfache Spenden lassen komplexe Website-Spendenschritte aus.
  4. Nutzen Sie mehrere Gateways in einer einzigen HubSpot-Zahlungsintegration.
Ausführliche Version lesen: FormPay-Dokumentation

Fazit

Als gemeinnützige Spendenplattform kann Ihre Website mit der Spendenvorlage unserer HubSpot-Themes eine ausreichende Leistung erbringen. Sie sind ziemlich einfach anzuwenden und für den Fall, dass Sie nicht weiterkommen, erhalten Sie ein kostenloses Treffen mit unseren Experten.

Egal, ob Sie nach einer kostenlosen Option suchen oder eine Spendenseite mit einem minimalen Budget erstellen möchten, ich habe Ihnen die beste Lösung gegeben!

Obwohl gemeinnützige und philanthropische Interessen überall zunehmen, müssen Organisationen dennoch bereit sein, ihre Pläne an veränderte demografische Trends anzupassen. Trends wie das Erstellen von Spendenseiten und mobile Spenden sind nur die grundlegenden.

Wenn Sie diese Zeile lesen, dann waren Sie bestimmt wirklich daran interessiert, eine Spendenseite mit HubSpot CMS zu erstellen! Wenn Sie Schritte, Tipps und Tricks für gemeinnützige oder wohltätige Websites benötigen