Hello, everyone! In this tutorial I'm going to be showing you how you can add a donation
button to your WordPress website, one that integrates with PayPal. So it's very
easy to set up and it's this one here. You can see it's a lovely slider here,
The user can come to this page select the amount that they want to donate and
then click the donation button, which allows them to finish their transaction
and the fund's lending your PayPal account. The more the user donates
the happier the little man here gets. It's pretty cool. You're not restricted to a slider, you
can also implement a donate button, like you see here, for a text box where the
user can enter the amount they want to donate. Then click the Donate button.
Here we go
First, log in to your WordPress dashboard, then go to plugins, click on "add new".
and I'd like you to install a new plugin called "donations made easy"
that's the one there: "donations made easy",
smart donations. Install now.
And then click the activate plugin link. Now it has been activated; so, now go
into smart donations and click on the smart donations item. We want to add a new
donation and I'll take you through the different types that you can set up. So,
for example, classic, that's what it will look like-a donate button- and you can choose
whether to display the credit card logos or not. You can have a text box, you can
edit the text here, you can have one, two or three lines. Essentially, the user will
come here, enter the amount they want to donate, then click the Donate button. You
can have three different buttons with three preset amounts and you can have a
donation slider and this is my favourite. this is the one I'm going to use. So, when
the user sees this page they can drag the slider up and down to select the
donation amount. As you can see, the little smiley face gets happier the
higher they go. It's pretty cool. I like this and so that's what I will be using
So, you can customize the text
you can set minimum values, maximum values and a default value, which is where the slider sits when the user first sees
this page to the default here is 25. Ok, you can also choose increments so only goes
up in those increments or you can choose allowed values. But that's fine for
now, that's good for me. Back up here to make sure the donation provider is
PayPal. This is default campaign, let's give this campaign and name and this email
address here is very important,
this will be your PayPal email address. If you don't already have PayPal, just go
and sign up for PayPal. It's free and the email which you used to register for
PayPal will be the one that you put in here, it's known as your PayPal ID and
any payments and I made will flow through your PayPal ID into your PayPal
account. So, this is my PayPal ID and then, in the advanced tab, make sure you
select the currency you want to work in, select a return URL. So, the return URL is
the URL the user will go to, or be redirected to after they have completed
the payment. So, if you've got a thank you page setup, for example: thank you for
your donation. If you send a thank you page up, you can redirect them to that URL
or you can select any other URL.
Next thing, description- up to you that text that will be shown in the PayPal invoice and
the button country and language.That's fine. But, when you're happy with all your
settings, click on the Save button and, one more thing, you can actually edit the
colour theme of this. I choose to leave a default because it's too complicated, so
you can choose to edit or you can can leave it as default. You can
see you can choose your colours, font, size, etc. etc.
That's completely up to you. And now go to pages and add a new page. We want
to add a new page on outside where we can accept donations. So, let's call this
one "donate to us". Now, when you go to the visual tab, you should be able to see
a little icon here for smart donations. So, click on that. Under the selected donation, you
should see the one that we created: "donate to us". Then click Apply and you'll
see it insert some code into your visual text editor here. So, once you've done
that just doesn't disappear, you just close it and that code will remain there.
Then click Publish. Actually, you can also enter some text before you publish.
Now, let's see what it looks like.
There we go. So, you can choose whether to have some text there, or you can remove
that text completely if it looks messy. That's completely up to you, but
there we go. So, the user will come to your site, they can use the slider, select
a donation amount, then click on donate. Now, see what happens here is the amount
they select will come to this total amount to you and the user will be able to
enter their own PayPal email address and password and login through their PayPal
account or they can choose to donate by credit card.
once they do that and
and click Submit, you will receive those funds directly into your PayPal account.
And there you go. That's an easy way where you can add a donate
functionality to your website or blog one more thing before we go let's add
the Donate link into menu so it's easy for users to find. So let's do that by
going to appearance, menus. we want to add a custom link in the menu structure. the
URL we want to add is our donation URL. Let's call that "donate" and the menu.
There you go. You can rearrange that if you need to,
depending on where you want that button to sit in your menu. When you're ready
click Save menu and then let's refresh our site. So, here we are on the homepage
of the site. You can see the Donate button sits here in the menu, we've just
added that. There we go. The user can click on that, select the donation
amount,
click the donate button.
Now, the user can make a donation which will land directly into your PayPal inbox.
If you have any questions about this, please, don't hesitate to ask me in the comments
below and please, do subscribe to my channel because I'll be putting out more
awesome videos that will help you in the future. Give this video a thumbs up and I'll
speak to you next time!