Instructor: Next up, 1
we have the actual detailed product reviews. 2
So this is what would come straight 3
after your comparison table. 4
So as you can see, 5
we've got seven different products on here. 6
I'm not gonna build out the sections for all seven 7
as it's pretty much exactly the same, just rinse and repeat. 8
So what I'll do is I'll do the first one. 9
So, let's go back to the first product 10
and you can see above the product 11
we have this part right here, our top seven picks. 12
If I zoom in you can see that a little bit better. 13
Right here, our top seven picks. 14
These are our top seven picks 15
for the best table saws in the current market. 16
So you can either add this 17
above your table or actually add it below. 18
It all comes down to preference. 19
I typically like to add it above the table 20
even though it's part of the product reviews 21
as the table actually lists out what those products are. 22
So it just makes sense having a title above here as well. 23
So that's exactly what I'm gonna do. 24
Gonna add a heading and I'm gonna chuck it in like so, 25
above and then what I'll do is replace 26
this heading text with this text right here. 27
Just gonna take the top one, our top seven picks, 28
select it and then paste it in like so, 29
and then add a text editor below that, 30
like so, and then that is gonna contain 31
this one line of text. 32
I don't want that to be just as big as the actual title. 33
So now if I paste that in, like so, 34
and then click preview, go back onto this tab. 35
You'll see it looks a little bit more 36
like an affiliate website. 37
Now our top seven picks, we've got the table. 38
It all looks nice and all of this space and stuff 39
can be reduced at the end, 40
which I'll show you how to do so. 41
Don't worry about that for now. 42
So let's get into the product reviews. 43
So the first one we need to do is add another section. 44
Go for full width. 45
This is going to be the title 46
of the first product you are reviewing 47
and want to go ahead and go for the title heading widget. 48
Drop it in, like so, 49
and then simply place in the product that you are reviewing. 50
So, you can see our writers 51
actually put in a lot of words for this. 52
It's probably not going to look the best, as you can see. 53
We've got a massive title here on two lines. 54
Not the most user friendly 55
so feel free to actually break this down a little bit 56
and just get the main things in there. 57
So that's exactly what I'm going to do. 58
I'm gonna take out all of this 59
and I'm gonna keep it as, 60
"SawStop 10-inch Professional Cabinet Saw, 61
the best cabinet table saw." 62
I think that looks a lot more cleaner. 63
I'm actually gonna remove this word cabinet 64
as we've already got it covered right here. 65
It's very obvious it is a cabinet saw 66
because it says best cabinet table saw. 67
So I'll take it this cabinet, like so, 68
and now we've got it all on one line 69
which looks a lot more cleaner. 70
So this is the title. 71
And remember, this needs to be clickable 72
and linked to Amazon. 73
So it's go back over to Amazon 74
and I'll get my link for that saw. 75
I can actually click it from my article, like so, 76
and let's click text under get link again. 77
exactly the same process, full link. 78
Copy it, go back over to Elementor, select that 79
and then where it says link, 80
I'll paste in my Amazon link like so. 81
Now all of this is going to be clickable. 82
The second part of the product review 83
is actually split into two different sections. 84
If you remember from our image, 85
you see we've got the product review, just one full width. 86
Then we got the second part, 87
which is text on the left hand side and image on the right. 88
So I'm gonna follow it exactly the same suit. 89
Add another widget, go for two column structure this time 90
and on the left hand side is gonna be our normal text. 91
Not a title, text editor. 92
Then on the right hand side, I'm gonna add an image 93
so you can see just how easy it is 94
to actually create a page when you are using Elementor, 95
which is another reason I recommend you use a theme 96
which has Elementor as a page builder. 97
So the correct image for this one is, 98
I believe it's this first image right here. 99
Let me just double check against the article. 100
Very important, you don't have the wrong image. 101
So it is indeed this one. 102
Insert media and then all I need to do 103
is simply copy the content. 104
So as it's currently set into two different columns, 105
if I add loads of content right here, 106
it's gonna result in a content coming down here 107
and just this weird gap. 108
So what I recommend you do is you add pretty 109
much enough content to come down 110
to the same high as the image, thereabouts. 111
So if I go back to my content, 112
I'm probably gonna go for the first two paragraphs. 113
I'll copy that like so. 114
Then select that and paste it 115
and let's see where that takes us. 116
Sometimes there can be a little few second delay 117
and then I'm probably gonna just take this up a little bit, 118
like so, and that doesn't look too bad. 119
And what I'm gonna do is add another widget 120
and go full width this time and do exactly the same process. 121
Add in text and then go ahead 122
and add in the rest of the content. 123
So I'll actually add all of this. 124
The reason I'm gonna add all of this 125
and not break it up by an image 126
is because the bottom half 127
is actually already broken up by key specifications 128
which the writer has nicely included in the article. 129
So let's copy all of that. 130
Go back into here, paste it in, 131
make sure the bullet points is formatted correctly. 132
Let's go ahead and delete these really big gaps we've got 133
for some reason, again, just delete them. 134
Let's delete this big one right here. 135
Just make it a little bit cleaner. 136
And again, we'll delete that gap as well. 137
And that doesn't look too bad now. 138
So that's actually the main product review. 139
And then this brings us onto the next section 140
of our product review, which is the pros and cons. 141
So this part right here. 142
So again, this is in two different columns. 143
So we're gonna follow exactly the same process, 144
add a widget, two columns, 145
but this time I'm gonna add in two headings, one here, 146
and I'll add in another heading here. 147
Then I'm gonna repeat this again, go for two columns, 148
and this time I'm gonna add in text editors. 149
So the text editor is actually gonna be where we put 150
in the bullet points 151
and then these headings, you guessed it, 152
is gonna be for the pros and the cons. 153
Whoops, I think I actually entered another title here. 154
So no problem. 155
I'm gonna actually duplicate 156
this one we have on the left side. 157
Right click, duplicate, and then drag this across. 158
So you've got multiple ways you can actually do this 159
in Elementor. 160
You can either drag one from the right hand side. 161
Now this is just playing up a little bit, of course, 162
as I'm making a course, it wants to play up. 163
Perfect, as it always works. 164
I'll just drag it in 165
but you can actually just duplicate it and drag it across 166
but as you saw, sometimes it can be a little bit awkward 167
just to get what you want sometimes. 168
But no worries, 169
we got there in the end. 170
Then let's go ahead and copy in these pros on the article. 171
So put the pros in there, paste it in, like so. 172
Do exactly the same thing for the cons, 173
only two cons, which is nice. 174
This is why it's a number one product. 175
And you could just leave it like this 176
but it doesn't look the best 177
so what I recommend you do 178
to make it look a bit more professional 179
and to actually stand out, 180
remember this is the pros and cons 181
and is what a lot of people skim the article 182
through to read, 183
just to quickly find out the benefits of the product. 184
So what I recommend you do 185
is you actually click this icon right here, 186
which takes you into the settings for that column, 187
go for style and then give it a color. 188
And of course you go for green 189
because it is a pro, it's a benefit. 190
So what I like to do is just go green hex colors in Google 191
because I don't actually know the hex colors 192
off the top of my head. 193
I'll then copy this code 194
then go back into Elementor, 195
select the column, style, 196
and then next to color, click this icon 197
and then paste in that new hex code 198
and it would change it to green. 199
So let's do the same for that one, 200
but we'll change green to red, 201
as obviously a con is something to be aware of. 202
Let's make it very nice and clear 203
and we'll go for this one red right here. 204
But of course, if you wanna go for tomato red 205
then be my guest. 206
Select that, it's actually the same thing, 207
style, classic 208
and then put red in. 209
Delete these spaces 210
and you can see we've got pros and cons there now. 211
But what I also like to do is go one step further 212
and make sure these aren't touching. 213
Looks a bit more professional. 214
So click the column again, 215
go to advance and then for margin, 216
go ahead and change that to 10. 217
Make sure this is enabled 218
so it actually happens across all of them 219
and you can see, 220
it basically adds a little margin around this. 221
So it just gives it a bit of padding 222
and a bit of breathing room 223
and just makes it look a little bit more professional. 224
So there we go. 225
We are very easily added our pros and cons. 226
And then lastly, 227
we just need to add a button for check price. 228
Elementor actually has a widget on the left hand side 229
for a button, as you can see here. 230
So before we can add the button, 231
let's go and create another column. 232
We'll go for this one for width 233
and then go back to this icon, 234
drag the button in, like so, 235
and here you can see here is our button. 236
So you can play around with the size of this. 237
I typically just go for the size of medium 238
as I find extra large and large 239
just look too big and a little bit tacky, 240
but of course, go for whatever suits you. 241
So I'll go for medium. 242
Then go into center up that button 243
and I'm also gonna change the color of the button to orange. 244
I always make all of my CTAs orange. 245
I've run so many tests on all of my affiliate sites 246
and I've always found that orange 247
just simply works the best when it comes 248
to generating the most amount of clicks possible. 249
So I'll go back to Google and I'll type in orange hex color 250
and I'll take this color right here 251
and go back to our table. 252
Select the button, style. 253
And then for color right here, under gradient, 254
let's go in and put in our hex color, like so. 255
Then of course, we need to change the button text 256
from click here to check price 257
as that is what I typically go for 258
when it comes to text on buttons. 259
Check price. 260
You can even go for a check best price 261
and a lot of people have been playing around 262
with that on the affiliate sites. 263
Although I haven't actually tested which performs better 264
so before I start recommending you go 265
for a best price, however, 266
I don't actually have any data 267
to say which one performs better yet. 268
I do plan on getting a test set up 269
as what you'll find is a lot of people 270
will just go on Twitter and say, yeah, 271
this is the best text to have for your button, 272
but no one's run any tests. 273
No one has any data. 274
And remember this is a business 275
so whenever I make a change on my website, 276
it needs to be based on data. 277
I don't just like to go with, 278
" I think this is going to be better." 279
So I'll leave it as check price for now. 280
If you want, you can make the font a little bit more bolder. 281
You just go into style, typography, 282
and then you can play around with the weight of that. 283
For example, 900, 284
the size of the button's a little bit small, which is weird, 285
but you can pretty much change the boldness of that in here, 286
but I'm gonna leave mine as it is 287
for the purpose of this video. 288
This is pretty much the layout of our first product review. 289
So before I start to just kind of sign this off 290
and be happy, 291
I always like to make some final tweaks 292
and just double check everything is done correctly. 293
Probably the most important thing you want to check 294
is make sure you've got your links in all the places 295
and a little pro tip as well 296
is that when you actually add in your link, 297
you can go into this little cog right here, 298
which is a link options, 299
and you have two options 300
which is open in a new window and add no follow. 301
So go ahead and tick both of these 302
these actually really important. 303
So open in a new window, 304
as it sounds, is when you click the link, 305
instead of redirecting the user from your page 306
to that link, it's gonna open that in a new tab. 307
That's gonna help with our SEO 308
and keep your user metrics higher. 309
The no follow means we're gonna keep all 310
of our SEO juice and link power on our website. 311
So definitely go ahead and do that for all the links. 312
So let's do that for the image link as well, 313
which in this instance, 314
you can see I haven't actually added a link. 315
This is why it's really good to go ahead 316
and do these double checks 317
before you sign off a product review. 318
So let's go ahead to that product, 319
get the text link for that again, 320
full, we'll copy that then paste that in like so. 321
Link options, tick both of these. 322
And then of course, we need to add the link 323
to the button at the bottom as well. 324
So, on the content tab, we'll put in the link. 325
Same as before, opening a new window and no follow. 326
And what I'm also going to do 327
is change the alignment of these. 328
I'm gonna change this to center 329
and do the same for cons. 330
Again, I'm just tidying up now, 331
making sure it looks really nice and clean. 332
And the reason why I'm spending a lot of time doing this now 333
is because once you've got one done, 334
you can pretty much just go to the top, 335
right click, duplicate 336
and then literally start to build out your one below this. 337
So that will be the title. 338
I can then copy out the same for this one. 339
Right click duplicate, then drag this section down 340
and then pretty much do it exactly the same 341
with all of this. 342
And I've already got my structure for the next one. 343
I literally just have to go into this, 344
change out the images and the text to suit. 345
When you see things that are a little bit close like this, 346
you can use this widget, which is a spacer. 347
You literally just drag it above the title like so. 348
It'll then add a big white space 349
and you can customize that to suit, 350
at the moment it's 50. 351
You know, you may wanna go for 25, for example. 352
You can see it's a bit more spacey. 353
Again, you can go for whatever suits your own preference 354
but this is the beauty of building it once, 355
is once you do one product review, 356
you've already got your template for the remaining ones. 357
And as you see, once we click on this 358
we have all our link options already saved 359
as we duplicated our original one. 360
So that is how you do it. 361
So let's go ahead and preview this page, 362
to quickly see how it looks 363
before we go ahead and publish this. 364
So just let this refresh. 365
You can now see we have our title 366
our introduction, 367
then got our table of contents 368
which is automatically generated. 369
We've then got our affiliate comparison table here, 370
all linked up to Amazon. 371
Perfect. 372
We then got our first product review. 373
Again, this is all linked up to Amazon. 374
Absolutely perfect. 375
Then we've got our actual product content review, 376
our pros, our cons, and then the CTA for checking the price. 377
So just rinse and repeat this 378
for all of the other products in your product review. 379
I'm gonna fast forward the video 380
and go ahead and do that now. 381
Then I'll resume 382
and show you how it looks. 383
And just like that, 384
I have now built out my complete page. 385
You can see we've got our number one product right there. 386
If I scroll down, you'll see we've got all the details 387
for our number two product. 388
We've got number three, 389
also got number four all the way down to product seven. 390
And I've also actually included the buyer's guide as well, 391
as of course, that should come 392
after your individual product reviews, 393
just a table guide to what to look out for, 394
again, just copy and paste from my content. 395
And we are pretty much good to go. 396
So once you are happy with how your money page is looking, 397
you simply go ahead and click publish 398
in the bottom left hand corner. 399
This will then take your page live. 400
Now don't worry about the actual optimization of the page 401
as I'll show you how to do that in the OnPage SEO section. 402
As I said earlier, the purpose of this video 403
is just to show you 404
how you can build out your very first money page. 405
So here we have it, it looks very nice and clean. 406
You will notice we have this widget part 407
or widget sidebar on the right hand side. 408
If you do not want that to show on your page, 409
then what you need to do 410
is go back into your WordPress page. 411
So if you go back to Elementor 412
and then right click this 413
and then go exit to dashboard, 414
this will then take me out of the Elementor page builder 415
and back onto the main page settings. 416
Then on the right hand side, 417
if you scroll all the way down to page settings 418
you can see, at the moment, 419
it set to content with sidebar. 420
If you wanted full width, you just go ahead. 421
click full width content box, click update 422
and then that will be removed. 423
So that is it for this video. 424
I hope you found it valuable. 425
And I also hope you're enjoying the course. 426
See you in the next one.