Från ideella organisationer till kyrkor och politiska kampanjer till bloggare som behöver stöd i början finns det flera situationer där webbsajter ber om donationer. Flera WordPressplugin är tillgängliga för att samla in donationer, men ofta behöver du bara en enkel PayPal-donationsknapp.

Du kan lägga upp den här knappen var som helst på din webbplats, oavsett om det är sidofältet, sidfoten, startsidan eller på din blogg. Det skapar en knapp som besökare kan klicka på för att göra donationer via PayPal-systemet. Användaren skickas bort från din webbplats under en kort period. På PayPal-sidan kan användaren göra donationen med ett PayPal-konto eller med kort. När det gäller priset:

  • Att lägga in PayPal-donationsknappen är helt gratis.
  • Det finns en transaktionsavgift på 2,9%,+ $0,30.
  • Det finns inga månadsavgifter och bidragsgivare debiteras inte för något att detta.
  • Att samla in donationer personligen (med en iPad och swiper) har en transaktionsavgift på 2,7%.

Två metoder för PayPal-donationsknapp

Det finns två metoder för att skapa en PayPal-knapp. Det första alternativet innebär att via den officiella PayPal-webbplatsen hämta en av de färdiga donationsknapparna. Du ansluter sedan ditt PayPal-konto och bäddar in knappen var du vill på din webbplats.

Det andra sättet är att skapa en knapp med ett WordPressplugin. Båda sätten fungerar bra, så vi har beskrivit processen för dem båda nedan. Samt några ytterligare plugin för e-handelslösningar.

Alternativ 1: PayPal-donationsknapp för WordPress via PayPals webbplats

Steg 1

Navigera till PayPals insamlingssida. Denna webbsida listar alla priser och funktioner för att lägga till en PayPal-donationsknapp till din webbplats.

Har du inte PayPal-konto?

Om du inte redan har ett PayPal-konto klickar du på knappen ”Kom igång idag” (annars, hoppa ner).

PayPal Kom igång idag
PayPal Kom igång idag

Välj antingen ett personligt eller företagskonto. Klicka På Nästa.

Välj PayPal-konto
Välj PayPal-konto

Skriv in dina personuppgifter som förnamn, efternamn och mejladress. Skapa ett lösenord och välj knappen Nästa för att fortsätta.

PayPal registreringsformulär
PayPal registreringsformulär

Fyll i din adress och telefonnummer, acceptera villkoren och välj sedan knapparna Godkänn och Skapa konto.

PayPal skapa konto
PayPal skapa konto

Har du redan PayPal-Konto?

Om du redan har ett PayPal-konto klickar du på länken om att skapa en donationsknapp.

Läs mer om att skapa en donationsknapp
Läs mer om att skapa en donationsknapp

Välj länken Skapa en knapp.

PayPal skapa knapp
PayPal skapa knapp

Steg 2

På sidan Skapa PayPal-betalning väljer du knapptypen ”Donationer”.

Välj knapptyp Donationer
Välj knapptyp Donationer

Steg 3

Fältet organisationsnamn måste fyllas i. Nedan det kan du anpassa hur din PayPal-donationsknapp ser ut för webbplatsbesökare. Detta område har alternativ för att använda små eller stora knappar, visa kreditkortslogotyper och även att ladda upp din egen knappbild.

PayPal-donationsknapp detaljer
PayPal-donationsknapp detaljer

Välj vilken typ av valuta du vill acceptera. Välj sedan hur du vill acceptera bidrag. Ett sätt är att användarna skriver in hur mycket de vill donera. Det andra sättet är att visa ett fast belopp, vilket kan leda till högre donationer eftersom du ger folk en rekommenderad siffra.

I det här steget bör du också välja om du vill använda ditt säkra handelskonto-ID eller din primära mejladress för att acceptera betalningar. Vi rekommenderar att du använder ditt handelskonto-ID om du vill hålla din mejladress dold.

PayPal-donationsknapp handelskonto-ID
PayPal-donationsknapp handelskonto-ID

Steg 4

På ”Steg 2”-modulen i PayPal, se till att du markerar Spara knapp hos PayPal-rutan. Detta skyddar din knapp från bedrägliga debiteringar och sparar den anpassade knappen för senare användning.

Spara knappen hos PayPal
Spara knappen hos PayPal

Steg 5 (Valfritt)

Detta steg krävs inte för att PayPal-donationsknappen ska fungera korrekt. Du kan dock behöva justera några inställningar för ditt specifika syfte.

Här är alternativen:

  1. Tillåt givare att skicka meddelanden – Detta är praktiskt om donationer kan användas för vissa uppgifter eller objekt i din organisation.
  2. Be om givarens leveransadress – En leveransadress är användbar om du planerar att skicka ut presenter eller tackgåvor för donationer.
  3. Skicka givare till externa webbadresser när de avbryter eller slutför en donation – Detta innebär att i stället för PayPals standardsida skickas de någonstans på din webbplats. Denna funktion är bra om du har en speciell tacksida eller kanske en nedladdningsbar present på din webbplats.

När du har ställt in dina avancerade funktioner (eller hoppade över dem) klicka på Skapa Knapp längre ner.

PayPal skapa knapp
PayPal skapa knapp

Steg 6

Nästa sida avslöjar webbplatskoden du behöver kopiera och klistra in på din WordPress-sajt. Klicka på knappen Välj kod för att markera hela kodblocket. Kopiera sedan koden genom att högerklicka med musen och välj Kopiera. En annan metod är att använda en tangentbordsgenväg (CTRL + C för Windows eller Command + C för Mac).

Kopiera PayPal-donationsknappens inbäddningskod
Kopiera PayPal-donationsknappens inbäddningskod

Steg 7

Öppna din WordPress-panel. Det fina med en PayPal-donationsknapp är att du kan klistra in koden på en sida, ett inlägg eller en widget. I det här exemplet följer vi dig genom att lägga till den på en sida.

Gå därför till Sidor → Lägg till ny. Om du redan har en Donationssida går du helt enkelt till Alla sidor och hitta den rätta.

Pages option from WordPress Dashboard with Add New selected

Skapa en titel och fyll i den beskrivning du vill ha på sidan. Den viktigaste delen är att ha ”textredigeraren” öppen när du kopierar in knappkoden. Den visuella redigeraren fungerar inte för att lägga till kod.

WordPress textredigerare
WordPress textredigerare

Klistra in koden i textredigeraren.

Klistra in kod i textredigeraren
Klistra in kod i textredigeraren

Om du publicerar eller förhandsgranskar sidan ser du nu PayPal-donationsknappen på din webbplats frontend.

Förhandsgranska PayPal-donationsknappen på WordPress-sajt.
Förhandsgranska PayPal-donationsknappen på WordPress-sajt.

Steg 8 (Valfritt)

Du kan alternativt lägga till din PayPal-knapp i en widget. Widgetar är mindre moduler som läggs in i sidfoten, sidofältet eller sidhuvudet på din webbplats. De är också användbara när du vill visa donationsknappen på flera sidor (utan att kopiera och klistra in koden om och om igen).

Gå till Utseende → Widgetar.

WordPress-widgetar
WordPress-widgetar

Hitta den anpassade HTML-widgeten i din lista över widgetar. Dra modulen till ett sidofält, sidfot eller sidhuvudområde. Dina möjliga val för widgetplacering beror på ditt WordPress-tema men för det mesta har du åtminstone sidofält och sidfot.

Anpassad HTML-widget
Anpassad HTML-widget

När widgeten är på rätt plats (i det här fallet, det vanliga sidofältet för sidor,) klicka på nedåtpilen på den widgeten.

Anpassa widgeten
Anpassa widgeten

Fyll i titeln för att berätta vad widgeten handlar om. Gå sedan till innehållsområdet och klistra in PayPal-knappens kod som du kopierade tidigare. Se till att du trycker på Spara-knappen för att slutföra processen och visa den på din webbplats.

Klistra in PayPals inbäddningskod i widget
Klistra in PayPals inbäddningskod i widget

När du nu går till en sida på din webbplats borde sidofältet komma upp. Detta är samma sak som om du skulle placera widgeten i en sidfot eller ett sidhuvud.

PayPal-donationsknapp på en widget
PayPal-donationsknapp på en widget

Om du inte ser PayPal-knappwidgeten på vissa sidor är det troligtvis för att du inte har ett sidofält på den sidan eller det inlägget. Därför måste du hitta sidan i din WordPress-panelen och bläddra ner till området som kallas Sidofältets position.

Välj höger eller vänster och klicka på knappen Publicera. Detta kan variera beroende på WordPresstema.

Placeringen av WordPress-sidofältet
Placeringen av WordPress-sidofältet

Alternativ 2: PayPal-donationsknapp med ett WordPressplugin

Det bästa sättet att skapa en PayPal-donationsknapp är med hjälp av metoden ovan. Anledningen till detta är att du inte behöver oroa dig över att uppdatera extra plugin eller hur det kan påverka prestanda. Med detta sagt förstår vi att vissa människor tycker om att arbeta med plugin, eller att de finner tanken på att koda själva mycket skrämmande. Om så är fallet kommer ett lätt PayPal-knappsplugin göra susen.

Steg 1

Det finns flera PayPal-donationsplugin, men ett av de mer ansedda och enklare att hantera kallas PayPal Donations. I skrivande stund har det för närvarande över 50 000 aktiva installationer med imponerande 5 av 5 stjärnor i betyg.

PayPal Donations WordPressplugin
PayPal Donations WordPressplugin

Du kan ladda ner det från WordPress-arkivet eller genom att söka efter det i din WordPress-panel under ”Lägg till nya” plugin. Sök genom att skriva in ”PayPal Donations”. Välj Installera nu. Se till att det är rätt plugin (med logotypen nedan). Några andra plugins ser liknande ut.

Installera pluginet PayPal Donations
Installera pluginet PayPal Donations

Klicka på knappen Aktivera.

Aktivera pluginet PayPal Donations
Aktivera pluginet PayPal Donations

Steg 2

Nu är det dags att anpassa det. Gå till Inställningar → PayPal Donations på din WordPress-panel.

PayPal Donations plugininställningar
PayPal Donations plugininställningar

Under fliken Allmänt, fyll i ditt PayPal-kontos mejladress. Detta är det enda fältet som måste fyllas i för att knappen ska fungera. Annat än det finns det ytterligare alternativ för valuta, sidformatmall och retursidor.

PayPal Donations plugin PayPal-konto
PayPal Donations plugin PayPal-konto

Avsnittet Standardinställningar är också valfritt, men många organisationer gillar att fylla i detta för en bättre användarupplevelse. Till exempel kanske du vill ha ett visst belopp som besökare kan donera. Som omnämnts i föregående metod ger detta användarna en uppfattning om hur mycket som är lämpligt för en donation. Du kan också förklara syftet med en donation och inkludera en referens.

Det sista området på den här sidan frågar hur du vill att din knapp ska se ut. Tre knappar finns med olika storlekar. Ett alternativ har betalkortsikoner. Du kan också ange webbadressen för en tidigare utformad knapp om du har en. Se till att du klickar på knappen Spara innan du lämnar denna sida.

Välj en donationsknapp
Välj en donationsknapp

Steg 3

PayPal-donationsknappen kan läggas till som en widget eller kortkod genom detta plugin. Först ska vi förklara hur du lägger in knappen på din webbplats som en widget. Gå till Inställningar → Widgetar på vänster sida av din WordPress-panel.

WordPress-widgetar
WordPress-widgetar

Leta reda på PayPal Donations-widgeten i listan över temawidgetar. Du kan behöva bläddra ner beroende på hur många widgetalternativ du har. Vänsterklicka och håll för att dra PayPal Donation-widgeten till ett sidofält, en sidfot eller ett sidhuvud.

PayPal Donations pluginwidget
PayPal Donations pluginwidget

Steg 4

Nu är det dags att anpassa widgeten. För det här exemplet har widgeten placerats i bloggens sidofält. Du kan självklart välja vilket område som passar bäst för din webbplats. När widgeten har landat i sidofältet visas flera fält du kan fylla i.

Skriv gärna in en titel och text som förklarar vad folk ska göra med knappen eller helt enkelt tacka dem. Det finns också några andra fält som t.ex. ditt syfte och ett referensområde. När allt är ifyllt klickar du på Spara.

Anpassa PayPal Donations-widget
Anpassa PayPal Donations-widget

Eftersom denna handledning lägger in widgeten i blogginläggets sidofält behöver du gå till ett publicerat blogginlägg för att se sidofältet. I det här fallet kan vi nu se det högra sidofältet med PayPal Donations-knappen, betalkortsikoner och texten vi skrev in. Denna widget visas nu på varje blogginlägg som publiceras på webbplatsen.

PayPal-donationsknapp i widget på sidofält
PayPal-donationsknapp i widget på sidofält

Steg 5

Det andra sättet att skapa en PayPal-donationsknapp med detta WordPressplugin är att använda en kortkod. En kortkod är en liten bit kod utformad för att placeras var som helst på din webbplats. För att starta, kopiera följande kortkod:

[paypal-donation]

Hitta en sida eller ett inlägg som ska ha donationsknappen. Med en kortkod behöver du inte ha textredigeraren öppen. Den visuella redigeraren duger gott och väl. Klistra in kortkoden i redigeraren.

PayPal Donations-kortkod
PayPal Donations-kortkod

När du klickar på Förhandsgransknings- eller Publiceringsknappen kan du sedan gå till frontenden på din webbplats och se hur knappen ser ut.

Förhandsgranska PayPal-donationsknappen
Förhandsgranska PayPal-donationsknappen

Donera med PayPal för e-handelslösningar

Om du använder en e-handelslösning som WooCommerce eller Easy Digital Downloads kanske du också borde kolla in dessa följande plugin eftersom de kan hjälpa till att integrera donationer i din kassaprocess.

Och även om det är utanför kassan rekommenderar vi alltid att ta en titt på pluginet Gewp. Det har ett PayPal Pro-tillägg.

Om du föredrar Stripe över PayPal kan du ta en titt på vår andra guide om ämnet: Så lägger du till en Stripe-donationsknapp i WordPress

Sammanfattning

Du kommer nog att anpassa sidorna och inläggen för att lägga till mer innehåll och förklara vad donationerna är till för. Dessa metoder är dock de bästa alternativen för att skapa PayPal-donationsknappar utan problem. Du kommer också märka att PayPal-donationsknapparna har flera anpassningsverktyg. Så du kanske vill omdirigera användare efter att de har gjort ett bidrag, eller du kan behöva samla in ytterligare information från de personer som donerar.

Och det är så man skapar en PayPal-donationsknapp i WordPress!

Brian Jackson

Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.