6 przykładów, jak uzyskać większy wkład w sprawy organizacji pozarządowej za pomocą wyskakujących okienek

Opublikowany: 2022-04-07

Organizacje pozarządowe różnią się od konwencjonalnych firm tym, że ich celem jest ulepszanie świata w celach społecznych i humanitarnych. Aby zrealizować swoją humanitarną lub społeczną sprawę, muszą być w stanie przyciągnąć i zatrzymać darczyńców i wolontariuszy, którzy znajdują dla nich wartość.

Obserwujemy rosnącą tendencję do pozyskiwania funduszy online przez organizacje pozarządowe. Badanie przeprowadzone przez Blackbaud Institute pokazuje globalny wzrost od 30% do 60% w ciągu ostatnich trzech lat darowizn internetowych.

Trend dawania w Internecie według wielkości organizacji
Wzrost darowizn online (źródło: Blackbaud Institute).

W kontekście rozwoju filantropii nigdy nie było lepszego czasu, aby organizacje pozarządowe zwracały się o darowizny. Twoja organizacja pozarządowa musi być przygotowana na wykorzystanie pojawiających się możliwości. Z tego powodu w tym poście udostępniam 6 przykładów tego, jak różne organizacje pozarządowe wykorzystują wyskakujące okienka, aby uzyskać więcej darowizn, które mogą być dla Ciebie inspiracją. Ponadto powiem Ci również, jak łatwo możesz je tworzyć w swoim WordPressie za pomocą wtyczki Nelio Popups.

Możesz zainstalować bezpłatną wersję Nelio Popups bezpośrednio z pulpitu WordPress, tak jak każdą inną wtyczkę dostępną na WordPress.org. Możesz także skorzystać teraz z oferty uruchomienia, którą masz dla wersji premium, dzięki której masz dodatkowe funkcje. I pamiętaj, że w tym poście znajdziesz również więcej przykładów wyskakujących okienek.

Wyskakujące okienka Sierra Club

Sierra Club to jedna z najstarszych, największych i najbardziej wpływowych organizacji ekologicznych w Stanach Zjednoczonych, której głównym celem jest odkrywanie, cieszenie się i ochrona dzikich miejsc na ziemi.

Zrzut ekranu wyskakującego okna Sierra Club
Zrzut ekranu wyskakującego Sierra Club.

Gdy po raz pierwszy wejdziesz na stronę Sierra Club, pojawi się wyskakujące okienko pokazane na powyższym obrazku. To wyskakujące okienko zamraża obraz za nim i pozwala tylko kliknąć przycisk wyskakujący lub link w wyskakujących okienkach lub zamknąć wyskakujące okienko. Po zamknięciu zapisuje plik cookie i nie pojawia się ponownie w kolejnych sesjach użytkownika. Cel jest jasny: użytkownik po raz pierwszy jest zapraszany do złożenia darowizny i nie będzie mu przeszkadzać podczas kolejnych wizyt.

Ale nie tylko. W tej witrynie zdefiniowano więcej niż jedno okienko, aby nie wszyscy użytkownicy widzieli to samo okno przy pierwszym wejściu na tę witrynę.

Jak tworzymy te wyskakujące okienka za pomocą Nelio Popups? Po zainstalowaniu wtyczki Nelio Popups jest ona dostępna na pulpicie nawigacyjnym i możesz utworzyć swoje pierwsze wyskakujące okienko za pomocą opcji „Dodaj nowy”, którą znajdziesz w menu.

Dodaj nowe wyskakujące okienko za pomocą Nelio Popups
Dodaj nowe wyskakujące okienko z Nelio Popups.

Wielką zaletą wtyczki Nelio Popups jest to, że jest w pełni zintegrowana z edytorem bloków WordPress. Dlatego tworzenie wyskakującego okienka za pomocą Nelio Popups jest tak samo proste, jak tworzenie posta lub strony w WordPressie, mając do dyspozycji te same bloki, które masz w edytorze.

Możemy utworzyć to wyskakujące okienko, najpierw dodając kilka kolumn (jedną, która zajmuje 80% popupu dla tytułu głównego, a drugą dla linku, który znajdziesz po prawej stronie), a następnie dodamy akapit i przycisk, który zajmuje całą szerokość wyskakującego okienka.

Tworzenie wyskakującego okienka takiego jak Sierra Club
Tworzenie wyskakującego okienka takiego jak Sierra Club.

Po utworzeniu wyskakującego okienka tworzenie innych jest jeszcze łatwiejsze, ponieważ możesz bezpośrednio skopiować całą zawartość (w taki sam sposób, jak w przypadku dowolnej strony), dodać nowe wyskakujące okienko, wkleić utworzoną treść i zmodyfikować tekst .

Dodatkowo, jakie inne cechy możemy wskazać? Możemy ustawić jego rozmiar (w tym przypadku szerokość 900 pikseli), pozycję, w której chcemy, aby był wyświetlany w sieci (u góry z marginesem 10 em) i jak ma się pojawiać (przesuwając się od góry). Ponadto możemy również wskazać, że za wyskakującym okienkiem dodawana jest szara warstwa nakładki i że ma ikonę do jej zamknięcia.

Podgląd utworzonego popupa podobnego do Sierra Club
Podgląd utworzonego popupa podobnego do tego pokazanego na stronie Sierra Club.

Możemy również wskazać, że powinien być wyświetlany na wszystkich stronach i powinien pojawiać się zaraz po odwiedzeniu strony.

Dzięki wtyczce Nelio Popups możesz również wskazać, że to wyskakujące okienko nie jest wyświetlane razem z innymi wyskakującymi okienkami. Dlatego nawet jeśli stworzyliśmy trzy popupy o różnej treści, upewniamy się, że gdy użytkownik wejdzie na stronę, w danym momencie, wyświetli się tylko jeden z trzech.

Zaawansowane funkcje Nelio Popups
Zaawansowane funkcje Nelio Popups.

Jak widać na powyższym obrazku, masz również funkcję premium, która ogranicza liczbę wyświetleń wyskakującego okienka i częstotliwość resetowania tego warunku. W ten sposób upewniam się, że użytkownik, który wejdzie na moją stronę, zobaczy wyskakujące okienko tylko za pierwszym razem i nie zobaczy go ponownie podczas przeglądania strony. Pod koniec wskazanego okresu ten stan zostanie zresetowany i dana osoba może ponownie zobaczyć wyskakujące okienko.

Wyskakujące okienka humanitarnego społeczeństwa

Humane Society of the United States (HSUS) to amerykańska organizacja non-profit, której celem jest promowanie dobrostanu zwierząt i przeciwdziałanie okrucieństwu wobec zwierząt na poziomie krajowym. Po wejściu na ich stronę internetową na środku ekranu pojawia się fantastyczne wyskakujące okienko, w którym możesz podjąć działanie. W tym przypadku poprzeć wysłanie listu do dyrektora US Fish and Wildlife Service w celu ochrony hipopotamów poprzez umieszczenie ich w ustawie o zagrożonych gatunkach.

Wyskakujące okienko wyświetlane na stronie internetowej Humane Society US
Wyskakujące okienko wyświetlane na stronie internetowej The Humane Society US.

Ponadto w swojej globalnej spółce zależnej Humane Society International (HSI), która jest obecna w ponad 50 krajach, podczas odwiedzania jej witryny internetowej wyświetla się również wyskakujące okienko z zachowaniem podobnym do powyższego.

Wyskakujące okienko wyświetlane na stronie internetowej Humane Society International
Wyskakujące okienko wyświetlane na stronie internetowej Humane Society International.

W obu przypadkach te potężne wyskakujące okienka są wyświetlane tylko podczas pierwszej wizyty w witrynie.

Jak możemy je stworzyć za pomocą Nelio Popups? W obu przypadkach wyskakujące okienka można tworzyć za pomocą bloku multimediów i tekstu z obrazem oraz tytułem, akapitem i przyciskiem.

Wyświetlanie bloków wyskakującego okienka
Wizualizacja bloków wyskakującego okienka.

Aby upewnić się, że obraz zajmuje całą przestrzeń jako obraz okładki, możesz to zaznaczyć za pomocą stylu „Okładka”.

Wybór obrazu tła w bloku mediów i tekstu wyskakującego okienka
Wybór stylu obrazu okładki w bloku mediów i tekstu wyskakującego okienka.

Po określeniu rozmiaru i wyśrodkowanej pozycji wyskakującego okienka możesz wyświetlić podgląd wyniku.

Wizualizacja wyskakującego okienka stworzonego za pomocą Nelio Popups
Wizualizacja wyskakującego okienka stworzonego za pomocą Nelio Popups.

A zachowanie obu wyskakujących okienek jest bardzo podobne do poprzednich: powinny pojawić się na dowolnej stronie (bez efektu zanikania), a my ograniczymy liczbę wyświetleń do jednego na sesję.

Wizualizacja wyskakującego okienka stworzonego za pomocą Nelio Popups
Wizualizacja wyskakującego okienka stworzonego za pomocą Nelio Popups.

Popup Międzynarodowego Komitetu Ratunkowego

Międzynarodowy Komitet Ratunkowy pomaga przywrócić zdrowie, bezpieczeństwo, edukację, dobrobyt ekonomiczny i siłę ludzi wyniszczonych przez konflikty i katastrofy. W tej chwili, po kilku sekundach na stronie, zobaczysz wyskakujące okienko z prośbą o przekazanie darowizny na pomoc w kryzysie na Ukrainie.

Popup de la web Międzynarodowy Komitet Ratunkowy
Wyskakujące okienko pokazane na stronie Międzynarodowego Komitetu Ratownictwa.

Jak stworzyć takie wyskakujące okienko za pomocą Nelio Popups? Tutaj zdecydowaliśmy się utworzyć czarną okładkę, w której u góry dodaliśmy obraz, który zajmuje całą szerokość okładki i tytuł, a następnie akapit i przycisk.

Tworzenie wyskakującego okienka IRC za pomocą Nelio Popups
Tworzenie wyskakującego okienka takiego jak IRC z Nelio Popups.

W tym wyskakującym okienku dodaliśmy 1-pikselową linię szarawego koloru jako obramowanie i krzyżyk, aby zamknąć okno tego samego koloru.

Na koniec określiliśmy również, że powinien pojawić się po kilku sekundach i powinien być widoczny tylko raz w tej samej sesji.

Wizualizacja wyskakującego okienka stworzonego przez skopiowanie tego z Międzynarodowego Komitetu Ratunkowego
Wizualizacja wyskakującego okienka stworzonego przez skopiowanie Międzynarodowego Komitetu Ratunkowego.

Wyskakujące okienko Katolickich Usług Pomocy

Catholic Relief Services realizuje zobowiązanie biskupów Stanów Zjednoczonych do pomocy biednym i bezbronnym za granicą. Na swojej stronie internetowej wyświetlają wyskakujące okienko, które pojawia się tylko wtedy, gdy masz zamiar opuścić ich witrynę. To wyskakujące okienko prosi o wypełnienie ankiety.

Zamknij wyskakujące okienko ze strony internetowej Catholic Relief Services
Zamknij wyskakujące okienko ze strony internetowej Catholic Relief Services.

Wyskakujące okienko jest bardzo łatwe do utworzenia, z nagłówkiem, akapitem, obrazem. i przycisk. Oczywiście udekoruj go niebieską obwódką, aby wyglądał jak oryginał.

Tworzenie wyskakującego okienka podobnego do CRS
Stworzenie wyskakującego okienka podobnego do tego z CRS.

W takim przypadku wyskakujące okienko powinno pojawiać się tylko wtedy, gdy użytkownik próbuje opuścić sieć. Jest to bardzo łatwe do skonfigurowania w Nelio Popups.

Konfiguracja w Nelio Popups tak, aby pojawiała się tylko po opuszczeniu strony
Konfiguracja w Nelio Popups tak, aby pojawiała się tylko przy opuszczaniu strony.

I voila, mamy już utworzone wyskakujące okienko.

Wizualizacja wyskakującego okienka stworzonego przez skopiowanie tego z CRS
Wizualizacja wyskakującego okienka stworzonego poprzez skopiowanie tego z CRS.

Wyskakujące okienko „Uratuj dzieci”

Save The Children to organizacja, która zatrudnia ponad 25 000 osób w 122 krajach, broniąc praw i interesów dzieci na całym świecie, dając pierwszeństwo najsłabszym.

Po wejściu na ich stronę internetową pojawia się następujące wyskakujące okienko:

Wyskakujące okienko wyświetlane na stronie Save The Children
Wyskakujące okienko wyświetlane na stronie Save The Children.

Dzięki Nelio Popups możemy utworzyć to wyskakujące okienko z czerwonym blokiem typu okładka i dwiema kolumnami. Pierwsza, szersza, z treścią tekstu i przyciskiem. A drugi z obrazem.

Tworzenie kopii wyskakującego okienka Save The Children
Tworzenie kopii wyskakującego okienka Save The Children.

Dodatkowo dodaliśmy przycisk zamykania, ciemnoszarą warstwę nakładki za wyskakującym okienkiem i dodaliśmy wyściółkę do bloku okładki, aby wyglądał podobnie do oryginału. Na koniec musimy tylko dodać, że wyskakujące okienko wyświetla się po wejściu do sieci, tylko raz i za każdym razem, gdy następuje nowa sesja.

Wizualizacja wyskakującego okienka skopiowanego z Save The Children
Wizualizacja wyskakującego okienka skopiowanego z Save The Children.

Wniosek

Niektóre organizacje pozarządowe, szczególnie w czasach kryzysu, korzystają z okazji, aby pokazać swoim odwiedzającym, gdy tylko trafią na ich strony internetowe, bardzo wizualne wyskakujące okienka, aby mogli wnieść swój wkład w ich sprawy. Widzimy jednak, że w większości przypadków nie chodzi o bombardowanie odwiedzającego większą liczbą wyskakujących okienek. Zwykle wystarczy pierwszy wyświetlacz i odczekanie czasu, aż wyskakujące okienka ponownie się wyświetlą.

Dzięki wtyczce takiej jak Nelio Popups mogliśmy zobaczyć, że tworzenie wyskakujących okienek jest tak samo proste, jak tworzenie dowolnej strony lub posta w naszej witrynie. Edycja treści odbywa się za pomocą tych samych bloków, które już znamy i mamy zestaw dodatkowych funkcji, które pozwalają nam wyświetlać wyskakujące okienka z pożądanym zachowaniem. Na co czekasz, aby stworzyć własne wyskakujące okienka na swojej stronie internetowej za pomocą Nelio Popups?

Polecane zdjęcie Katta Yukawy na Unsplash.