How to Create Online Payment Form – WPForms PayPal Addon

thank you so much for watching the press
Avenue YouTube channel my name is John
and today we're talking about collecting
payments within a forum on your website
so typically people have forms for
contacting you for taking a survey or
for asking customers or potential
customers for some kind of information
for me
maybe it's website design I need to know
what the name of your company is your
phone number what you're looking for
etc to take that further I could say hey
we charge a I don't know five hundred
dollar fee to get started now this
doesn't have to be for just web
designers we can create a form for
selling tacos for selling pets for
selling anything that you're allowed to
sell on line which could probably be
almost everything alright so here we are
at pres Avenue com really quick we post
all of her tutorials here with
additional links snippets or anything
else that you may need that can't be
posted to YouTube
over on the YouTube channel again same
kind of videos they match the site but
here they are as well please hit that
red subscribe button if you find any of
these to be helpful the last thing I'll
say is under playlists we have a WP
forms tutorial playlist just for so here
we go right here just for tutorials like
these that are surrounded by one set of
forms so these are all the WP forms
tutorials this will be number 9 in the
series alright so let's get started
if you don't know WP forms com they make
a really nice drag-and-drop
what-you-see-is-what-you-get forms and
builder they say three million people
use it which I believe it because it's
really easy to use they have a picture
here a video of it and then some of the
features what we're talking about today
is the pro plan which gets you the
PayPal add-on which allows you to very
quickly take or charge money on your
form based on whatever it is you're
selling
so the basic doesn't have this the plus
doesn't have this it's the pro and it's
on sale right now if you use the special
link below you can support this channel
at no additional cost to you now some
people may cringe at this number
honestly after you sell a few items or
run this for a month you should be able
to get this back and more which will be
a huge benefit to your business so let's
get started
alright so here we are on my testing
website this is where I just test plugin
so I can show you guys how to set them
up and use them and if anything breaks
it's not really a live site so just to
show you I have just a vanilla WordPress
install here
people always ask why does it say WP
engine that's just my host at the top so
all I have installed is WP forms these
Elementor ones are for an upcoming video
if you want to see more on that let me
know below but these are not active
they're just installed and sitting here
alright so we're gonna head over to WP
forms and we're going to create a
payment form so your forms will look
different than the ones here again these
are from previous videos but I'm gonna
click add new and then we're gonna name
it let's say shop form now they give you
a couple options here so I can do a
blank form contact form request a quote
newsletter billing your order form
donation suggestion etc I'll actually
show you the billing order form which is
a template that they include with WP
forms so it says hey don't forget to the
payments tab which we will cover in this
but this is the shop form template that
they include it's actually pretty good
because it gives you everything you need
without having to do anything and I'll
show you how to add some of these fields
so how they added the name here as they
went on the left side collect name
third is at the bottom that I actually
wanted up the top you drag it to the top
and there it is the same exact thing so
these have been pre-populated to make
this even easier for you guys which I
love so I'll delete my double name so
name first last that's fine
email phone I typically leave as not
required but that's up to you do you
want to go to call people are you
shipping or delivering accessory you
probably want their phone number address
this is up to you if you need an address
if you're delivering you definitely do
need this and then the next thing down
is available items so this is actually a
pricing field amongst all these other
things so it's not just a multiple
choice radio button it's actually tied
to prices alright so let's take a look
at this alright so available items so
we'll say available food items so we can
say tacos we can say beef jerky and it's
expensive I'll stay on the meats let's
say steak so those are the three things
there now keep in mind that the user
does not see the price unless you fill
it in in the description so right now
I'm just saying tacos beef jerky and
steak when instead I can say ten dollar
tacos when we say twenty dollars for
beef jerky when you're rid of the sense
here and then the steak will say is
fifty dollars and I can change this to
fifty so this is the number that's being
processed so we have dollars and cents
and this just gives a user an idea of
how much this costs now you can drag
this order put the most expensive on top
and then also you can pre-select so you
could say choose a side so this can say
available sides for your restaurant and
they have to pick one so maybe all these
cost the same so they say ten
ten so now I can't order this unless I
choose one of these sites so maybe it's
french fries etc salad anyway hopefully
you get the point so there's that and
then the total amount automatically gets
added based on their selections so
that's available sides let's add a new
field well it's a single item we're
going to drag it right above available
side so I'm holding my mouse so you can
see this but I just click and hold and
drag so single item could be you know
the entree entree special and I will say
this is $25 and then you can put a
description here now this is a single
item but it gives us user-defined which
doesn't make sense in the scenario
because everyone's just going to paid
new money so I say I want the entree
special for zero or you can hide it what
this does is it adds the $25 and then
they just choose a side so you can say
order maybe we're only making burgers
for this day or if you're a food truck
and you only make pies well one pie is
$25 so we assume the $25 and then the
side can be chocolate sauce candy or
something or delivery so that could go
there and that's why you do it hit it so
do the single item required or not you
can show it there and then that's pretty
much the gist of it a comment or a
message I usually put above the payment
field so maybe that's deliver it around
back you know deliver it at exactly at
five delivered to my work
hit this code and you get in etc so that
is the beginnings of the payment form
and what we'll do is we'll hit save but
that's only really the first step so we
build the form now we're going to go to
payments now we have two options and
today we're talking about PayPal
if you want to hear about stripe let me
know in the comments below and I'll show
you a video on that so right now it says
install a payment integration instead of
going back to the WordPress menu going
to plugins going to add new going to WP
forms and uploading it I can simply
click it and it says do you want this
yes and activate so gave me a little
error which I then refreshed the error
was that I already have it installed but
it's not actually activated so if I
uninstall it and then reinstall it
it just shows it right here alright so
now we're gonna select PayPal standard
this one always gets forgotten even
though it's right at the top but it says
enable PayPal standard payments next is
to enter in your paypal email address so
PayPal to press Avenue recom if you want
want to buy me a coffee you can send it
to this guy right here and I'll do a
shout-out to you in the next video mode
production is live so we're taking money
test sandbox is we're just testing this
out to see how it goes so actually leave
it on production next payment type it's
either products and services or
donations so if you're not a non-profit
taking donations then it's a product or
service hopefully that makes sense
cancel URL so if they want to cancel
this you would put a URL in here
typically I leave this blank because
people typically know hey I'll just
contact them via their phone number or
contact form or email or I put that
information above or below the form
within the webpage but not on the form
itself hopefully that makes sense
shipping ask for an address but don't
require it's totally up to you it really
depends on the product I sell a digital
course I don't ask for the product or
for the address because I don't need it
it makes zero sense for the product so
I'm gonna say don't ask for an address
and then don't aspire to include a note
with the payment so if you remember we
had a comment form on the forum itself I
actually always turn this off because
people will leave notes in PayPal and
then you might miss that because it's
just another thing so I keep it
consolidated all into the WP forms form
that we created and then conditional
logic is you know maybe they say I want
to pay upon pickup then they can choose
not to pay now all right so I hit save
and now we're gonna embed this into a
page so we're done so I'll hit X we'll
give it a minute to bring us back to
WordPress we'll go to pages add new and
this just brings us straight into the
block editor and I'll say food food
truck pay demo all right so here I can
write you know if you have any problems
with this form give me a call or fill
out our contact info or to show up at
this address
but I'm gonna go to add the form now it
is in here but some people have a hard
time finding it so I go under widgets
there it is
but I actually don't like doing that
typically I just go to search block and
I type WP and there it is so I click it
and there's the bear waving and now I
select my form so my shop form and it
shows me a preview of the form we just
built so name email phone Andrus comment
entree special pick a side total so
let's go ahead and publish this and I'll
walk you through how it works
all right so food truck demo my name is
John my email is John ants
that's not really a phone you can put it
in here I do like that it has the
brackets automatically address I should
have turned off come down here I'm in
Colorado I'm putting some numbers
all right comment our message extra
napkins because we're messy so the
entrees special you see here it's fixed
so it's 25 bucks and if you see here the
total amounts 35 based on whatever side
I choose plus the 25 which is great now
we changed him all 10 but if this was 15
and it would added up to 40 next I would
hit submit and now it takes this form
and sends it to my email or whoever's
email your email etc and it's now
sending me to PayPal for payment so
you'll get one form filled out and one
PayPal receipt in your email box so you
can match those up so here's PayPal take
in a while alright so there it is there
so I can pay with a debit or credit card
and then I simply fill this form out now
I'm not going to go fill this out now
because a I don't want you to see my
payment info and B I don't need to pay
myself 35 dollars I can just keep it in
my own bank account well that's it for
this tutorial if you have any questions
about WP forms please do let me know
with a Facebook group which is
facebook.com slash groups slash press
Avenue where you can ask questions about
this tutorial other tutorials or
anything wordpress based i'd love to
help you out lastly go ahead and hit
that red subscribe button where you can
see more tutorials just like this and
finally i'd love a thumbs up and also
comment below on what you think about
this integration if you use WP forms and
if if this has been helpful thank you so
much for watching