팝업을 통해 NGO의 대의에 더 많은 기여를 하는 방법의 6가지 예

NGO는 사회적, 인도적 목적을 위해 세상을 개선하는 것이 목표라는 점에서 기존 기업과 다릅니다. 인도적 또는 사회적 대의를 수행하기 위해 그들은 자신의 대의에 가치를 찾는 기부자와 자원 봉사자를 유치하고 유지할 수 있어야 합니다.

우리는 NGO의 온라인 모금 활동이 증가하는 추세를 보고 있습니다. Blackbaud Institute에서 수행한 연구에 따르면 지난 3년 동안 온라인 기부가 전 세계적으로 30%에서 60% 증가했습니다.

이러한 자선 성장의 맥락에서 NGO가 기부를 요청하기에 이보다 더 좋은 때는 없었습니다. NGO는 새로운 기회를 활용할 준비가 되어 있어야 합니다. 이러한 이유로 이 게시물에서는 다양한 NGO가 팝업을 사용하여 영감을 줄 수 있는 더 많은 기부를 받는 방법에 대한 6가지 예를 공유합니다. 또한 Nelio Popups 플러그인을 사용하여 WordPress에서 쉽게 만드는 방법도 알려드립니다.

WordPress.org에서 사용할 수 있는 다른 플러그인과 마찬가지로 WordPress 대시보드에서 직접 Nelio Popups의 무료 버전을 설치할 수 있습니다. 추가 기능이 포함된 프리미엄 버전에 대한 출시 제안을 지금 활용할 수도 있습니다. 또한 이 게시물에서 팝업의 더 많은 예를 찾을 수 있음을 기억하십시오.

시에라 클럽 팝업

시에라 클럽은 미국에서 가장 오래되고 가장 크고 영향력 있는 환경 단체 중 하나로, 그들의 주요 목표는 지구상의 야생 지역을 탐험하고 즐기고 보호하는 것입니다.

시에라클럽 홈페이지에 처음 접속하면 위 이미지와 같은 팝업창이 뜹니다. 이 팝업은 뒤에 있는 이미지를 고정하고 팝업 버튼이나 팝업의 링크를 클릭하거나 팝업을 닫을 수만 있습니다. 닫히면 쿠키가 저장되고 사용자의 후속 세션에 다시 나타나지 않습니다. 목표는 분명합니다. 처음 사용자가 기부를 하도록 초대받고 이후 방문에 방해가 되지 않습니다.

하지만 그뿐만이 아닙니다. 이 웹사이트에는 두 개 이상의 팝업이 정의되어 있어 모든 사용자가 이 웹사이트에 처음 들어갈 때 동일한 창이 표시되지 않습니다.

Nelio Popups로 이러한 팝업을 어떻게 생성합니까? Nelio Popups 플러그인을 설치하면 대시보드에서 사용할 수 있으며 메뉴에 있는 "새로 추가" 옵션을 사용하여 첫 번째 팝업을 만들 수 있습니다.

Nelio Popups 플러그인의 가장 큰 장점은 WordPress 블록 편집기와 완전히 통합된다는 것입니다. 따라서 Nelio Popups를 사용하여 팝업을 만드는 것은 WordPress에서 게시물이나 페이지를 만들 때와 마찬가지로 편집기에 있는 것과 동일한 블록을 마음대로 사용할 수 있습니다.

먼저 두 개의 열(메인 제목에 대한 팝업의 80%를 차지하는 열과 오른쪽에 있는 링크에 대한 열)을 추가하여 이 팝업을 만들 수 있습니다. 팝업의 전체 너비.

팝업이 생성되면 모든 콘텐츠를 직접 복사하고(모든 페이지에서 수행하는 것과 동일한 방식으로) 새 팝업을 추가하고 생성된 콘텐츠를 붙여넣고 텍스트를 수정할 수 있으므로 다른 팝업을 생성하는 것이 훨씬 더 쉽습니다. .

또한 어떤 다른 기능을 나타낼 수 있습니까? 크기(이 경우 너비 900픽셀), 웹 내에서 표시할 위치(상단에 10em의 여백) 및 표시 방법(상단에서 아래로 슬라이딩)을 설정할 수 있습니다. 또한 팝업 뒤에 회색 오버레이 레이어가 추가되고 팝업을 닫는 아이콘이 있음을 나타낼 수도 있습니다.

또한 모든 페이지에 표시되어야 하고 페이지를 방문하는 즉시 표시되도록 지정할 수도 있습니다.

Nelio Popups 플러그인을 사용하면 이 팝업이 다른 팝업과 함께 표시되지 않도록 지정할 수도 있습니다. 따라서 콘텐츠가 다른 3개의 팝업을 생성하더라도 사용자가 페이지에 들어갈 때 주어진 순간에 3개 중 하나만 표시되도록 합니다.

위의 이미지에서 볼 수 있듯이 팝업을 표시하려는 횟수와 이 조건을 재설정하려는 빈도를 제한하는 프리미엄 기능도 있습니다. 이렇게 하면 내 사이트에 들어오는 사용자가 팝업을 처음 볼 수 있고 사이트를 탐색하는 동안 다시는 볼 수 없습니다. 표시된 시간이 끝나면 이 상태가 재설정되고 해당 사용자는 팝업을 다시 볼 수 있습니다.

인간사회 팝업

미국 휴메인 소사이어티(HSUS)는 동물 복지를 증진하고 국가 차원에서 동물과 관련된 학대에 반대하는 데 중점을 둔 미국 비영리 단체입니다. 웹 사이트에 들어가면 화면 중앙에 환상적인 팝업이 나타나 조치를 취할 수 있습니다. 이 경우 멸종 위기에 처한 종법에 따라 하마를 등재하여 하마를 보호하기 위해 미국 어류 및 야생 동물 관리국 국장에게 서한을 보내는 것을 지원합니다.

또한 50개국 이상에 진출한 글로벌 자회사인 HSI(Humane Society International)에서도 웹사이트 방문 시 위와 유사한 동작을 팝업으로 보여줍니다.

두 경우 모두 이 강력한 팝업은 웹사이트를 처음 방문할 때만 표시됩니다.

Nelio Popups로 어떻게 만들 수 있습니까? 두 경우 모두 이미지와 제목, 단락 및 버튼이 있는 미디어 및 텍스트 블록으로 팝업을 만들 수 있습니다.

이미지가 표지 이미지로 전체 공간을 차지하도록 하려면 "표지 이미지" 스타일을 사용하여 이를 나타낼 수 있습니다.

팝업의 크기와 중앙 위치를 지정한 후 결과를 미리 볼 수 있습니다.

그리고 두 팝업의 동작은 이전 팝업과 매우 유사합니다. 모든 페이지에 나타나야 하며(페이딩 효과 없이) 세션당 보기 수를 1개로 제한합니다.

국제구조위원회 팝업

국제구조위원회는 분쟁과 재난으로 황폐해진 사람들의 건강, 안전, 교육, 경제적 안녕, 힘의 회복을 돕습니다. 바로 지금, 웹사이트에 몇 초 후, 당신은 우크라이나의 위기를 돕기 위해 기부를 요청하는 팝업 창이 나타납니다.

Nelio Popups로 이와 같은 팝업을 어떻게 만들 수 있습니까? 여기에서 우리는 상단에 표지의 전체 너비와 제목을 차지하는 이미지를 추가한 다음 단락과 버튼을 추가한 검은색 표지 블록을 만들기로 선택했습니다.

이 팝업에서 1픽셀 회색 색상의 선을 테두리로 추가하고 십자가를 추가하여 같은 색상의 창을 닫습니다.

마지막으로 몇 초 후에 나타나야 하고 동일한 세션에서 한 번만 표시되도록 지정했습니다.

가톨릭 구호 서비스 팝업

가톨릭 구호 서비스(Catholic Relief Services)는 해외의 가난하고 취약한 사람들을 돕기 위한 미국 주교들의 약속을 이행합니다. 그들의 웹사이트에서 그들은 당신이 그들의 웹사이트를 떠나려고 할 때만 나타나는 팝업을 보여줍니다. 이 팝업은 설문 조사를 요청합니다.

팝업은 제목, 단락, 이미지로 매우 쉽게 만들 수 있습니다. 그리고 버튼. 물론 원본처럼 보이도록 파란색 테두리로 장식해줍니다.

이 경우 팝업은 사용자가 웹에서 나가려고 할 때만 나타나야 합니다. Nelio Popups를 사용하면 매우 쉽게 설정할 수 있습니다.

짜잔, 이미 팝업이 생성되었습니다.

세이브 더 칠드런 팝업

세이브 칠드런은 122개국에서 25,000명 이상의 사람들이 일하고 있는 단체로, 가장 취약한 사람들에게 우선권을 주면서 전 세계 어린이들의 권리와 이익을 수호하고 있습니다.

웹 사이트에 들어가면 다음 팝업이 눈에 띄게 나타납니다.

Nelio Popups를 사용하면 빨간색 표지 유형 블록과 두 개의 열이 있는 이 팝업을 만들 수 있습니다. 첫 번째는 텍스트와 버튼의 내용으로 더 넓습니다. 그리고 두 번째, 이미지와 함께.

또한 팝업 뒤에 짙은 회색 오버레이 레이어인 닫기 버튼을 추가하고 덮개 블록에 패딩을 추가하여 원본과 유사하게 보이도록 했습니다. 마지막으로 웹에 들어갈 때 팝업이 한 번만 표시되고 새 세션이 있을 때마다 표시되도록 추가하면 됩니다.

결론

일부 NGO는 특히 위기 상황에서 방문자가 웹사이트를 방문하는 즉시 자신의 대의에 기여할 수 있는 시각적 팝업을 보여줍니다. 그러나 대부분의 경우 방문자에게 더 많은 팝업을 표시하는 것이 문제가 아님을 알 수 있습니다. 일반적으로 첫 번째 표시로 충분하고 팝업이 다시 표시될 때까지 일정 시간을 기다립니다.

Nelio Popups와 같은 플러그인을 사용하면 웹사이트에서 페이지나 게시물을 만들 때만큼 쉽게 팝업을 만들 수 있다는 것을 알 수 있었습니다. 콘텐츠 편집은 이미 익숙한 블록으로 수행되며 원하는 동작으로 팝업을 표시할 수 있는 추가 기능 세트가 있습니다. Nelio Popups를 사용하여 웹사이트에 나만의 팝업을 만들기 위해 무엇을 기다리고 계십니까?

Unsplash에서 Katt Yukawa의 추천 이미지.