如何使用 HubSpot CMS 創建捐贈頁面？

如果您一直想創建一個 HubSpot 捐贈頁面，那麼您就中獎了。 我將引導您使用 HubSpot CMS 為您的非營利組織創建一個完美的捐贈頁面，而無需僱用開發人員或了解一行代碼。 免費！

非營利組織努力籌款的日子已經一去不復返了。 如果您有一個非營利組織，您很可能正在積極尋找贊助商和志願者。

如今，非營利組織正在線上和線下收集捐款。 通過入站營銷和數字化，非營利組織正在塑造自己以涵蓋高收入和不斷增長的前景。

為非營利組織籌集資金的最有效方式是什麼？ 獲得籌款線索的好方法是什麼？ 答案是您的網站。

一個設計完美的簡單捐贈頁面可以為您的非營利組織創造奇蹟！ 如果您還沒有創建捐贈頁面，那就太令人擔憂了。 但是，既然您偶然發現了這篇文章，這就不是問題了！ 讓我們開始吧。

為什麼非營利組織應該有捐贈頁面？

老實說，看看您的非營利網站。

它會激發您立即捐款嗎？ 它是否具有使用戶能夠輕鬆捐贈的關鍵要素？ 是的？ 不！！！

如果您感覺不到，您的潛在捐助者很可能會分享您的感受。 HubSpot CMS 已經使創建非營利網站變得容易。 但是，如果您想增加籌款，一個專門用於捐贈的單獨登陸頁面至關重要！

據統計，2020年美國人向慈善事業捐贈了4714.4億美元。 事實上，全球 45% 的捐助者參與了每月捐贈計劃。

創建捐贈頁面之前應注意什麼？ 概述。

優秀的捐贈頁面應該：

1. 具有移動響應能力，讓用戶只需單擊一下即可在世界任何時間、任何地點進行捐贈。
2. 激發捐助者的衝動慈善。 與觀眾產生情感共鳴的捐贈頁面會鼓勵觀眾採取行動。
3. 通過提供默認/選擇的定期捐贈選項，讓您自己和您的捐贈者變得簡單。

使用 HubSpot 創建捐贈頁面的 4 個步驟

在本節中，我將引導您完成創建 HubSpot 捐贈頁面的步驟，該頁面可以驅動資金並促進您的非營利籌款活動。

如果您剛剛開始您的非營利組織並想創建一個 HubSpot 捐贈頁面，

• 註冊 HubSpot CMS。 免費。 如果您有興趣，他們還提供40%的 CRM 折扣。
• 下載 HubSpot 主題。 您將從 HubSpot 市場獲得豐富的免費和高級 HubSpot 主題選項。 還有多用途和定制的主題。

但是，我建議您使用免費的 HubSpot 主題。 它們會讓您掌握使用拖放模塊的竅門。 隨後，如果您需要任何特定功能或模塊，您可以要求定制。

第 1 步：選擇一個 HubSpot CMS 主題

在您的 CMS 上選擇並安裝一個 HubSpot 主題。 現在，我將使用 MakeWebBetter 名為 Charity 的免費 HubSpot CMS 主題創建一個捐贈頁面。

它非常適合非營利組織、非政府組織、活動家和籌款網站。 它包括27 個拖放模塊、16 個可重複使用的部分、11 頁模板和 7 個系統頁面。

• 登錄到您的 HubSpot 門戶 > 轉到市場圖標 > 單擊並選擇資產市場。 在這裡您可以找到 HubSpot 網站主題。

• 在搜索欄中輸入名稱“Charity” 。 選擇主題。

• 如果需要，您可以預覽主題。 否則，請選擇免費安裝選項。

• 現在您可以將主題設置為 HubSpot CMS 上的活動主題。 慈善主題的其他選擇包括環境、激進主義、信條等。

下載主題

第 2 步：創建 HubSpot 捐贈頁面 選擇捐贈頁面模板

使用慈善主題中頁面模板列表中的模板創建頁面。 現在您可以使用拖放編輯器添加模塊等元素。

• 從頂部欄中選擇市場營銷 > 網站 > 網站頁面。
• 單擊創建並選擇著陸頁。 現在命名該頁面，例如，（您的網站名稱）捐贈頁面。

• 現在從慈善主題中選擇捐贈模板 > 單擊選擇模板。 該模板將被應用。 老實說，一旦選擇使用捐贈模板，就完成了一半以上的工作。

第 3 步：編輯 Charity HubSpot 主題捐贈模板

選擇捐贈模板後，根據您的非營利組織編輯元素。 在這個 HubSpot 捐贈頁面模板上，我們添加了只關注用戶捐贈的清晰元素。

在情感講述和有效講述之間取得平衡對於您的捐贈頁面至關重要，因為它們並不總是相同的。

每個人都喜歡成功的故事，讓客戶知道他們的錢會去哪里肯定會提高轉化率。 但是，這對您的“關於我們”頁面來說是有用的！

您不想讓捐助者的內容過多，因此請保持您的捐助頁面簡短。 因此，避免在頁面上添加不必要的內容是吸引捐助者註意力的明智方法。

捐贈模板包括基本模塊，如捐贈模塊、標題內容、進度條和手風琴兩個主要部分。

隨後，您可以繼續根據您的非營利組織編輯模塊內容。

該主題中使用的每個模塊都遵循拖放編輯器。 此外，這些模塊具有樣式選項，您可以從樣式選項卡訪問這些選項。

只需將鼠標懸停在您要編輯的模塊上 > 單擊鉛筆圖標 > 並進行編輯。 讓我們詳細檢查捐贈模板的每個模塊：

1）捐贈模塊

最重要的部分，即捐贈模塊使捐贈者能夠選擇他們願意為您的事業捐贈的任何金額。 您可以通過金額選項卡設置輕鬆編輯捐贈值。

提供預設的捐贈金額是非常容易接受的。 它使單擊捐贈過程更加容易。 而且，這對您有利，因為它消除了捐贈者猜測他們應該捐贈多少以及是否捐贈的想法。

• 因此，從“標題”選項中編輯適合您的標題。 您可以編輯金額表格佔位符文本，並添加最多4 個捐贈金額的預設值。 我們提供了一個按鈕，其文本也是可編輯的。
• 從可用捐贈表格列表中選擇一個表格。 確保您事先創建了捐贈表格。 如果您還沒有，請先創建一個 HubSpot 捐贈表格。

編輯捐贈表格上的表格字段。 您可以添加或刪除表單域。 但是，不要添加太多字段，因為這可能會激怒用戶並且他們可能會選擇退出。

筆記

要通過此表單獲取用於募捐的隱藏財產數額，您可以聯繫我們的支持團隊，我們將為您添加此功能。
聯繫我們

2) 進度條

進度條元素是一個小而高效的元素。 當您為您的非營利組織創建捐贈頁面時，您需要捐贈者保持積極性。

即使用戶捐贈的金額可能不會很高，實時顯示進度條仍然是一種留住捐贈者註意力的明智技術。

進度條的想法也是公開聲明您希望通過捐贈頁面實現的目標。 所以，你是真實的，並獲得了捐助者的信任。

您可以在進度條中編輯什麼？

您可以決定您的資金目標，並相應地提及開始和結束標籤、啟用或禁用計數以及開始和結束標籤。

最重要的是，無論您如何使用進度條，它都不是必需的。 但是，這也不會影響您的籌款活動。

3）標題內容

標題內容將幫助您在捐贈頁面的任何位置添加標題。 使用最少的內容方法，與您的聽眾產生共鳴以鼓勵捐贈。

提及與您的品牌基調一致的標題，並將演示內容替換為您想要的內容。 此外，您可以在 HubSpot 非營利組織捐贈頁面上方便地添加和格式化副標題以及主要和次要 CTA。

您可以自由選擇兩種 CTA 樣式中的任何一種，為標題模塊的 CTA 填充和勾勒輪廓。

4) 手風琴

手風琴模塊只是對捐贈頁面模板的補充。 這是將有關您的非營利組織的所有更新保存在一個地方的絕佳方式。 它可以是與您的事業、捐贈查詢、贊助等相關的任何事情。

您可以創建一個捐贈頁面，添加多個問題和答案，以避免捐贈前可能出現的任何混亂。

如何在現有登陸頁面上添加捐贈部分？

如果您希望在您的任何非營利登錄頁面上添加捐贈部分，您可以將捐贈模塊拖放到您想要創建捐贈部分的任何位置。

隨後，您可以如上所述編輯捐贈模塊，並從您的任何非營利網站頁面收集捐贈！

帶有捐贈模塊的 HubSpot CMS 主題

每個其他頁麵類型都有多個 HubSpot CMS 模板。 但是，並非所有這些都是免費的並且旨在轉換。

但是，在我們為 HubSpot 提供的免費非營利主題中，我們默認添加了捐贈表單模塊。 例如，

環境捐贈頁面示例

捐贈模塊

激進主義捐贈頁面示例

捐贈模塊

信條捐贈頁面示例

捐贈模塊

您實際上已經完成了為您的非營利網站創建捐贈頁面的步驟。 您可以在發布非營利網站的捐贈頁面之前預覽所有內容。

但是，除非你真的從同一頁面收集捐款，否則它是沒有用的。 你現在有兩個選擇

• 請 Makewebbetter 的專家將您的捐贈頁面轉換為功能齊全的非營利捐贈平台。 您不必瀏覽各種捐贈頁面示例，我們會為您完成一切。

要求定制

• 或者，執行下一步。

第四步：收集捐款的用戶信息

用戶在您通過捐贈模塊添加的表格中填寫所需信息後，您將在管理員的收件箱中收到捐贈者的詳細信息。

隨後，您可以收集志願者信息 > 發送您的帳戶/PayPal 帳戶詳細信息 > 接受捐贈 > 將收據發送給捐贈者。

如何為個人籌款？

如果您還不知道，HubSpot CMS 為您提供了一個免費創建籌款網站的絕佳機會。 您可以註冊 HubSpot CMS 並下載我們的任何免費非營利主題。

此後，使用 HubSpot CMS 為個人創建捐贈頁面的過程相同。

至此，我們來到了使用 HubSpot 創建捐贈頁面的終點。 但是，如果您想將任何頁面轉換為捐贈頁面而無需使用任何 HubSpot CMS 主題的捐贈模板，我添加了一個獎勵部分。

是的！！

您只需使用我們的 Form Pay 應用程序，它是 MakeWebBetter 的 HubSpot Integration。 使用我們的 HubSpot CMS 主題，您可以免費創建一個捐贈頁面，但您需要花費49 美元才能無縫收集捐贈。

使用 HubSpot 表格和 FormPay 將任何登陸頁面轉換為捐贈頁面！

非營利行業在 2019 年的總收入為 847 億美元。不可否認，非營利組織做得很好。 但是，這一切都歸結為智能工作和資源的最佳利用這一事實。

MakeWebBetter 的 FormPay 就是這樣一個 HubSpot 集成應用程序，它使您作為非營利組織的工作在捐贈收集平台方面更加輕鬆和更好。 人們傾向於信任著名的支付網關，如 PayPal、Stripe 等。

如果您在其中，這裡是您需要遵循的步驟列表！

第 1 步：使用任何 HubSpot CMS 主題模板創建登陸頁面

您剛剛學會了使用 HubSpot CMS 創建一個免費的捐贈頁面。 但是，您不一定必須從 HubSpot CMS 主題中選擇捐贈模板。 您可以選擇任何網站或登陸頁面模板來創建捐贈頁面，並選擇您要創建用於籌集非營利基金的捐贈表格的部分。

（事實上，HubSpot 捐贈模板並非包含在每個主題中）

接下來，打開 HubSpot Apps 市場並按照以下步驟操作。

第 2 步：安裝 FormPay 應用程序

登錄到您的HubSpot 門戶 > 選擇市場圖標 > 單擊 App Marketplace > 通過 MakeWebBetter 搜索 FormPay > 註冊並安裝應用程序。

您可以免費試用 FormPay 一周，然後只需49 美元即可購買，輕鬆收集 HubSpot 捐款。

借助 Formpay，您可以使用 Amazon Pay、Stripe、PayPal 和 Adyen 等流行的支付選項，通過 HubSpot 表格接受捐贈。 此外，它對放置沒有限制。

您可以轉到“網關”選項並激活、管理或設置提供的支付網關。

第 3 步：使用嵌入代碼創建和顯示捐贈表格

您會在右上角找到創建新表單的選項。 創建表單後，您可以

• 選擇任何表單 > 複製嵌入代碼 > 打開您使用 HubSpot CMS 主題創建的任何網站頁面。

• 隨後，轉到您希望收集捐款的任何非營利網站或登錄頁面 > 嵌入代碼 > 更新和預覽您的頁面 > 發布

現在，您可以通過 HubSpot CRM 直接從此捐贈表格收集捐贈，並提供完整的詳細信息。

如何在非營利登陸頁面上嵌入表單代碼？

• 選擇任何登陸頁面 > 從編輯頁面菜單轉到添加> 搜索富文本模塊 > 將其拖放到頁面上的任意位置 > 刪除顯示的文本。

• 從最上面的菜單中找到插入選項 > 嵌入 > 粘貼代碼 > 預覽

Formpay 的哪些功能可以讓您在沒有捐贈頁面模板的情況下收集 HubSpot 捐贈？

1. 通過 HubSpot CRM 在聯繫人記錄中獲取用戶捐贈詳細信息。
2. 將 HubSpot 捐贈與全球接受的支付網關相結合。
3. 簡單的捐贈省去了複雜的網站捐贈步驟。
4. 在單個 HubSpot 支付集成中使用多個網關。

結論

作為一個非營利性捐贈平台，您的網站可以使用我們的 HubSpot 主題捐贈模板充分發揮作用。 它們相當容易申請，以防萬一您遇到困難，您可以免費與我們的專家會面。

因此，無論您是在尋找免費選項還是想以最少的預算創建捐贈頁面，我都為您提供了最佳解決方案！

儘管非營利組織和慈善機構的興趣在各地都在上升，但組織仍必須準備好調整計劃以應對不斷變化的人口趨勢。 創建捐贈頁面和移動捐贈等趨勢只是基本趨勢。

如果您正在閱讀這一行，那麼您一定非常有興趣使用 HubSpot CMS 創建捐贈頁面！ 如果您需要非營利組織或慈善網站的步驟、提示和技巧