Comment ajouter un bouton de don PayPal à votre site Web Divi

Tu as besoin d'argent. C'est peut-être pour un organisme à but non lucratif avec lequel vous faites du bénévolat, les frais d'adoption d'un nouveau chiot. Ou peut-être la paire de chaussures de course la plus confortable que vous ayez jamais essayée. La raison (la plupart du temps) n'a pas d'importance. Ce qui compte, c'est que vous ayez un site Web avec un public captif qui vous aime. Et ils veulent que tu obtiennes ce chiot.

Entrez le bouton de don Paypal, ce qui pourrait bien être l'une des solutions de collecte de fonds les plus simples et à faible entretien qui s'offre à vous. Et puisque vous avez construit votre site Web avec WordPress, la mise en œuvre du bouton est assez simple.

Commencer

Abonnez-vous à notre chaîne Youtube

La première chose à faire est de vous rendre sur la page de collecte de fonds de Paypal et de choisir la catégorie de bouton de don qui correspond le mieux à vos besoins :

• Non lucratif
• L'école
• Politique
• Personnel

Presque tout ce pour quoi vous pourriez avoir besoin d'un bouton de don devrait tomber dans l'une de ces catégories. Pour ce tutoriel, nous allons dire que vous collectez des fonds pour des raisons personnelles (ce merveilleux chiot que j'ai mentionné plus tôt). Le processus est similaire pour tous les choix.

Après avoir choisi Personnel

Sur la page suivante, faites défiler vers le bas jusqu'à ce que vous voyiez le texte « En savoir plus sur la création d'un bouton de don » et cliquez dessus.

Cela fera apparaître un modal où vous cliquerez sur l'un de ces deux liens. Ils vous amènent à la même page, donc c'est vraiment juste une question de préférence.

Création du bouton

Lorsque vous cliquez sur le lien pour créer un bouton de don, cela vous mènera à la page où la magie opère. Notez cependant que Paypal ne vous demandera pas de vous connecter. Répétez : Paypal ne vous demandera pas de vous connecter. Vous pourrez le faire vers la fin du processus, mais ne vous inquiétez pas à ce stade. - rien ne s'est mal passé.

Étape 1

La première chose que vous ferez pour créer le bouton de don Paypal est en fait d'en faire un bouton « faire un don ». Le paramètre par défaut est « Panier », mais si vous cliquez sur le menu déroulant en haut à gauche de l'étape 1, vous pouvez le modifier en « Dons ». Comme je l'ai dit, assez simple, hein ?

Avec cet ensemble, vous entrerez votre site Web ou les informations de votre organisation pour le bouton Faire un don. Étant donné que votre collecte de fonds fictive passe par votre site Web pour adopter un adorable chiot, vous la remplirez avec le nom de votre site Web et l'identifiant facultatif que vous utiliserez pour suivre chaque don.

Après avoir entré vos informations, vous pouvez commencer à personnaliser votre bouton. Pour la plupart, il n'y a pas grand-chose que vous voudrez changer. Il s'agit de choses assez basiques telles que la sélection du pays et de la langue que le bouton utilisera, la taille et si vous afficherez ou non les logos des cartes de crédit. Tous ces choix sont basés sur la manière dont vous envisagez d'intégrer le bouton sur votre site.

Vous pouvez également utiliser une image hébergée sur votre propre site Web comme bouton si, disons, un graphiste crée un superbe gif animé d'un adorable chiot sur lequel les gens peuvent cliquer. Aujourd'hui, cependant, nous ne le faisons pas.

Vous n'avez qu'à choisir votre type de devise, si vous souhaitez ou non spécifier un montant de don spécifique, et à quel e-mail vous souhaitez que les dons soient envoyés.

C'est ici que vous devez vous connecter si vous avez un compte Paypal. Sinon, créez-en un pour être couvert par les différentes protections de PayPal. (Si vous choisissez de ne pas utiliser de compte Paypal, entrez simplement votre e-mail et vous pourrez toujours recevoir des dons via Paypal sans aucune sécurité supplémentaire.)

Une fois connecté, vous devriez voir ceci :

L'option que vous utilisez dépend de vous, mais l'utilisation du code marchand offre un peu plus de protection puisque votre adresse e-mail ne sera pas incluse dans le code du bouton lui-même. Moins les spammeurs et les hameçonneurs peuvent obtenir votre courrier électronique, mieux c'est, n'est-ce pas ?

Vous êtes presque prêt à mettre votre bouton de don Paypal dans WordPress !

Étapes facultatives 2 et 3

Si vous avez un compte Paypal Business, vous pouvez faire beaucoup plus en termes de suivi, de gestion des stocks et de personnalisation de la caisse, mais comme nous traitons des dons, la plupart des options ne nous concernent pas.

Le code du bouton de don Paypal

Sur la page suivante, vous recevez enfin le code du bouton de don qui vivra sur votre site WordPress, ainsi qu'un exemple de ce à quoi ressemblera le bouton pour vos utilisateurs.

Cliquez sur Sélectionner le code pour mettre votre code en surbrillance et appuyez sur CTRL-C si vous êtes sous Windows, CMD-C sur Mac, ou cliquez avec le bouton droit sur le texte en surbrillance et sélectionnez Copier dans le menu contextuel. Choisissez votre poison.

Une fois que vous avez copié le code, accédez à votre tableau de bord WordPress. C'est là que les choses peuvent varier un peu car tout le monde voudra son bouton de don Paypal à un endroit différent, mais l'idée générale est la même.

Pour les utilisateurs de Divi, nous avons beaucoup d'options pour vous.

Au-dessus ou au-dessous des messages

Pour placer votre bouton de don Paypal au début ou à la fin de vos articles de blog, accédez à vos options de thème Divi et accédez à l'onglet Intégrations.

Lorsque vous faites défiler un peu vers le bas, vous verrez des zones de texte intitulées "Ajouter du code en haut de vos messages" et "ajouter du code au bas de vos messages, avant les commentaires".

Ce qu'ils font est assez explicite.

Avant la publication :

Après la publication :

Gardez à l'esprit qu'il s'agit de boutons entièrement sans style, donc si vous voulez qu'il fasse plus que simplement rester assis là, je suggérerais d'envelopper le code fourni par Paypal dans quelque chose comme ceci :

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

Cela fait, vous pouvez utiliser CSS pour manipuler et positionner le bouton comme vous le souhaitez.

Article par article ou page par page

Si vous ne voulez pas que le bouton apparaisse avant ou après chaque publication sur votre site, vous pouvez être beaucoup plus sélectif en utilisant le module Divi Code. De plus, vous pouvez utiliser le module Code pour ajouter votre bouton à Pages, qui ne sera pas affecté par la méthode précédente.

Ouvrez la fenêtre « Insérer un module » et sélectionnez le module de code pour commencer.

Comme avant, il suffit de coller le code Paypal généré dans les paramètres du module. Cependant, il n'est pas nécessaire de l'envelopper dans un div ici. Vous pouvez simplement utiliser la section Élément principal sous CSS personnalisé dans l'onglet Avancé pour manipuler la façon dont vous souhaitez que le bouton apparaisse dans la publication ou la page.

Dans la barre latérale

L'endroit le plus courant pour les boutons de don Paypal est probablement la barre latérale. Il s'affiche sur chaque page et publication que vous souhaitez, mais il n'interrompt pas le flux de votre contenu. De plus, il est incroyablement facile à personnaliser ! Revenez simplement à votre tableau de bord et cliquez sur Apparence > Widgets.

Ensuite, cliquez sur le widget Texte et ajoutez-le à votre barre latérale dans la position souhaitée. Gardez à l'esprit que WordPress 4.8 a changé le widget Texte par rapport à ce qu'il était depuis des années. Nous avons maintenant un éditeur de texte enrichi, que nous ne voulons pas utiliser.

Assurez-vous que vous signifiez que nous devons cliquer sur l'onglet « texte » avant de coller le code de votre bouton de don ici. (Il n'est pas non plus nécessaire d'utiliser le bouton de code.)

L'onglet texte fonctionne à peu près de la même manière que l'ancien widget texte antérieur à la version 4.8 (à l'exception de l'inclusion de boutons de code. Ajoutez simplement votre code HTML et appuyez sur Enregistrer. Voila, vous avez un bouton d'argent en haut de votre barre latérale !

Vous n'êtes pas obligé d'inclure ce widget uniquement dans la barre latérale. Vous pouvez suivre les mêmes étapes pour ajouter le bouton aux thèmes qui prennent en charge les widgets d'en-tête ou de pied de page.

Vous êtes prêt à obtenir cet argent !

Vous êtes maintenant prêt à ajouter un bouton de don Paypal à votre site WordPress ! Quel que soit le thème de votre site ou la raison pour laquelle vous acceptez des dons, vous êtes prêt à partir. (Mais soyons honnêtes les uns avec les autres, c'est toujours pour un chiot, n'est-ce pas ?).

Vignette de l'article par mohamed1982eg / pixabay.com