Jak dodać przycisk darowizny PayPal do swojej witryny Divi?

Potrzebujesz pieniędzy. Może chodzi o organizację non-profit, w której jesteś wolontariuszem, opłatę adopcyjną za nowego szczeniaka. A może najwygodniejsza para butów do biegania, jakie kiedykolwiek przymierzałeś. Powód (w większości) nie ma znaczenia. Liczy się to, że masz witrynę internetową z urzekającą publicznością, która Cię kocha. I chcą, żebyś zdobyła tego szczeniaka.

Wprowadź przycisk darowizny Paypal, co może być jednym z najłatwiejszych, łatwych w utrzymaniu rozwiązań do pozyskiwania funduszy. A ponieważ zbudowałeś swoją witrynę za pomocą WordPressa, zaimplementowanie przycisku jest dość proste.

Pierwsze kroki

Subskrybuj nasz kanał YouTube

Pierwszą rzeczą, którą powinieneś zrobić, to udać się na stronę Paypal's Fundraising Page i wybrać, która kategoria przycisku darowizny będzie najlepiej odpowiadać Twoim potrzebom:

• Niedochodowy
• Szkoła
• Polityczny
• Osobisty

Prawie wszystko, do czego możesz potrzebować przycisku darowizny, powinno należeć do jednej z tych kategorii. W tym samouczku powiemy, że zbierasz fundusze z powodów osobistych (ten wspaniały szczeniak, o którym wspomniałem wcześniej). Proces jest podobny dla wszystkich wyborów.

Po wybraniu osobistych

Na następnej stronie przewiń w dół, aż zobaczysz tekst „Dowiedz się, jak utworzyć przycisk darowizny” i kliknij go.

Spowoduje to wyświetlenie modu, w którym klikniesz jeden z tych dwóch linków. Przenoszą cię na tę samą stronę, więc tak naprawdę to tylko kwestia preferencji.

Tworzenie przycisku

Kiedy klikniesz link, aby utworzyć przycisk darowizny, przeniesie Cię do strony, na której dzieje się magia. Należy jednak pamiętać, że Paypal nie poprosi Cię o zalogowanie. Powtórz: Paypal nie wyświetli monitu o zalogowanie. Będziesz mógł pod koniec procesu, ale nie stresuj się tym w tym momencie –nic nie poszło nie tak.

Krok 1

Pierwszą rzeczą, którą zrobisz, aby utworzyć przycisk darowizny Paypal, jest w rzeczywistości ustawienie go na przycisk „dotacja”. Domyślnym ustawieniem jest „Koszyk”, ale jeśli klikniesz menu w lewym górnym rogu kroku 1, możesz zmienić je na „Darowizny”. Jak powiedziałem, całkiem proste, co?

Za pomocą tego zestawu wpiszesz swoją witrynę lub informacje organizacyjne dla przycisku darowizny. Ponieważ Twoja fikcyjna zbiórka pieniędzy odbywa się za pośrednictwem Twojej witryny internetowej, aby adoptować uroczego szczeniaka, wpisz nazwę swojej witryny i opcjonalny identyfikator, którego będziesz używać do śledzenia każdej darowizny.

Po wprowadzeniu informacji możesz zacząć dostosowywać swój przycisk. W większości nie ma zbyt wielu rzeczy, które chciałbyś zmienić. To wszystko dość podstawowe rzeczy, takie jak wybór kraju i języka, którego użyje przycisk, rozmiar i to, czy będzie wyświetlane logo karty kredytowej. Wszystkie te opcje są oparte na tym, jak zamierzasz zintegrować przycisk ze swoją witryną.

Możesz również użyć obrazu umieszczonego na Twojej stronie internetowej jako przycisku, jeśli, powiedzmy, masz projektanta graficznego, który stworzy niesamowity animowany gif z uroczym szczeniakiem, aby ludzie mogli go kliknąć. Dziś jednak nie.

Musisz tylko wybrać rodzaj waluty, czy chcesz określić konkretną kwotę darowizny i na który adres e-mail chcesz wysłać darowizny.

Tutaj powinieneś się zalogować, jeśli masz konto Paypal. Jeśli nie, utwórz go, aby być objętym różnymi zabezpieczeniami PayPal. (Jeśli zdecydujesz się nie korzystać z konta Paypal, po prostu wpisz swój adres e-mail, a nadal będziesz mógł otrzymywać darowizny za pośrednictwem Paypal bez żadnych dodatkowych zabezpieczeń.)

Po zalogowaniu powinieneś zobaczyć to:

Wybór opcji zależy od Ciebie, ale użycie kodu sprzedawcy zapewnia nieco większą ochronę, ponieważ Twój adres e-mail nie zostanie uwzględniony w samym kodzie przycisku. Im mniej miejsc, w których spamerzy i phisherzy mogą dostać Twój e-mail, tym lepiej, prawda?

Jesteś prawie gotowy, aby umieścić swój przycisk darowizny Paypal w WordPressie!

Opcjonalne kroki 2 i 3

Jeśli masz konto Paypal Business, możesz zrobić znacznie więcej w zakresie śledzenia, zarządzania zapasami i dostosowywania kasy, ale ponieważ mamy do czynienia z darowiznami, większość opcji nie jest dla nas istotna.

Kod przycisku darowizny Paypal

Na następnej stronie otrzymasz kod przycisku darowizny, który będzie dostępny w witrynie WordPress, a także przykład tego, jak przycisk będzie wyglądał dla użytkowników.

Kliknij Wybierz kod, aby podświetlić swój kod i naciśnij CTRL-C, jeśli jesteś w systemie Windows, CMD-C na Macu, lub kliknij prawym przyciskiem myszy zaznaczony tekst i wybierz Kopiuj z menu kontekstowego. Wybierz swoją truciznę.

Po skopiowaniu kodu przejdź do pulpitu WordPress. Tutaj sprawy mogą się nieco różnić, ponieważ każdy będzie chciał, aby przycisk darowizny Paypal znajdował się w innym miejscu, ale ogólna idea jest taka sama.

Dla użytkowników Divi mamy dla Ciebie wiele opcji.

Nad lub pod postami

Aby umieścić przycisk darowizny Paypal na początku lub na końcu postów na blogu, przejdź do opcji motywu Divi i przejdź do zakładki Integracje.

Gdy przewiniesz nieco w dół, zobaczysz obszary tekstowe oznaczone „Dodaj kod na górze swoich postów” i „Dodaj kod na dole postów, przed komentarzami”.

To, co robią, jest dość oczywiste.

Przed wpisem:

Po wpisie:

Pamiętaj, że są to całkowicie niestylizowane przyciski, więc jeśli chcesz, aby robiły coś więcej niż tylko siedzenie tam, sugerowałbym zawinięcie kodu, który zapewnia Paypal, w coś takiego:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

Gdy to zrobisz, możesz użyć CSS do manipulowania i umieszczania przycisku w dowolny sposób.

Post po poście lub strona po stronie

Jeśli nie chcesz, aby przycisk pojawiał się przed lub po każdym poście w Twojej witrynie, możesz być bardziej selektywny, korzystając z modułu Divi Code. Dodatkowo możesz użyć modułu Kod, aby dodać swój przycisk do Pages, na co poprzednia metoda nie będzie miała wpływu.

Otwórz okno „Wstaw moduł” i wybierz moduł kodu, aby rozpocząć.

Tak jak poprzednio, wystarczy wkleić wygenerowany przez Paypal kod do ustawień modułu. Jednak tutaj nie ma potrzeby pakowania go w div. Możesz po prostu użyć sekcji Główny element w sekcji Niestandardowy CSS na karcie Zaawansowane, aby manipulować sposobem wyświetlania przycisku w poście lub na stronie.

Na pasku bocznym

Najczęstszym miejscem dla przycisków darowizny Paypal jest prawdopodobnie pasek boczny. Wyświetla się na każdej stronie i poście, które chcesz, ale nie przerywa przepływu treści. Poza tym jest szalenie łatwe do dostosowania! Po prostu wróć do pulpitu nawigacyjnego i kliknij Wygląd > Widgety.

Następnie kliknij widżet Tekst i dodaj go do paska bocznego w dowolnej pozycji. Pamiętaj, że WordPress 4.8 zmienił widżet Tekst z tego, co było od lat. Mamy teraz edytor tekstu sformatowanego, którego nie chcemy używać.

Upewnij się, że masz na myśli, że musimy kliknąć zakładkę „tekst” przed wklejeniem tutaj kodu przycisku darowizny. (Nie ma też potrzeby używania przycisku kodu.)

Karta tekstowa działa prawie tak samo jak stary widżet tekstowy sprzed wersji 4.8 (z wyjątkiem włączenia przycisków kodu. Po prostu wrzuć swój kod HTML i naciśnij Zapisz. Voila, masz przycisk pieniędzy na górze paska bocznego!

Nie musisz umieszczać tego widżetu tylko na pasku bocznym. Możesz wykonać te same czynności, aby dodać przycisk do motywów obsługujących widżety nagłówka lub stopki.

Jesteś gotowy, aby zdobyć te pieniądze!

Teraz jesteś całkowicie gotowy, aby dodać przycisk darowizny Paypal do swojej witryny WordPress! Bez względu na to, jaki jest temat Twojej witryny lub na co otrzymujesz darowizny, możesz iść. (Ale bądźmy ze sobą szczerzy – to wciąż dla szczeniaka, prawda?).

Miniatura obrazu artykułu autorstwa mohamed1982eg / pixabay.com