today some in here from WP elevation in
today's tutorial what we're going to
show you is how to set up your WordPress
care plan pricing page on your website
using Elementor let's jump in the studio
and take a look okay so the first thing
that we want to take a look at is you
want to set up your care plans in a
spreadsheet before you get started into
building the actual pricing page so what
I've got here is a simple spreadsheet
where I've set up the three different
plans that I'll be offering my clients
and then I've also got a row here for
each of the inclusions for each one of
the plans I've also got yes and noes
marked here so the client clearly knows
what's in and also what's out of each
plan as well as the pricing so I highly
recommend that you do this before you
get started into building a print plans
page and you can just pause the video
and you can just use this as a framework
to help to build your plans page and a
simple spreadsheet all right so the next
thing that we want to do is we want to
install WordPress locally now I've got a
head start with that I've installed
WordPress using local by flywheel and
I've also set up Astro a theme and the
Astro child theme and I have that
activated and I have also installed
Elementor and I've activated the
licenses for those ones so I've got a
bit of a head start with this
[Music]
so the next thing that I want to do is
create the page so I go to pages and
then add new and I'm just gonna call
this one care plans and then click on
edit with elemental all right so now
I've got up the element or editor here
and the first thing I want to do is
create a nice big heading at the top so
I'm going to drag over the heading into
the top section and I'm just going to
change that text to word press ok plans
and I'm going to update that heading
into a different font so I'm going to
Center align that one and then I'm going
to change the font to something that I
quite like libera Baskerville
so quite a nice font there and I'm just
gonna change that to something nice and
simple we'll just go black alright so
that we've got the heading and the next
thing we're to do here is create the
three columns for the pricing plans so
I'm going to go in to add a new section
and then I'm gonna click on the three
column template here yep so it's created
the the pricing sections there it's a
little bit close but we'll work on the
spacing adjustment just a little bit
later alright so coming over to the the
first section I'm gonna click on click
on that space there and I'm going to
search for a price table I'm just gonna
drag that over all right so it's given
me a pretty basic style there but it
still looks pretty good so we're just
gonna start with this to build the first
pricing table alright so I'm just going
to change this pricing so I'm refer back
to my spreadsheet here so I've got the
first one is 99 alright so the pricing
here is 99 and we're gonna change the
name of that plan is just gonna be
called standard as I've got there in my
pricing table all right I'm just gonna
delete the this subtitle there
don't need to have anything in there all
right and then we're gonna add the
different list items that we want to
have in this particular plan so I'm
going to go ahead and just copy those
over so into the features section there
so just copy and paste
all right so as I go I also want to make
sure that I'm using I'm just gonna
change that icon and use a check and
then I'm just gonna change the icon
color to green as well just so it stands
out a little bit more alright and I'm
just gonna delete this one change that
one to green and then what I'm gonna do
here is I'm gonna clone that now so it's
using the same style and it's got that
check had the green tick box there
that's ready to go
right so coming down to the section now
where I've got some items that actually
aren't included in this particular plan
so I want to actually make sure that
it's very clearly visible that these
items aren't included because I want the
client to know what they're actually
saying no to not just what they're
saying yes to I want to make sure that
they understand what's actually not
included in this plan so coming down to
priority support is the first one that's
not included in this plan here all right
so I'm going to paste that in there I'm
going to change the the icon from a
check to close and I'm going to change
that color over to red I'm just gonna
move the slider across here to red all
right so that's quick visual reference
that that particular item is not
included so it's nice and easy for the
client to see at a glance what in and
what's in and what's out and you'll be
able to see that even clearer once we
get that other plans in place all right
so just getting the rest of the items in
there
[Music]
all right so want to customize this just
a little bit before I duplicate this and
plan out the put the other plans in
place for there so when I get rid of
that ribbon at the top that says popular
so I'm just going to go in there and
turn that off and then also I'm gonna
change the call to action just by
clicking on that I'm gonna call it get
start it and then I want to get rid of
this sub headline under here cuz I don't
think that's necessary at the moment
we're just going to keep it nice and
simple for this one
alright so that's looking pretty good so
I'm pretty happy with the way that that
one looks so now what I want to do is
duplicate that for the different plans
and it'll be much easier because I've
started with all the content that I can
just duplicate that and just perform
some minor customizations so I can click
on the duplicate icon there and then
that has duplicated below so I'm going
to drag this top one across and then one
more time
and then drag that top one across so
I've got my three plans now and I'm
gonna customize the middle one just with
the different icons to show what's in
and what's that go over to the features
section on the slide there come down to
priority support because that one's
included go back to check icon and then
click on the green color and then
unlimited website changes is also
available in this plan
so we'll go check in the green right and
then on the and also I'll update the
title of that one as well
so that one is called premium premium
and the pricing for that one was $2.99
and then the last one here the title was
elite and the pricing here was $4.99
all right I will just customize those
icons so priority support
so with your plans you want to just make
sure that these these are things that
you can actually offer so if you're not
comfortable offering unlimited support
and you don't have your processes in
place for that it's not something that
you should be offering you want to make
sure this going to be profitable for you
it's going to work for you and your
business and that can be different for
everyone so make sure you plan these out
properly first and make sure that it's
going to work well for your business and
it's going to add value for your clients
[Music]
all right so then we've got our three
care plans right there with
call-to-action buttons nice and easy for
a client to see what that looks like we
want to add a little bit more content
because what frequently comes up some
frequently asked questions about what's
included and what's not so what I want
to do is just set up a little section
below and I'm just going to call that fa
Q's so we're going to add a new section
just there and I'm just going to drop in
now we're going to drop in their heading
and we're just gonna call that frequent
all right and then just like the above
I'm going to just change that so it's
center-aligned and then I'm going to
adjust the font style as well
dark I just want to add a little bit of
spacing in there so I'm just going to
change the margin it's just 20 so I've
got a bit more space and it's just a
touch too big for me so I'm just gonna
actually change that to h3 it's a bit
more suitable for that page as well okay
so next I want to put in a two column
layout and I want to be able to put in
text content into these sections so I'm
gonna put in drop in the text editor
there and I'm gonna say question number
one and hit enter
and then just bold that so that's the
the title of the question would just be
sitting there in bold and then the
answer would be there below just in the
text I'm just going to leave that sample
text there and I was going to duplicate
that so you can just follow this format
and just add as many questions and
answers as you need to make it as clear
as possible for your clients to
understand what's in and what's out with
your care plans so nice and easy now I
think this column this section is a
little bit too wide there for the
content so I'm just gonna adjust that
and just make it a little bit smaller
all right so I'm gonna put that it will
go about 900 it's looking pretty good
there so just makes that a little bit
tighter so the text is just a little bit
more readable there and it's not quite
as large and as wide as those care plan
options all right so it's looking pretty
good I'm gonna add a little bit more
spacing to the header at the top so I'm
gonna put in again put a 20 pixel margin
around there all right so it's looking
great
now I want to adjust the column spacing
I want to bring out this middle plan a
little bit more because this is the one
that I want my clients to sign up for
that's I'm going to add in this this
popular ribbon make it stand out just a
touch and then I also want to make it so
that these columns actually touching
each other but this middle one is just
popping out a bit more so I'm going to
set the columns gap to no gap so now
they're they're touching but there's not
much of a border there so I'm just going
to add a little bit of custom CSS to
make it nice and easy to show that that
one's standing out so it's going to go
in through the settings for that
particular the pricing table there go
over to advanced and then custom CSS and
I'm just going to paste in a little bit
of custom CSS that I've got saved
earlier
all right so pasting it in there just
adds a little bit of a drop shadow I
just want to make it a little touch
bigger than the other ones I just want
to make it a little bit taller so I'm
gonna go into the Advanced section nail
and into the padding I'm just going to
set the bottom padding to be 20 and the
other ones I just want to leave them at
zero all right and then one other thing
that might not be set there is within
your section you have to make sure that
the content position is set to middle
and then it will align it nicely with
the other ones just like this okay so
what I want to do is I want to left a
line that the different features here
because it looks a bit nicer when it's
all lined up on the left so I'm gonna
click on that
pricing column go into style and then go
down to features and then I want to set
the alignment over to the left and now I
wanna just the width so I can just use
this slider to adjust the width there
I'm just gonna adjust that to 70s
looking pretty good so it's going to
copy 70 and then click on the next one
features whoops style features and then
left aligned and then
and then again on the last one style
features left aligned and then 17 all
right so that's looking pretty good some
just click on preview changes have a
look at that all right a little bit more
spacing with the headings there so I'm
just going to come back in and add that
spacing in alright so go over to advance
what's gonna make that make that forty
instead and for this one just to make a
little bit more space between the plans
page and the actual fa Q's I'm just
going to unlink those values and just
make the top 60 all right so I'll click
on preview changes again there
alright so that's looking much better
alright so we've got our three plans
it's quite easy to see what's in and
what's out can clearly see that the the
premium plan in the middle is most
popular and it's also presented in front
of the other plan so it stands out quite
a lot more frequently asked questions
are looking pretty good down there so
there you go that's how you put together
your WordPress care plans pages with
Elementor into WordPress if you like
this video please give us a comment give
us a like and share it with someone that
you think could find this useful and I'd
love if you could subscribe and click
the little bell icon and you'll be
notified when new YouTube videos come
out please let us know what you'd like
to learn next by dropping a comment in
the comment box below until next time
I'm Simon Kelly go lb
[Music]
you