HubSpot CMS로 기부 페이지를 만드는 방법은 무엇입니까?

HubSpot 기부 페이지를 만들고 싶었다면 대성공을 거둔 것입니다. 개발자를 고용하거나 코드 한 줄을 알 필요 없이 비영리단체를 위한 HubSpot CMS로 완벽한 기부 페이지를 안내해 드립니다. 그리고 무료!

비영리 단체가 모금에 어려움을 겪던 시대는 지났습니다. 비영리 조직이 있는 경우 후원자와 자원 봉사자를 적극적으로 찾고 있을 가능성이 있습니다.

요즘 비영리 단체는 온라인과 오프라인에서 기부금을 모으고 있습니다. 인바운드 마케팅 및 디지털화를 통해 비영리 단체는 높은 수익과 증가하는 잠재 고객을 확보하기 위해 스스로를 형성하고 있습니다.

비영리 단체를 위한 기금을 모으는 가장 효율적인 방법은 무엇입니까? 모금을 위한 리드를 얻는 좋은 방법은 무엇입니까? 답은 귀하의 웹 사이트입니다.

완벽하게 디자인된 간단한 기부 페이지 하나로 비영리 단체에 놀라운 일을 할 수 있습니다! 아직 기부 페이지를 만들지 않으셨다면 걱정입니다. 하지만 이 기사를 우연히 발견한 지금은 문제가 되지 않습니다! 그냥 뛰어들자.

비영리 단체에 기부 페이지가 있어야 하는 이유는 무엇입니까?

솔직히 말해서 귀하의 비영리 웹사이트를 살펴보겠습니다.

즉시 기부하도록 영감을 줍니까? 사용자가 번거로움 없이 기부할 수 있는 핵심 요소가 있습니까? 예? 아니!!!

귀하의 잠재적 기부자는 귀하가 느끼지 못하는 경우 귀하의 감정을 공유할 가능성이 높습니다. HubSpot CMS에서는 이미 비영리 웹사이트를 쉽게 만들 수 있습니다. 그러나 기금 모금을 늘리려면 별도의 기부 전용 ​​랜딩 페이지가 중요합니다!

통계적으로 말하면, 2020년에 미국인들은 자선 단체에 4,714억 4,000만 달러 를 기부했습니다. 실제로 전 세계 기부자의 45%가 월간 기부 계획에 참여하고 있습니다.

기부 페이지를 만들기 전에 명심해야 할 사항은 무엇입니까? 개요.

뛰어난 기부 페이지는 다음과 같아야 합니다.

1. 사용자가 클릭 한 번으로 전 세계 언제 어디서나 기부할 수 있도록 모바일 반응형 이어야 합니다.
2. 기부자들 사이에서 충동적인 자선 활동 을 고취하십시오. 시청자와 공감하는 기부 페이지는 시청자의 행동을 감성적으로 독려합니다.
3. 기본/선택 반복 기부 옵션을 제공하여 자신과 기부자를 위해 간단하게 만드십시오.

HubSpot으로 기부 페이지를 만드는 4단계

이 섹션에서는 기금을 모금하고 비영리 모금 캠페인을 홍보하는 HubSpot 기부 페이지를 만드는 단계를 안내합니다.

비영리 단체에서 막 시작하여 HubSpot 기부 페이지를 만들고 싶은 경우,

• HubSpot CMS에 가입하세요. 그것은 무료입니다. 또한 관심이 있는 경우 CRM에서 40% 할인 을 제공합니다.
• HubSpot 테마를 다운로드합니다. HubSpot 마켓플레이스에서 다양한 무료 및 프리미엄 HubSpot 테마 옵션을 얻을 수 있습니다. 다목적 및 맞춤형 테마도 있습니다.

그러나 무료 HubSpot 테마를 사용하는 것이 좋습니다. 끌어서 놓기 모듈을 사용하는 요령을 알려줄 것입니다. 이후에 특정 기능이나 모듈이 필요한 경우 사용자 지정을 요청할 수 있습니다.

1단계: HubSpot CMS 테마 선택

CMS에서 HubSpot 테마를 선택하고 설치합니다. 바로 지금 Charity라는 MakeWebBetter의 무료 HubSpot CMS 테마를 사용하여 기부 페이지를 만들 것입니다.

NPO, NGO, 활동가 및 모금 웹 사이트에 적합합니다. 여기에는 27개의 끌어서 놓기 모듈, 16개의 재사용 가능한 섹션, 11페이지 템플릿 및 7개의 시스템 페이지가 포함됩니다.

• HubSpot 포털에 로그인 > 마켓플레이스 아이콘으로 이동 > 자산 마켓플레이스를 클릭하고 선택합니다. 여기에서 HubSpot 웹사이트 테마를 찾을 수 있습니다.

• 검색창에 "Charity" 라는 이름을 입력합니다. 테마를 선택합니다.

• 원하는 경우 테마를 미리 볼 수 있습니다. 그렇지 않으면 무료 설치 옵션을 선택하십시오.

• 이제 HubSpot CMS에서 테마를 활성 테마로 설정할 수 있습니다. 자선 주제의 다른 대안으로는 환경, 행동주의, 신조 등이 있습니다.

테마 다운로드

2단계: HubSpot 기부 페이지 만들기 기부 페이지 템플릿 선택

Charity 테마의 페이지 템플릿 목록에서 템플릿을 사용하여 페이지를 만듭니다. 이제 드래그 앤 드롭 편집기를 사용하여 모듈과 같은 요소를 추가할 수 있습니다.

• 상단 표시줄에서 마케팅 > 웹사이트 > 웹사이트 페이지를 선택합니다.
• 만들기 를 클릭하고 랜딩 페이지를 선택합니다. 이제 페이지 이름을 지정합니다(예: (귀하의 웹사이트 이름) 기부 페이지).

• 이제 자선 테마에서 기부 템플릿을 선택하고 템플릿 선택을 클릭 합니다. 템플릿이 적용됩니다. 솔직히 말해서 기부 템플릿을 사용하기로 선택하자마자 작업의 절반 이상이 완료됩니다.

3단계: Charity HubSpot 테마 기부 템플릿 편집

기부 템플릿을 선택한 후 비영리 단체에 따라 요소를 편집합니다. 이 HubSpot 기부 페이지 템플릿에는 기부에 대한 사용자와 관련된 선명한 요소가 추가되었습니다.

정서적 스토리텔링과 효과적인 스토리텔링 사이의 균형을 이루는 것은 둘 다 항상 동일하지 않기 때문에 기부 페이지에 매우 중요합니다.

모두가 좋은 성공 사례를 즐기고 고객에게 돈이 어디로 가는지 알려주면 확실히 전환율이 높아집니다. 그러나 그것은 귀하의 About Us 페이지에 대한 것입니다!

기부자에게 콘텐츠가 너무 많이 쌓이는 것을 원하지 않으므로 기부 페이지를 짧게 유지하세요. 따라서 페이지에 불필요한 추가를 피하는 것이 기부자의 관심을 끌 수 있는 현명한 방법입니다.

기부 템플릿에는 두 개의 주요 섹션에 있는 기부 모듈, 제목 콘텐츠, 진행률 표시줄 및 아코디언과 같은 필수 모듈이 포함되어 있습니다.

그런 다음 비영리 단체에 따라 모듈 콘텐츠를 편집할 수 있습니다.

이 테마에서 사용되는 각 모듈은 드래그 앤 드롭 편집기를 따릅니다. 또한 이러한 모듈에는 스타일 탭 에서 액세스할 수 있는 스타일 지정 옵션 이 있습니다.

수정하려는 모듈 위로 마우스를 가져간 다음 연필 아이콘을 클릭하고 수정합니다. 기부 템플릿의 각 모듈을 자세히 살펴보겠습니다.

1) 기부 모듈

가장 중요한 부분, 즉 기부 모듈을 통해 기부자는 귀하의 대의에 기부하고 싶은 금액을 선택할 수 있습니다. 금액 탭 설정을 통해 기부 금액을 쉽게 편집할 수 있습니다.

사전 설정된 기부 금액을 제공하는 것은 매우 접근하기 쉽습니다. 한 번의 클릭으로 기부 프로세스가 더 쉬워집니다. 그리고 그것은 기부자가 얼마를 기부해야 하는지, 기부해야 하는지를 추측하는 생각을 없애기 때문에 당신에게 유리합니다.

• 따라서 제목 옵션에서 원하는 대로 헤드라인을 편집하십시오. 금액 양식 자리 표시자 텍스트 를 편집 하고 기부 금액의 사전 설정 값을 최대 4개 까지 추가할 수 있습니다. 텍스트도 편집할 수 있는 단일 버튼을 제공했습니다.
• 사용 가능한 기부 양식 목록에서 양식을 선택하십시오. 사전에 기부 양식을 작성했는지 확인하십시오. 그렇지 않은 경우 먼저 HubSpot 기부 양식을 만드십시오.

기부 양식에서 양식 필드를 편집합니다. 양식 필드를 추가하거나 제거할 수 있습니다. 그러나 너무 많은 필드를 추가하면 사용자가 짜증을 내고 옵트아웃할 수 있으므로 너무 많이 추가하지 마세요.

메모

이 양식에서 기부금을 모으기 위한 숨겨진 금액을 얻으려면 지원 팀에 문의하면 이 기능을 추가할 것입니다.
문의하기

2) 진행 바

진행률 표시줄 요소는 작지만 매우 효과적인 요소입니다. 비영리 단체를 위한 기부 페이지를 만드는 동안 동기 부여를 유지하려면 기부자가 필요합니다.

사용자가 실제로 많은 금액을 기부하지 않더라도 바의 진행 상황을 실시간으로 보여주는 것은 여전히 ​​기부자의 관심을 유지하는 현명한 기술입니다.

진행률 표시줄의 아이디어는 기부 페이지를 통해 달성하고자 하는 목표를 공개적으로 선언하는 것이기도 합니다. 그래서 당신은 진실되고 기부자의 신뢰를 얻고 있습니다.

진행률 표시줄에서 무엇을 편집할 수 있습니까?

펀드 목표를 결정하고 그에 따라 시작 및 종료 레이블을 언급하고, 카운트를 활성화 또는 비활성화하고, 시작 및 종료 레이블도 지정할 수 있습니다.

무엇보다 진행률 표시줄을 어떻게 사용하든 필수적인 것은 아닙니다. 그러나 그것은 당신의 기금 모금에도 해를 끼치지 않습니다.

3) 타이틀 내용

제목 콘텐츠는 기부 페이지의 아무 곳에나 제목을 추가하는 데 도움이 됩니다. 최소한의 콘텐츠 접근 방식으로 청중과 공감하여 기부를 장려하십시오.

브랜드 톤에 맞는 제목을 언급하고 데모 콘텐츠를 원하는 콘텐츠로 바꿉니다. 또한 HubSpot 비영리 기부 페이지에서 자막과 기본 및 보조 CTA를 편리하게 추가하고 형식을 지정할 수 있습니다.

제목 모듈의 CTA에 대해 채워지고 윤곽이 표시된 두 가지 CTA 스타일 중 하나를 자유롭게 선택할 수 있습니다.

4) 아코디언

아코디언 모듈은 단순히 기부 페이지 템플릿을 보완합니다. 비영리 단체에 관한 모든 업데이트를 한 곳에 보관할 수 있는 훌륭한 방법입니다. 원인, 기부 문의, 후원 등과 관련된 모든 것이 될 수 있습니다.

기부 전에 발생할 수 있는 혼란을 피하기 위해 여러 질문과 답변을 추가하여 기부 페이지를 만들 수 있습니다.

기존 랜딩 페이지에 기부 섹션을 추가하는 방법은 무엇입니까?

비영리 랜딩 페이지에 기부 섹션을 추가하려면 기부 모듈을 드래그 앤 드롭하여 기부 섹션을 만들 수 있습니다.

그 후 위에서 설명한 대로 기부 모듈을 편집하고 비영리 웹사이트 페이지에서 기부금을 모을 수 있습니다!

기부 모듈이 포함된 HubSpot CMS 테마

다른 모든 페이지 유형에 대해 여러 HubSpot CMS 템플릿이 있습니다. 그러나 그들 모두가 무료이고 변환하도록 설계된 것은 아닙니다.

그러나 HubSpot의 무료 비영리 테마에는 기부 양식 모듈이 기본적으로 추가되어 있습니다. 예를 들어,

환경 기부 페이지 예시

기부 모듈

행동주의 기부 페이지 예시

기부 모듈

신조 기부 페이지 예시

기부 모듈

비영리 웹사이트를 위한 기부 페이지를 만드는 단계를 거의 완료했습니다. 비영리 웹사이트의 기부 페이지를 게시하기 전에 모든 것을 미리 볼 수 있습니다.

그러나 실제로 같은 페이지에서 기부금을 모으지 않으면 쓸모가 없습니다. 이제 두 가지 옵션이 있습니다.

• Makewebbetter의 전문가에게 귀하의 기부 페이지를 완전한 기능을 갖춘 비영리 기부 플랫폼으로 전환하도록 요청하십시오. 다양한 기부 페이지 예시를 거치지 않아도 됩니다. 저희가 모든 것을 도와드리겠습니다.

맞춤화 요청

• 또는 다음 단계를 따르십시오.

4단계: 기부금 수집을 위한 사용자 정보

사용자가 기부 모듈을 통해 추가한 양식에 필요한 정보를 입력하면 관리자의 받은 편지함에서 기부자의 세부 정보를 받게 됩니다.

이후 자원봉사 정보 수집 > 본인/PayPal 계정 정보 전송 > 기부 수락 > 기부자에게 영수증 발송을 진행하시면 됩니다.

개인을 위한 모금 행사를 설정하는 방법은 무엇입니까?

아직 모르는 경우 HubSpot CMS는 무료로 기금 모금 웹사이트를 만들 수 있는 환상적인 기회를 제공합니다. HubSpot CMS에 가입하고 무료 비영리 테마를 다운로드할 수 있습니다.

이후 과정은 HubSpot CMS를 사용하여 개인을 위한 기부 페이지를 생성하는 것과 동일합니다.

이것으로 HubSpot으로 기부 페이지를 만드는 끝점에 도달했습니다. 그러나 HubSpot CMS 테마의 기부 템플릿을 사용하지 않고 페이지를 기부 페이지로 변환하려는 경우 보너스 섹션을 추가했습니다.

예!!

MakeWebBetter의 HubSpot 통합인 Form Pay 앱을 사용하기만 하면 됩니다. HubSpot CMS 테마를 사용하여 무료로 기부 페이지를 만들 수 있지만 원활한 기부 수집을 위해서는 $49 를 지출해야 합니다.

HubSpot 양식 및 FormPay를 사용하여 모든 랜딩 페이지를 기부 페이지로 전환하십시오!

비영리 산업은 2019년 총 수익이 847억 달러였습니다. 비영리 단체가 잘하고 있다는 사실을 부인할 수 없습니다. 그러나 이 모든 것은 스마트한 작업과 최고의 자원 활용이라는 사실로 귀결됩니다.

MakeWebBetter의 FormPay는 기부금 수집 플랫폼 측면에서 비영리 조직으로서의 작업을 보다 쉽고 효과적으로 만들어주는 HubSpot 통합 애플리케이션 중 하나입니다. 사람들은 PayPal, Stripe 등과 같은 유명한 결제 게이트웨이를 신뢰하는 경향이 있습니다.

여기에 있다면 따라야 할 단계 목록이 있습니다!!

1단계: HubSpot CMS 테마 템플릿을 사용하여 랜딩 페이지 생성

방금 HubSpot CMS로 기부 페이지를 무료로 만드는 방법을 배웠습니다. 그러나 반드시 HubSpot CMS 테마에서 기부 템플릿을 선택할 필요는 없습니다. 웹사이트 또는 랜딩 페이지 템플릿을 선택하여 기부 페이지를 만들고 비영리 기금 모금을 위한 기부 양식을 만들고 싶은 섹션을 선택할 수 있습니다.

(사실 HubSpot 기부 템플릿이 모든 테마에 포함되어 있는 것은 아닙니다.)

다음으로 HubSpot 앱 마켓플레이스를 열고 아래 단계를 따르세요.

2단계: FormPay 앱 설치

HubSpot 포털에 로그인 > 마켓플레이스 아이콘 선택 > 앱 마켓플레이스 클릭 > MakeWebBetter의 FormPay 검색 > 앱 등록 및 설치.

일주일 동안 FormPay를 무료로 사용해 본 다음 49달러 에 구입하여 HubSpot 기부금을 쉽게 모을 수 있습니다.

Formpay를 사용하면 Amazon Pay, Stripe, PayPal 및 Adyen과 같은 인기 있는 결제 옵션을 사용하여 HubSpot 양식을 통해 기부를 수락할 수 있습니다. 또한 배치에 대한 제한이 없습니다.

게이트웨이 옵션으로 이동하여 제공된 결제 게이트웨이를 활성화, 관리 또는 설정할 수 있습니다.

3단계: 임베드 코드를 사용하여 기부 양식 생성 및 표시

오른쪽 상단 모서리에 새 양식을 만드는 옵션이 있습니다. 양식을 작성하면 다음을 수행할 수 있습니다.

• 아무 양식이나 선택 > 포함 코드 복사 > HubSpot CMS 테마를 사용하여 생성한 웹사이트 페이지를 엽니다.

• 그런 다음 기부금을 모으려는 비영리 웹사이트 또는 랜딩 페이지로 이동 > 코드 삽입 > 페이지 업데이트 및 미리보기 > 게시

이제 HubSpot CRM을 통해 완전한 세부 정보가 포함된 이 기부 양식에서 직접 기부금을 모을 수 있습니다.

비영리 랜딩 페이지에 양식 코드를 삽입하는 방법은 무엇입니까?

• 방문 페이지 선택 > 페이지 편집 메뉴 에서 추가 로 이동 > 서식 있는 텍스트 모듈 검색 > 페이지의 아무 곳이나 끌어다 놓기 > 표시되는 텍스트 제거.

• 최상위 메뉴에서 삽입 옵션 > 삽입 > 코드 붙여넣기 > 미리보기를 찾습니다.

기부 페이지 템플릿 없이 HubSpot 기부를 수집할 수 있는 Formpay의 기능은 무엇입니까?

1. 연락처 기록 내에서 HubSpot CRM을 통해 사용자 기부 세부 정보를 가져옵니다.
2. HubSpot 기부를 전 세계적으로 허용되는 결제 게이트웨이와 통합합니다.
3. 간단한 기부는 복잡한 웹사이트 기부 단계를 생략합니다.
4. 단일 HubSpot 지불 통합에서 여러 게이트웨이를 활용하십시오.

결론

비영리 기부 플랫폼으로서 귀하의 웹사이트는 HubSpot 테마의 기부 템플릿을 사용하여 충분히 성능을 발휘할 수 있습니다. 적용하기가 매우 쉽고 문제가 있는 경우를 대비하여 전문가와 무료 회의를 할 수 있습니다.

따라서 무료 옵션을 찾고 있거나 최소한의 예산으로 기부 페이지를 만들고자 하는 경우 최고의 솔루션을 제공했습니다!

비영리 및 박애주의적 관심이 모든 곳에서 증가하고 있지만 조직은 여전히 ​​변화하는 인구 통계학적 추세에 대응하여 계획을 조정할 준비가 되어 있어야 합니다. 기부 페이지 생성 및 모바일 기부와 같은 추세는 기본적인 것입니다.

이 줄을 읽고 있다면 HubSpot CMS를 사용하여 기부 페이지를 만드는 데 정말 관심이 있었을 것입니다! 비영리 또는 자선 웹사이트를 위한 단계, 팁 및 요령이 필요한 경우