Come aggiungere un pulsante di donazione PayPal al tuo sito Web Divi

Hai bisogno di soldi. Forse è per un'organizzazione no-profit con cui fai volontariato, la quota per l'adozione di un nuovo cucciolo. O forse il paio di scarpe da corsa più comode che tu abbia mai provato. Il motivo (soprattutto) non ha importanza. Ciò che conta è che hai un sito web con un pubblico in cattività che ti ama. E vogliono che tu prenda quel cucciolo.

Inserisci il pulsante di donazione di Paypal, quella che potrebbe essere solo una delle soluzioni più semplici e a bassa manutenzione per la raccolta fondi a tua disposizione. E poiché hai creato il tuo sito Web con WordPress, l'implementazione del pulsante è piuttosto semplice.

Iniziare

Iscriviti al nostro canale Youtube

La prima cosa che dovresti fare è andare alla pagina di raccolta fondi di Paypal e scegliere quale categoria di pulsante di donazione funzionerebbe meglio per le tue esigenze:

• Senza scopo di lucro
• Scuola
• Politico
• Personale

Praticamente tutto ciò di cui potresti aver bisogno per un pulsante di donazione dovrebbe rientrare in una di queste categorie. Per questo tutorial, diremo che stai raccogliendo fondi per motivi personali (quel meraviglioso cucciolo di cui ho parlato prima). Il processo è simile per tutte le scelte.

Dopo aver scelto personale

Nella pagina successiva, scorri verso il basso fino a visualizzare il testo "Scopri come creare un pulsante di donazione" e fai clic su di esso.

Verrà visualizzato un modale in cui farai clic su uno di questi due collegamenti. Ti portano alla stessa pagina, quindi è davvero solo una questione di preferenze.

Creazione del pulsante

Quando fai clic sul collegamento per creare un pulsante di donazione, verrai indirizzato alla pagina in cui avviene la magia. Tieni presente, tuttavia, che Paypal non ti chiederà di accedere. Ripeti: Paypal non ti chiederà di accedere. Sarai in grado di farlo verso la fine del processo, ma non preoccuparti a questo punto –niente è andato storto.

Passo 1

La prima cosa che farai per creare il pulsante di donazione di Paypal è in realtà renderlo un pulsante "dona". L'impostazione predefinita è "Carrello", ma se fai clic sul menu a discesa in alto a sinistra del passaggio 1, puoi cambiarlo in "Donazioni". Come ho detto, piuttosto semplice, eh?

Con quel set, inserirai il tuo sito web o le informazioni organizzative per il pulsante di donazione. Poiché la tua raccolta fondi fittizia è attraverso il tuo sito Web per adottare un adorabile cucciolo, lo compilerai con il nome del tuo sito Web e l'ID opzionale che utilizzerai per monitorare ogni donazione.

Dopo aver inserito le tue informazioni, puoi iniziare a personalizzare il tuo pulsante. Per la maggior parte, non c'è molto che vorrai cambiare. Sono tutte cose piuttosto basilari come la selezione del paese e della lingua che verrà utilizzato dal pulsante, la dimensione e se visualizzare o meno i loghi delle carte di credito. Tutte queste scelte si basano su come intendi integrare il pulsante nel tuo sito.

Puoi anche utilizzare un'immagine ospitata sul tuo sito Web come pulsante se, ad esempio, hai un grafico che crea una fantastica gif animata di un adorabile cucciolo su cui le persone possono fare clic. Oggi, invece, non lo facciamo.

Devi solo scegliere il tipo di valuta, se vuoi specificare o meno un importo specifico per la donazione e a quale email vuoi che vengano inviate le donazioni.

Qui è dove dovresti accedere se hai un account Paypal. In caso contrario, creane uno in modo da essere coperto dalle varie protezioni di PayPal. (Se scegli di non utilizzare un account Paypal, inserisci la tua email e sarai comunque in grado di ricevere donazioni tramite Paypal senza alcuna sicurezza aggiuntiva.)

Una volta effettuato l'accesso, dovresti vedere questo:

L'opzione da utilizzare dipende da te, ma l'utilizzo del codice commerciante offre un po' più di protezione poiché il tuo indirizzo email non sarà incluso nel codice del pulsante stesso. Meno spammer e phisher possono ricevere la tua email, meglio è, giusto?

Sei quasi pronto per inserire il tuo pulsante di donazione Paypal in WordPress!

Fasi opzionali 2 e 3

Se hai un account Paypal Business, puoi fare molto di più in termini di monitoraggio, gestione dell'inventario e personalizzazione del checkout, ma poiché si tratta di donazioni, la maggior parte delle opzioni non è rilevante per noi.

Il codice del pulsante di donazione di Paypal

Nella pagina successiva, ti viene finalmente dato il codice del pulsante di donazione che vivrà sul tuo sito WordPress, nonché un esempio di come apparirà il pulsante ai tuoi utenti.

Fai clic su Seleziona codice per evidenziare il tuo codice e premi CTRL-C se sei su Windows, CMD-C su Mac, oppure fai clic con il pulsante destro del mouse sul testo evidenziato e seleziona Copia dal menu di scelta rapida. Scegli il tuo veleno.

Dopo aver copiato il codice, accedi alla dashboard di WordPress. È qui che le cose possono variare leggermente perché tutti vorranno il loro pulsante di donazione Paypal in un punto diverso, ma l'idea generale è la stessa.

Per gli utenti Divi, abbiamo molte opzioni per te.

Sopra o sotto i post

Per mettere il tuo pulsante di donazione Paypal all'inizio o alla fine dei post del tuo blog, vai alle Opzioni del tema Divi e vai alla scheda Integrazioni.

Quando scorri un po' verso il basso, vedrai aree di testo etichettate "Aggiungi codice nella parte superiore dei tuoi post" e "aggiungi codice nella parte inferiore dei tuoi post, prima dei commenti".

Quello che fanno è abbastanza autoesplicativo.

Prima della posta:

Dopo la posta:

Tieni presente che questi sono pulsanti completamente senza stile, quindi se vuoi che faccia qualcosa di più che stare seduto lì, ti suggerirei di racchiudere il codice fornito da Paypal in qualcosa del genere:

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

Fatto ciò, puoi usare i CSS per manipolare e posizionare il pulsante come preferisci.

Post-by-Post o Pagina per Pagina

Se non vuoi che il pulsante appaia prima o dopo ogni post sul tuo sito, puoi essere molto più selettivo utilizzando il modulo Divi Code. Inoltre, puoi utilizzare il modulo Codice per aggiungere il tuo pulsante a Pages, che non sarà influenzato dal metodo precedente.

Apri la finestra "Inserisci modulo" e seleziona il Modulo codice per iniziare.

Come prima, basta incollare nelle impostazioni del modulo il codice generato da Paypal. Non c'è bisogno di avvolgerlo in un div qui, però. Puoi semplicemente utilizzare la sezione Elemento principale in CSS personalizzato nella scheda Avanzate per modificare il modo in cui desideri che il pulsante appaia nel post o nella pagina.

Nella barra laterale

Il posto più comune per i pulsanti di donazione di Paypal è probabilmente la barra laterale. Viene visualizzato su ogni pagina e post che desideri, ma non interrompe il flusso dei tuoi contenuti. Inoltre, è incredibilmente facile da personalizzare! Torna alla dashboard e fai clic su Aspetto> Widget.

Quindi, fai clic sul widget Testo e aggiungilo alla barra laterale in qualsiasi posizione desideri. Tieni presente che WordPress 4.8 ha cambiato il widget di testo da quello che è stato per anni. Ora abbiamo un editor rich-text, che non vogliamo usare.

Assicurati che significa che dobbiamo fare clic sulla scheda "testo" prima di incollare qui il codice del pulsante di donazione. (Non è nemmeno necessario utilizzare il pulsante del codice.)

La scheda di testo funziona più o meno allo stesso modo del vecchio widget di testo precedente alla 4.8 (tranne per l'inclusione di pulsanti di codice. Basta inserire il codice HTML e premere Salva. Voilà, hai un pulsante di denaro nella parte superiore della barra laterale!

Non devi includere questo widget solo nella barra laterale. Puoi seguire gli stessi passaggi per aggiungere il pulsante ai temi che supportano i widget di intestazione o piè di pagina.

Sei pronto per ottenere quei soldi!

Ora sei completamente pronto per aggiungere un pulsante di donazione Paypal al tuo sito WordPress! Indipendentemente dal tema del tuo sito o dal motivo per cui ricevi donazioni, sei a posto. (Ma siamo onesti l'uno con l'altro, è ancora per un cucciolo, giusto?).

Miniatura dell'immagine dell'articolo di mohamed1982eg / pixabay.com