Ecommerce UX Design: Build Online Stores That Sell | Chris Barin | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Ecommerce UX Design: Build Online Stores That Sell

teacher avatar Chris Barin, Certified Photoshop Expert

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Welcome & What You'll Learn

      2:26

    • 2.

      Why Agencies Won't Fix It

      8:53

    • 3.

      Choosing Your Platform

      13:37

    • 4.

      A Checkout That Converts

      10:20

    • 5.

      Smarter Forms, Less Dropoff

      5:47

    • 6.

      Make Changes Affordably

      8:11

    • 7.

      Pixel, Events & CAPI Setup

      7:02

    • 8.

      Build Trust With Reviews

      5:28

    • 9.

      A Hero That Hooks Buyers

      8:27

    • 10.

      Product Photos That Sell

      7:14

    • 11.

      Product Page 1: Layout

      4:28

    • 12.

      Product Page 2: Persuade

      6:38

    • 13.

      Product Page 3: Close

      4:45

    • 14.

      Speed & Hosting for Sales

      9:02

    • 15.

      Winning the Mobile Shopper

      7:43

    • 16.

      Boost Average Order Value

      7:24

    • 17.

      Where to Send Ad Traffic

      6:28

    • 18.

      Track With GA4 & Clarity

      6:43

    • 19.

      Descriptions That Sell

      6:59

    • 20.

      Ethical Urgency & Scarcity

      7:02

    • 21.

      Class Project: Audit & Fix

      3:30

    • 22.

      Wrap-Up & Next Steps

      3:19

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

--

Students

--

Projects

About This Class

Great online stores aren't an accident — they're designed. Most stores don't have a traffic problem; they have a design and conversion problem. Visitors arrive, but a confusing layout, a clunky checkout, slow pages, and weak product pages quietly push them away before they buy.

In this class, you'll learn how to design ecommerce experiences that turn visitors into customers. We'll work through the user experience of an online store step by step: the hero section, product photography, product-page layout, mobile design, checkout and form UX, trust and social proof, page speed, and the small design decisions that make people click 'buy.' You'll also learn how to measure real user behavior with GA4 and Microsoft Clarity, so your design choices are backed by data — not guesses.

This class is for store owners, designers, and ecommerce entrepreneurs who want their store to look professional and actually convert. No coding experience is required — everything is explained in clear, practical steps you can apply to your own store today.

By the end, you'll be able to audit any online store's UX, find the design problems hurting conversions, and fix them — and you'll complete a hands-on class project that puts it all into practice.

Meet Your Teacher

Teacher Profile Image

Chris Barin

Certified Photoshop Expert

Teacher

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 190.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort.

Chris started out as a freelance web designer and built a loyal client base, earning over tends of thousands of dollars by designing sites part time. Today, he runs his own Android design studio, 20 strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Passionate about teaching, Chris teaches because he has been disappointed in the quality of training materials available ... See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Welcome & What You'll Learn: E commerce can be a wonderful thing. Selling things online can be a great way to make a living. But as you probably know, it's all about getting a good return on your ad spend. You put in $1 into ads, and you want to make back two or maybe five or maybe 20. But here's the thing. Great ads with a poor website simply won't work. They won't bring you any good results. So if you're struggling with paid ads, be it Facebook ads, meta ads Tik Tok, Google, you name it. Then this course is for you. And if you want to improve your o as, stick around, this is going to be fantastic. In this course, I'm going to show you clear cut ways to sell more by optimizing your conversion rate by optimizing your website without breaking the bank. Hey, there. I'm Chris Chris Barron. I founded and ran this company of us for about five years, and this is how much revenue I generated throughout the years with paid ads. About $850,000 per year for the local store in Romania, online store. Halfway through the last year, I actually made my exit. I had a successful exit, and that's why we didn't actually cross the million dollar mark. Now, over these five years, I hired a bunch of marketing agencies, and to be honest, I wasted a lot of time and money. You can have the best possible agency out there in your corner. But if the website is not well optimized, you're leaving money on the table and the agency can't help you. So this course is going to be all practical. We're going to look at a lot of examples, and I'm going to clearly show you what's what? What's good and what's not good. No fluff, no boarding theory, just practical stuff that you can implement today. And it's not going to cost a fortune. The changes I made took a few days every single batch, and it was about a few hundred bucks give or take. Plus, with this course, you're going to get a checklist of everything you got to do short to the point, easy to follow. I'm going to tell you exactly how to talk to coders and how to get the job done. Download the PDF inside the course. Join me and see how you can significantly improve your sales by simply changing a few things on your website. Let's get started. 2. Why Agencies Won't Fix It: Welcome back. Before we dive deep into it, I want to explain why performance marketing agencies cannot bring you fantastic results. Now, I'm using the term performance marketing because these specific agencies have one single goal to run profitable ads. That's that. You give them $1 as your budget, and they got to generate two bucks, five bucks, ten, whatever. So that's the entire game. A generic marketing agency may do other things. For example, media buying stuff like buying outdoor billboards, handing out fliers, buying TV spots, and whatnot. Now, those bits are still marketing, but here's the thing. They're hard to measure. There's a huge delay. You can't really gauge the return, whereas with performance marketing agencies, it's all inside your dashboard on Facebook, Google, Tech Talk, whatever. You see the exact results in an instant. So you spent 150 bucks today, and you got 300 bucks in sales. Otherwise, said, o as two. Now, o as simply means return on ad spend. Think of it as a multiplier. In this case, 300 bucks in sales, divided by $150 our budget, that's going to give you two Ro as two. By the way, to keep it short, I'm going to call them agencies or marketing agencies from now on, but do know that I'm always talking about performance marketing agencies. Ideally, you would want a five Roz, a 200 as, right, a huge return. And chances are you may have seen agencies brag about their Tenex returns, how they managed to get their client 300 k in sales in a month from a ten K budget. That's a row as 330. Now, who wouldn't want that, right? But here's where it all falls apart. Agencies can't save you. They can't restructure your business or hold your hand. And here's why that's the case. And by the way, these are real examples I've personally seen or heard about from agencies firsthand. It's not hearsay. So example one, very expensive shipping. This is for products that don't require any special couriers, just random products like shirts, beverages, fairly small products. We're not talking about TVs, washing machines, stuff that's heavy or large or weird shapes. No, standard products. But if the entrepreneur sets the shipping at 25 bucks, there's no chance the ads can give you a lot of sales. People are not willing to spend 25 bucks in shipping. Now, you may ask, Chris, but why would the entrepreneur set the shipping so high? Loads of reasons. Some simply don't look around for better shipping deals for better companies. So most of them, I would say, they want to make a small profit out of that shipping fee. So what they do is they lower their price versus their competitors, and then they make it back through shipping. So they can say, Hey, look, we have the cheapest. But actually, they add on the special shipping fee. Now, is that smart? Is that shortsighted? You be the judge. But, yeah, that's why ads can't magically save your business if the entrepreneur is sabotaging. Now a second example, banning cash on delivery. Now, here's the thought process. The entrepreneur is sick and tired of people ordering, choosing to pay with cash on delivery. And this is actually quite common in certain parts of the world. For example, in my country, over 50% do that. They don't want to use their cards for whatever reason. But here's the thing, because they haven't paid, there's actually a much higher chance that they won't accept the package, the delivery. So in that case, the company obviously shipped it and paid for shipping for absolutely nothing to send it and then to accept it back. Now, on average, in my country, this ranges 2-5%, so it's the cost of doing business. But I did hear about situations where it can go up to 15%, one 5%. Now, clearly, there has to be a problem with so many people refusing to accept the order and pay for it with cash. But banning cash on delivery in a country that typically is about 50 50 card versus cash, that's a nog. How could you possibly ban it? You're removing 50% of the audience in one single decision. Now, again, my question to you is, can the marketing agency say something about it? Can the marketing agency tell the entrepreneur how to run his business, whether or not the business should have live chat or someone answering phones or emails, whether the business should lower the shipping costs, this or that? It doesn't work that way. Agencies don't have those powers. They can't take over the business. Now, final example, the business is using the cheapest hosting platform. So hosting five bucks per month, something ridiculous, incredibly inexpensive, right? But here's the thing. They're expecting five Roas, ten roas. They want to do something crazy. With a 20 K monthly budget, $20,000 monthly budget, they want to get $100,000 in sales, but that's the expectation, yet they refuse to pay for a decent hosting plan. If the website is slow, it doesn't matter what type of ads you're running or if Mark Zuckerberg himself set up your campaigns, it's not CBO versus ABO. It's not carousel ads versus single Image. It's this. Your store has to be decently set up. So I'm going to end on this note. All these silly decisions have some type of excuse behind them, right? So these entrepreneurs made ridiculous decisions that are sabotaging their own business, not because they want to fail. Of course not, but because they don't have the complete picture. They don't have the clarity, the perspective see what actually moves the needle. If you ask them why they did this or that, they're going to give you a flurry of excuses, along with a hefty dose of emotion and probably anger. These people order, but they're not home when the courier comes to deliver the package. Why would you order cash on delivery if you're not going to be home? So I feel for these entrepreneurs, but no online shop can sell at a good amount, at a good pace under these circumstances. And again, marketing agencies can't save you from yourself. So the takeaways, which can be hard to swallow. Number one, keep shipping as low as possible. Check your competitors and try to undercut them. Free shipping is always best. If that's not an option, go for something very, very low to the point where it's not a big deal 399299, something like that, 499 at the most. If you have margins, don't allow it. We got to talk about that later. The second thing, research what payment systems people in your advertising area are using. So, for example, you may love PayPal, right? It has low fees and you get the money in an instant. But if only 2% or 5% of people in that specific country use it, then it's a no go. Multiple payment options are ideal. The next thing you need a decent hosting plan. Get a VPS, a managed VPS from that specific region. Now, in my case, it's about 40 to 50 bucks per month for the Woo Commerce website, and I actually host multiple websites there, so it makes a whole lot of sense. Because it's a managed VPS, I get backups, various types of protection, and the ticketing system. And through all this, these people have never failed me. I broke my website a bunch of times through my own fault. I was tkering with it. Sent a ticket, and they reverted it back to its previous state from, say, 12 hours before I made all of those silly changes. So it does make sense to invest in a decent VPS, in a decent hosting plan. Start with these three, and you're golden. Now let's really get into it. 3. Choosing Your Platform: Welcome back. Before we start optimizing our online store, I have to address the platform. Do we use Wordpress Shop iffy or do we hire developers and create something from scratch? No suspense, I recommend WordPress, specifically WooCommerce, built for ecommerce, okay? Now, let's talk about it. A great website is filled with tons of small details. Those individual details aren't anything to shout about individually, but when you add them all together, you get a fantastic experience and subsequently great sales. Now, the problem is that these details are hard to understand in terms of how important they really are. For example, just one simple one. A field should have a hint in the right color to guide the user. Certain fields should be pre selected or simply removed. For example, if I know that 75% of my orders from my website come from a certain city, say, the capital, then that should be pre selected, so the user has one less click to make. But, Chris, why does one click really matter? What's so hard about clicking one time? So that's how most entrepreneurs approach it. They don't understand the importance. Now, I'm not saying that, you know, your website is rocket science or that you need to invest tens of thousands of dollars to make it decent. No, I'm saying you got to respect it. You got to give it its due respect so you actually get great results with your paydads. Let me tell you the short of it. My website was custom built, made to order. So I worked with a company, a development agency that I knew quite well, and they wrote clean code from scratch. They also use the CMS, but the point is they wrote a lot of code by hand, code written by some really great developers. This is back in 2018, 2017, something along those lines. When I drew the line, I think I wasted a good year and a half and over ten K, over 10,000 bucks. I really don't remember the exact figure. I have it somewhere, but it's a painful thing, so I would rather not revisit it. In any case, it was a significant cost. But the most important thing to understand is this the frustration involved. So once the lead developer leaves that company, things get infinitely more complicated. But let's put it this way. Let's say that developer stays the lead developer who handled your project, your website and say that you want to add a comma, so to speak. You want to move an icon. You want to make a few simple changes. These types of edits become incredibly complex if you're dealing with a custom coded website. Well, you can edit a few things here and there, the pricing, the photos, whatever. For most changes, you're going to need to send a ticket to the development company. This means waiting time. Most coding companies need you to bundle up several of these requests into a package, and based on that package, you can get an estimate of, say, 10 hours times let's say about 50 to 60 bucks an hour. So that's how usually things get done with a custom coded website, because obviously you don't have an in house developer just waiting for tasks, especially tasks that are quite simple that take only a few hours. No, that would be ridiculous. You hire an independent developer or a coding agency. Now to take a step back, in the beginning, I clearly said, Hey, I want an admin panel. I want to be able to do ABCD. But here's the thing. Inevitably, you're going to leave out some things. That's just how it goes. It's inevitable. And keep in mind, I do have a lot of online experience, and I did design everything myself from scratch and follow Shop Adobe exe, whatever. So I had very detailed mockups. Even so, I forgot a few things. It happens. You don't realize that you need this or that. I forgot to include several things in the admin panel simply because well, I did assume that codes would integrate those things, but they didn't. And that assumption alone wasted thousands of dollars and it caused a lot of friction and headaches. For example, you know, compressing the images beforehand, while showing them in a specific order, but having a thumbnail separate from the actual gallery. So the loading speed on the homepage is quite good. It's a lot of tiny details. I'm not going to bore you with it. In short, a custom coded website is a no go for most small to medium sized shops. They're expensive to build, but here's the thing. More than anything, they're hard to maintain, and you will need regular changes, edits, and all sorts of maintenance. And if you change too many things, it becomes as fragile as a house of cards. So that's how you end up with slow loading speeds, errors of all sorts and issues that will make you head spin. Now, listen, can a custom coded website be done well? Of course, of course. But I repeat for most people, a custom coded website is not a good idea. Too many resources, time and money. Now, let me skip again to the essence. Use WordPress with WooCommers, not Shopify, not Magento, not any other platform. WordPress is the ideal choice for most online stores, especially ones that are just starting out, especially if you're under 1 million bucks a year. You have no business using anything else. I really believe that WordPress is the best way to go. Now, why? Well, in short, on WAEPress, the costs are very low, and above all, you can find developers absolutely everywhere. They can pick up other developers work just like that because WordPress is a hugely popular platform, you're going to find developers literally everywhere in the world. By contrast, when you have a platform built to order custom made just for you, only that specific company, that specific developer knows the logic behind it. Coders hate working on other people's custom code. Let me say that again so as clear as the developers hate working on someone else's custom code. They would much rather redo it from scratch for the same money rather than editing what someone else thought of. Okay? Now, let me address the elephant in the room. You're probably wondering about Shopify. Shopify, unfortunately, is expensive. That's what you need to know. Now, here's the thing. I know quite a few businesses that are doing about 500 to 700,000 bucks per year in terms of revenue, and they end up paying about 800 bucks per month just to shop if I. Now, this recurring cost 500, 800, $1,000 per month. Is not justified. It's too high and often here's the thing with Shopify, the costs are hidden. At first, you look at their subscription and see what it costs. But in reality, that's not the complete picture. In reality, every single plugin is expensive. Every plug in and every feature has to be paid for, whereas most of these things are already free on WordPress, or you pay once and that's that. The pricing is much, much better on WordPress. So if I had to sum it up in just a few words, I would say this. On WordPress, you pay a developer a few thousand dollar once, 2000 thousand 4,000 bucks once, and then you can manage on your own with an admin panel that's absolutely fantastic, and you can do absolutely anything in it. Okay? On Shopify, on the other hand, you pay month after month after month, 800, 1,000, 2000 bucks per month just to keep the site running properly. Now, one very overlooked fee is this one here, the payment processing, just as a small example that some people don't understand. They take a hefty commission significantly higher than what other companies may charge you. But look at the upfront costs, as well. They have all sorts of themes that again, they cost a few hundred bucks out of the gate. If you want something nice, 500 bucks is basically the norm. Every single thing that you can think of is one more subscription. And when you look at them individually, you can say, Okay, you know, it's just 20 bucks per month, just 50 bucks per month, just 100 bucks per month. And then you add them all up and you realize you're paying a hefty amount per month, and you would not have those costs on WordPress. Now, back to the hidden example. So Shopify takes 1.9% plus a 30 cent fee give or take for every single transaction, okay? For my store that does about 800 k per year with an average of say 70 bucks, which is very generous, that translates into about $18,000 in fees. Just the processing fee. Assuming a net profit margin of 10% out of 800,000, I'm netting 80. Imagine spending 18 k18 out of 80, 80 K. So that's ridiculous, okay? But here's the thing. My actual average order is about half that. It's about 35 bucks. So in that case, the fees, just the processing fees over $21,000 per year, and that's just the processing fee, nothing else. But here's the thing. Rather than paying 1.9% plus a small fee, I found a company that offered me 0.7% and no transaction fee. So in that case, I would only pay 5,600 bucks in fees. So 5,600 bucks versus 21,000 versus 21,000. So, if you're asking me about Shopify versus WordPress, yeah, WordPress is a no brainer for most stores. It's a bit more difficult to set up, but it is worth it. Now, here's the situation. For me, a step by step plan is the following. So step one, you work with a designer. The designer creates the website in Figma. Site from A to Z, where you can see absolutely every single detail. You can click on stuff. You can see an interactive prototype. You can see how the products look like on the homepage, how the product gallery looks like, absolutely everything. The checkout, the app to card button, everything, right? Don't design with AI. That's quite important. Use an actual designer. Now, in Figma, you're going to get all of these details, okay, how the checkout page should look like, how the contact page should work, and so on, okay? Now, with that design made in Figma, the next step is the following. Oh, by the way, a design made in Figma is anywhere between 800 bucks to maybe 3,000 bucks, something like that. There's no reason to pay above three K. So the average, I would say is about 1,500 bucks, more or less. Now, once you have that design, you go to step number two. You look for the developer or the coding company. With that design and Figma, you can get pricing, and it's actually surprisingly simple. So you're going to find developers from 100 bucks up to maybe 5,000 bucks, maybe even 10,000. But the vast majority of developers, for the WordPress website, will charge you about 2000 bucks, maybe 2,500, something like that. So all in all, Figma plus coding, let's say 3,500 to 4,000 bucks. And with that, you're going to have a website like my own that generates shipping labels automatically, that sends invoices automatically to SMS, sends out review requests, and so on. So a whole system with all sorts of well thought out features in automations, so the website runs as smoothly as possible. It generates an order list automatically plus all sorts of automations that help you enormously. Again, we're talking all in all, 3,500 bucks, 4,000 bucks, and that's not a cost that should scare you because you want an online business, right? You can't go with a $35 template from Team Forest and hope that everything is going to run just fine. Don't go for that. It's not worth it. I tried it, so I know from experience, so to sum it up, don't go for the custom made website because it's expensive and hard to maintain. You could use Shope fire to get started, but you're going to have a substantial monthly cost, a recurring cost. And WordPress, even though it is a bit bloated and maybe a bit slower, overall, it's still the best choice, and I would strongly recommend it for any business that's under $1 million per year in revenue. Okay, let's continue. 4. A Checkout That Converts: Come back. Let's jump straight into it by focusing on the checkout page. We want to buy some peanut butter, nice and easy, right? So here's the website, though I am using Google Translate. So that's why some bits of text are going to seem quite off. But yeah, this is a company that makes and sells peanut butter. They're doing about 550 K per year with about 50 k in profit. So 10% fairly standard for the food business. Now, we are on the homepage. Let's go to the shop. Okay, now we'll see a variety of products. I want simple peanut butter, and this one here seems lovely. Inside, we have three weights, but let's focus on the checkout page. That's the subject of this video. So I'm going to jump ahead and show you the entire page from the top to the bottom. I want you to have a good look at it and tell me if something sticks out. If nothing jumps out, tell me this. Would you want to fill out all of these fields to order some peanut butter? Or would you simply go to Amazon or your local shop and buy it in 2 seconds flat? Otherwise, what are the chances of this to getting great results with paydad with this checkout page? Does it matter what the ad looks like whether they're advertising on Meta or TikTok or Google, whether they do video ads or carousel ads? No, of course, not. All of that is irrelevant. 25 25 is the total number of fields shown by default. I didn't select anything beforehand. This is the default behavior of the website. 25 fields. To be fair, only some of them are mandatory, and you could potentially drop that down by quite a lot. But visually, it's upsetting. Just by glancing at it, you're discouraged. Nobody has time for that. How badly do you want to order peanut butter from this website? Badly enough to fill out 25 fields. Okay, let's say 15 fields, okay? Plus, you got to choose a payment method. You got to accept the terms and conditions and so on. But wait, where's the shipping? We have no idea about the shipping cost because first, I got to put in my zip code. I don't have my zip code. I don't know it. Now, they seem to be aware of that problem, so they provide a link that helps us find the zip code, but that takes you to a different website, another tab, another experience. You got to come back. Ah. Now, let me quickly switch to this other company because I want to order some fliers. Here, leaving the design aside, the high contrast. We are dealing with 15 fields. So this is ridiculous. If you ask the Entrepreneur about it, I'm sure they have their reasons for why the checkout page looks like this. But no matter the reasons, the excuses, it just doesn't cut it. No matter the reasoning behind it, this is killing the business. No agency, no ad strategy can overcome it. People are going to abandon the purchase immediately. Now you may be asking what can be done? It's quite simple. Cut it down. But here's the thing. I got to pause, and I got to say it once again, reducing the shipping cost, adding different payment methods, changing various things can be uncomfortable. Your financial model may not allow it, but you got to do it. You have to find a solution. There's no other way around it. If you can't make shipping free or close to free, you're not going to get awesome results. If you require 15, 20, 25 fields, you are not going to get good results. This way of thinking applies to just about every single one of my tips. So I understand that you may have your reasons as to why you can't or won't implement these changes. But if you want significantly more sales, this is the only way to go about it. You got to find a solution, even though initially it seems impossible. So back to it. First name and last name, this has to be one single field. Yes, in your email campaigns, you won't be able to insert the first name, which creates a much more personal connection or in meta ads for the event tracking. Again, that may be missing. But the question is, do you prefer adding their first name and your email campaigns? Or do you want more sales? Okay, then more sales, it is. Email and confirm email. No, again, one single field. If they typed it wrong, you can call them. If the phone number is also wrong, that's that. So all optional fields must go away. The ARU business dropdown has to be removed. Why? I'm sure you're going to have some pushback. Because here's the thing. But even if they are companies, you have order notes, and this website has it, as well. Here, the customer can put in any information like they want a delayed delivery, or they can provide their companies details or whatever else. So that's how you go about it. Now, by default, you got to uncheck delivered to a different address. Why would you assume that? No need to assume it. It's not productive. It hurts you because the initial impression is that too many fields. Now for the county, if you have strong stats that say something like over 30% of orders come from this part of the country, from this county, sure, you can pre select it. If not, leave it as it is. But for the postal code, you got to remove it. And there are automated systems that let you bypass it based on the county and city slash District selection. Now, again, you may say, Chris, I can't remove the ZIP code because I can't print my shipping labels. I'm telling you it's possible. Talk to your coder, and I'm sure he'll be able to find a solution. Now, to set you on the right path in my country, it goes like this. So some street names are very popular. You can expect to find, say, Main Street in every county. Okay? So that street name is very popular. This is why postal codes are needed. So if the postal code starts with 01, the courier, the shipping company knows it's Main Street and county X in that part of the country. If it's 02 for the postal code, it's county Y. So this means you can simply fill in the first two, maybe three digits at the most in the postal code and then leave the rest blank and job done. So that's how you go about it. Technically, it can be done. Talk to your coder. You can find solutions. Next, how did you hear about us? Removed 100%. Again, I understand this is somewhat useful. You want to know if your TV advertising did well. But here's the thing. If you're using online paid ads, this is just about useless. You would much rather get more sales than get some insight about offline advertising. Again, every single field removes sales, drops down the number of sales. So let's take it from the top once again. The email should be the last thing in this form, and it should be optional. A phone number is enough, and I'm sensing some pushback. Okay, my question is this, I removing the email field brought you, say, another 10% in sales, would you take that? Would you go for that trade? That's how you should frame everything. I can't promise you 10%, but I'm sure it's worth testing. There will be some uplift. One more thing, validating the address to a drop down. So you start typing in the street name and you have to select it from the dropdown, or you cannot continue. Okay. That seems nice. Never do it. Never, ever do it because you're going to block a lot of people, a lot of orders without even knowing about it. That's the whole thing. That's the most dangerous part losing sales without knowing about it. Now my entire philosophy is this, I would much rather have orders with incomplete information than no orders, okay? And that's because I can always call the person or send a text message to ask for the missing details. In short, I can recover orders with incomplete information. But if there are no orders or fewer, then you're stuck out of options. To sum it up, strip away absolutely everything that you can from the checkout and then remove some more. As an example, take my website, cresbarn.com. So you come in, say you want to learn from my courses. You click on the main button. You'll sent directly to the payment page. No card, no questions, no settings, no email, nothing. You put in your email right here. This is stripe, by the way, and then you have credit card information. Based on that email you put in, my website creates an account automatically. It sends you a magic link to set up your password. It's all automated, effortless, painless. No 25 fields, not 15 fields, email and credit card information. That's a great checkout experience. Okay, let's continue. 5. Smarter Forms, Less Dropoff: Come back. We understand we have to reduce the number of fields on the checkout page to increase sales or lead generation, okay? But is there something else we can do 100%? So first of all, we got to understand how color impacts user behavior. This type of gray very likely means that the field is disabled for one reason or another. More than that, it's hard to read. Now, in my paid ads, about 90% of my traffic comes from mobile phones. It makes sense. People scroll on Tik Tok on their phones. They see an ad, they tap it. They spend time on Instagram, they tap on an ad just because they're curious. So most people struggle with battery life, okay? Battery life is a major problem. So screen brightness is very likely set to low, okay? So in those circumstances, a washed out gray is very likely going to do more harm than good. It's going to annoy people. You don't want people to be annoyed. Now, earlier I said you should combine first name with last name. But what if people don't add both, for example? Say it's mandatory in your country, right? Well, again, that's where hints come in. Hints are bits of text inside the field that guide the user. Instead of writing, please type in your name. You could go with John Smith. To make this clear as day, always have the label above the field, not inside it, where it's going to disappear. No, so label has to be at the top and show the hint in an appropriate gray color. Now, still on the color side, I love inline validation. So what does that mean? Say that your phone number has to have ten digits. Okay? If the person types in only nine, then moves to a different field, then add a thick red stroke around that field and display an error message underneath it. Please check your number. Insufficient digits, whatever. So this inline validation, this is a fantastic experience because some keyboards on mobile phones are quite small, and it's easy to add or forget a digit. The flip side is asking the user to fill out 20 fields. Then they hit Submit, and then a bunch of errors show up. That's not a great experience, but there's something worse than that. I've seen a couple of websites that cleared away all of the information that you typed in because of one single issue. So Imagine that. You fill in 20 fields, you add an extra digit to your phone number, and everything gets lost. How could that website possibly make any decent sales? Frustrating as hell. Now, here's the thing. If you want to be generous and you want to offer a great customer experience, you could add a thick green border when the format is okay. For example, in my country, we could write out phone numbers in three different ways, okay? Now, by showing the correct format in the hint, you help the user quite a lot. And then when the border becomes green, again, that's a beautiful experience. That's a lovely experience. So this is how you get that precious second order. If people have a great shopping experience, they're far more likely to come back. The absolute best situation is a form that specifically tells you if there's a problem and what's the problem all about? So if it's a digit missing in the phone number, it's going to say so just like that. If there's one extra digit, same thing, clear as day. The error has to be precise. If the message is vague, it simply says invalid, then you are not really helping. Same thing with the email validation. Some people type in gmail.co. So that's with an N, not an M. Again, mobile keyboard, low brightness, fat fingers, it happens yahoo.com with a single O. So this means the confirmation email doesn't go through. And then the customer gets anxious. They're not sure if the order was placed, if everything is fine. And even when you explain that they made the mistake, and that's why the experience wasn't ideal. Obviously, it's still a bad vibe. It's still unpleasant. So that's why underneath the field, you could check immediately if the format is correct. Now, my advice is to not block any orders. If you can't do all these fancy things, just leave it standard and let people fill in whatever. Some people have custom email addresses, contact at chrisbarn.com. So don't assume that everyone is using Gmail or Yahoo. If you block the custom domains, the custom email, you're going to lose a lot of customers. So again, you got to do it in a smart way. So in this specific case, only show a message an error message if it falls within certain groups for Gmail for Yahoo or if there's no at symbol, for example, or if you detect strange characters that aren't typically allowed in email addresses, asterisk and whatever else, dollar symbol and whatever else, right? You don't have to know all of this stuff as a business owner. What you have to do is talk to a coder and ask him to implement these changes. Use my cheatsheet and go for it. Good luck. 6. Make Changes Affordably: Welcome back. I'm sure you're going to have the following question. Okay, Chris, do this, do that. I get it. I see the value. I know what to do, but I don't know how to do it. How do I implement it? Sure. Good question. Now, in short you have two choices, AI or use a coder. So let's start with a coder, developer. As I said before, I recommend WordPress. This means you'll be able to find coders absolutely everywhere. Any freelancing platform of your choosing, or you can simply reach out to various people on LinkedN or use Google and find coding agencies everywhere you're going to find them. The approach is the following. You say, Hey, I'm the owner of risbarn.com, this Worres website, and I have a list of changes. The bullet points here, reviews shown in this way, sticky add to card button on mobile, bundles in the checkout page, so on and so forth, stuff from this course, okay? Ideally, you would have a complete design done in Figma. But if that's not possible, at least before and after images for every point, even if they are sketches. So for example, 0.1, completely rounded add to card button with an icon that's red, and it turns to green when you go over it. Image attached. 0.2, task number two, so on and so forth. Why this approach? Why images? Because you can find wordpress coders from any part of the world. You may expect to pay about 15 bucks an hour. That's super cheap, by the way. A reasonable rate is 20-28 bucks an hour, dollar per hour. Now, the great thing about these changes is that they don't take any time at all. So, in short, you can expect to pay a few hundred bucks. You would struggle to go over 500 600 bucks. And if that's the case, you should probably do a complete redesign from scratch. Keep in mind, you can't send one single task or two because it wouldn't make sense for anyone. So packing at least a few of them, that should warrant a fee of at least 40 to 50 bucks, okay? A session that's 40 to 50 bucks. Now, I know that you probably don't know how long every task is going to take, right? You don't know. But with time, you'll start getting a better sense of things. My advice is you get used to working with freelancers because you'll need them not only for coding purposes, but you're going to need designers for your photo gallery, for your presentation, for lots of design work. So prepare your paypal or WIS account and make sure you communicate effectively. Now, what does that mean? Like I said, if you want to go for the lower hourly rate, then you may get a lot of freelancers who don't speak a lot of English, who don't speak great English, right? They may be good at their job, but reading, writing, speaking in English, that may not be the strong point. So that's why you got to take extra precautions and set up clear guard rails, so you're going to get exactly what you're looking for. That's why I don't recommend very long descriptions, very long tasks. Instead, go with a full fledged design made in Figma. If not, provide sketches. If that's not available, at least go with examples. Hey, I like this button style from cresbarn.com. See how the navigation goes up and down on your phone. So clear cut examples well organized into bullet points. But let's talk about the second part, AI. If that feels daunting, working with coders that don't speak fantastic English, or, again, you could potentially go for the higher rate, and you're going to get good developers that speak great English. You could go for AI. Specifically, Codex or Cloud code. Open AI or anthropic. These are the two biggest platforms out there. Codex and Cloud code are absolutely massive, and most people use it. There are a bunch of other platforms like Cursor or Devin or ovable or Vizio, or whatever, but these are the biggest ones, and that's what I recommend. Now, at the time of this recording, they both cost the same 100 bucks. Though there are cheaper plans that you can initially use for a couple of days, maybe a week. Inevitably, you will go up to the $100 plan. Why is that because of the amount of resources that are available in every package. As you can imagine, the $20 plan for both of these platforms has fuel for say, 100 miles, okay? While the $100 plan has fuel for say, 200 miles. So if you plan on updating a lot of stuff, you will need a lot more resources. You need more gas, more fuel. Now, I can't give you a complete detailed step by step plan, but here's on it with you. So in Google Chrome, you got to log in to your hosting company where the existing website is hosted. Inside Codex or Cloud, you give them access to your browser. Then you got to create a GitHub account so you can track all of your changes. This is totally free, by the way, the GitHub plan. Now, the flow is as follows. For the initial setup, you do it only once. You ask Cloud or Codex to add your website to the GitHub account. This is going to take you a few minutes, but it's fairly automated. The AI may ask you a few simple things like, what's the name of the project or where it should get the files from, but you're going to tell it you're already logged into the hosting company, and that should give it permission to upload the website to GitHub. Again, this is one time once and you're out. Then once this is all sorted, you start a conversation for every batch of changes. You tell it to add an icon in the button, make the button taller, reposition some text, shorten some text, so on and so forth. Okay? You have your browser and your phone at hand, and you test. You slowly work your way up, so you go to my checklist, okay? So you look at my checklist and you improve your website step by step. You look at these lectures and you improve your website, so it fits everything. Now, this is going to take a while. You can imagine a scenario with you, you're going to have about 40 to 50 small tasks, and you manage to fix maybe ten to maybe 15 per day. So this requires focus, concentration because if you're not careful about how you give instructions, exactly like with freelancers, you're not going to get what you want. For example, the AI may change your website, but it may not update the live version of the website. It's going to work locally. Why is that? Because you didn't ask it. You didn't say, Hey, push it to Github, make the website live. Or maybe it did update it, but it only worked for the desta version because you simply didn't say anything about the mobile version. So that's the thing. It's challenging. It's fun, it's time consuming. Now, personally, I have some coding knowledge, and I've worked with all sorts of developers, all skills from all parts of the world. So for me, it's a bit easier, but it's still a bit frustrating at times. Now, the thing is, no matter what you choose, freelancer or AI, this is going to be a learning curve. You will get frustrated. Again, you will get frustrated, but have patience and power to do with. After the few weeks, you'll get used to it, and there's going to be fewer and fewer problems. Good luck with it. 7. Pixel, Events & CAPI Setup: Welcome back. In this quick lesson, I want a vent. I want to tell you about the bane of my existence over the course of those five years when I ran Ostro, and I managed to get it to about 700,000 euro in revenue per year. So let me start with a conclusion that's actually helpful, and then you can switch off if you're not interested, skip to the next one. So if you want to optimize your pixel from meta ads, Facebook ads or Tik Tok, if you want to improve your scores from event manager or to integrate conversion API correctly, in short, you got to use AI. So if you technically want to improve, you got to use AI. That's the conclusion. You have to connect your website to Codex or Cloud code until it your objective. Improve these scores. Make sure that meta ads is implemented correctly. Make sure that the pixel is firing on all pages, that all events are being tracked correctly. That's what you got to tell the AI and it's going to do it for you. So that's the conclusion. But let me tell you the background if you're interested. So over the years, I've worked with many developers, specifically for this company, for this project. Now, the latest coder was from the same country, so we spoke the same language. He was intelligent. He was highly skilled, but more than anything, he was emotionally invested into the project. He liked me. He liked the company's mission, the products. So overall, he was really involved. We put any financial discussion aside, and I told him, I want to make sure that everything regarding meta ads is well set up, that everything is working perfectly. Like I said before, this means the pixel, the quality of the events, and conversion API, okay? Mike Coder looked at everything, all the guides, all the forums. He read absolutely everything that Meta recommended. He did his best. But here's the thing. I did not improve. Performance was not great. In case you were curious, we were hovering at about 3.8 roas, but the scores were not fantastic. And overall, I think we could improve the rows. I would have been much more comfortable at 4.5, which would have been a lot more profitable. But here's the thing. We did have months where we hit 5.25 0.5 OS, and that's the months where we did actually 75 K in 30 days, 75 K euro. Now, to be fair, those best months were seasonal people wanted to eat healthier in January and February. But the fact is, there was clear room for the improvement in my scores. If the scores are low, meta ads won't give you high quality traffic, and basically you're wasting money. The algorithm is very, very sensitive to this type of thing. If Facebook sees that you're not professional, your website isn't performing as expected, it will simply shadow ban you, meaning you'll get lower quality traffic and you won't know it. So that's not 100% precise with official information, but that's what I can tell you after spending a few hundred thousand dollar on Facebook ads now called meta ads. So to recap, even though my coder was highly skilled and emotionally invested, he could not move the needle. All the guides, all the documentation, none of it helped. It was too vague or downright unhelpful. And here's an analogy so you can understand. So Facebook said we're not sending enough information about the customer, for example, with not sending his phone number or his email address, okay? It was something like 2% or whatever. But this was for the page view event, okay? Page view, not a purchase event. Otherwise, said, how could my website tell Meta the visitor's phone number if he didn't make a purchase? I don't have it, so how could I send it to you? So if you're seeing a low score for that event, say, 6.2 out of ten, you're anxious about it. You try to fix it. But then the coder asks, Okay, Chris, but how are we supposed to have the visitors email or phone number? If he hasn't placed an order? Do we force him to register before using the website or what? For repeat clients, of course. For the clients that have placed an order and the login, of course, we have that information. We can send it, but repeat orders with only ten, 20%. So those were the conversations with my great coder. Had a team of about 15 people. So 15 families depending on these results. And I got to say, it was incredibly nerve racking because there was no AI available in 2018, 19, 2020, and so on. Plus, when you spend enough money on ads, Facebook calls you. You do a monthly bimonthly call, and you get to talk to a specialist that can give you all sorts of information. In short, they did not help. You also get live chat, a ticketing system. Again, no help. I promise you, I tried tremendously. I tried a lot. They can't say anything about your implementation. They can just point you to the official guides. They can tell you to change the style of the ad, to try different ads, to spend more, this and that. But they don't talk about sensitive stuff. Like, if it's possible to significantly increase your scores in the event manager. They tell you stuff that your mom would probably tell you. You know, a higher rating would be better. Okay? But how tell me how I can't say that, Chris. Go look up the official guides. Well, maybe send us a ticket, and we'll see what's what. Nothing would come out of it for the years on end. Nowadays, I have Codex. I have clot code, and they're checking everything. They do a lot of testing, and my scores are a bit higher than usual than before. But to tell you the truth, they're still not nines and tens. But at least I know this is the maximum of what's technically possible. If both AI say, Chris, this is it with all Good, then I can clear my mind, remove that anxiety, and focus on something else. I really wanted to talk about this situation because I know I'm not the only one who has struggled with it. So my advice use AI to remove this out of your mind. Make sure that the AI does the implementation and you're going to be good to go. Best of luck with it. 8. Build Trust With Reviews: Come back. Reviews are essential to any store. Here's my behavior on most shopping websites. Let me know if you have the same. Say that we're looking for a lamp, okay? So I'm going to put in that search term, and then I jump to the filters because there are tens of thousands of lamps, okay? I like to sort by number of reviews whenever that's available. So here, the first lamp has a rating of 4.83 from over 400 reviews. This seems like a good choice, but here's the second one. It has over 200 reviews, but a rating of only 3.68. And just like that, my mind is made up. Yes, this one is much cheaper, but I really don't care. I would much rather pay triple here. It's a small price overall, but I would pay triple because of these reviews, because I have a lot of confidence in this product based on its rating. Notice that I didn't even go inside the product. I didn't read the reviews. I didn't go through them. I made a decision just like that, and I don't think that I'm the only one that acts this way. Note an important detail here. Stars rating, number of reviews. Three components, not two, not one. Star rating, number of reviews. Okay? Here's a popular Wordpress team called Wood Mart. Okay? Here, we can scroll down to the keyboard section, and there are no ratings. Well, actually, if you hover over them, you can see one star and then a rating. Five for the first one, four for the second and third. Is this a great experience? Does this help you make a purchase? Clearly, a designer has been involved here and he wanted to do something fancy, but this is counterproductive. This does not help. This is horrible. And between the second and third keyboard, there's a substantial price difference, but both have the same rating. Four, does that really help? No, not really. If one was 4.9 and the other one had a rating of 4.1, then yes, maybe. But if one had 500 reviews, and the other one had two, again, the situation might change, right? So I'm going to say it again, three components, stars rating, number of reviews. So that's how you go about it. That's how a lot of people make decisions. Speaking of stars, I never recommend showing one single star icon because some people may perceive that as a poor rating as one star out of five. Now, I would much rather show five smaller star icons squeezed in than one single big star. And this is what most big shops are going to do nowadays. I've read several articles about how these small things, showing one star VsusFive change consumer behavior. The thing is, nobody is going to tell you, Nah, I didn't buy that peanut butter because their website showed one single star, which I interpreted as low rating. Nobody is going to say such a thing, especially email or, you know, leave a review of something. No, of course, not. But if there's a slight chance that it may discourage people, obviously, you got to address it. But what if you don't have reviews? Well, you got to get them. Easier said than done, right? Well, here's the thing. I encourage you to send out an email after X amount of days and offer something ridiculously generous, ridiculously generous, like 20% off your next purchase if you leave a review, 25% off, something like that. Or maybe a free gift, a free product with your next purchase, something solid, not 5%, not 10%, something substantial, something that moves the needle. And when you send out that email or text, make it easy. Back to your coder, so you can send the custom unique link through which the user selects the number of stars and writes something. That's it. No logging in, no selecting the specific product, nothing complicated. You'd automatically log in, you just got to put in the star ratings and the comment. This is, of course, time consuming. But once you set it all up, you're golden. Not to mention the fact that you can always copy, paste the WordPress website if you ever want to start a new store. So all this automation is baked in. Reviews are mandatory, especially if you don't have a brand. If people don't know you, there's a very good chance they'll skip the purchase. If you want high trust, which means more sales, go for at least 220 reviews per product, and ideally you would have customer photos as well. Text comments are obviously easier to fake. But having photos, various photos in different settings in different qualities, that's a bit harder, so it seems more trustworthy. Okay, let's continue. 9. A Hero That Hooks Buyers: Welcome back. The hero area is one of the most important things on your website. When the user comes in, they have to immediately understand the benefits, what's in it for them. So let's have a look at an example space goods. Now, let's always assume that we don't have any idea about this particular company. I'm going to go through several examples because not knowing anything might be beneficial. So we simply clicked on an ad while scrolling on Instagram, okay? So what do we see here? It's some type of beverage, very likely coffee. I drink coffee, so it is interesting. Probably that's why I clicked it. And what does the copy say? By the way, copy simply means text. That's what copywriter means. A person who writes copy. Back to it, find your focus. Okay, a bit vague, but it does make sense, since it's coffee related. Let's read the subheadline. Functional blends for sharper mornings, calmer days, and deeper sleep. This is fantastic. A great example of fabulous subheadline. It's clear, it's short. It's attention grabbing, it's informative. Okay, but let's switch to immortals.com. Build your longevity protocol like Brian Johnson. Okay, is this as good? No, this is miles behind. Of course, if you've been following Brian and you know what he's all about, maybe maybe it's not a terrible headline. But you don't come into this game with assumptions. You don't assume that the person already knows the brand or the product. No, that approach is going to cost you a lot of sales, a lot of money. But let's focus on the call to action. Learn more. Do you want to learn more about Brian's longevity protocol? No, or do you want sharper mornings, calmer days, and deeper sleep through coffee? Which one is more appealing? Which one is more likely to keep you engaged? And here's the thing. Brian has a different website. Here we see a product for essential microbiome, which may be a bit vague, but let's read on a two and one postbiotic. Okay. But then support gut health directly with zero active cultures, okay? And then the message says get yours. So get something for your stomach. Pretty good. Well, this isn't clear as day. It's still a pretty good indication about what's about to happen, right? Whereas, on the new website, Immortals, things are vague. So let's have a look directly underneath the hero area, which can still be a part of it. So explore Immortals, blueprint, medicine, biomarkers, concierge. Is this the type of stuff that you're interested in, or most people now, let's flip to the other website brain and heart health, energy and stress, muscle performance. So as you can see, clearly, this is miles better. Not only is it more compact, so it takes up less space, it's far more informative. As a visitor. I don't have to dig down and extract information. No, this website clearly shows everything. And more than that, we see products with prices and a clear call to action, add to cart. Whereas in the new website, we got to learn more. Okay, say we do it. Now we're moving down and we got to get a recommendation. Is that what you want a recommendation? I would much prefer to order some coffee with some extra ingredients so I can get sharper warnings. So people want results. They want outcomes. They don't want to learn more. Let me show you another example. This is a hosting company in my country that does about $7.5 million in revenue per year with about $2.2 million in profit. This is a fantastic business. Yet here's the hero area, a guy on a bike. I'm really lost for words. I have no idea how they managed to generate that amount of revenue. I'm guessing they've probably changed that website a bunch of times of something like that. Otherwise, I can't explain it. And more than that, registering a domain is a fairly low value action. First of all, it's a one off purchase. You buy cresbarn.com, and that's pretty much it. I think a much better approach is to show a hosting plan, which is a recurring purchase, a monthly plan, right? But they also choose a generic image with a very basic headline. They don't say, the website is slow, so you're losing sales or anything along those lines, addressing a pain point. It doesn't make sense. Now, here's the thing. Even if, you know, buying a domain name is a better approach starting the sales process with a domain purchase and then upselling hosting, you should tell me a story. Tell me why your company is better. Tell me why I would much rather go with you versus the 100,000 options out there, right? Strong copy is hard to make a good headline, a fantastic subheadline. It has to be incredibly short, punchy, and it has to pack in a lot of information. It's difficult, but at least try. On my own website, I used to say belly issues or stomach problems, which can mean problems with your of digestion or the fact that some people want to lose weight. Smart, witty, that's what you need in terms of copy. But here's the thing once you nail it, you're golden. You could potentially outsource this to a professional that writes copy for the living. But the thing is, you probably know your company inside and out, so you can give it a shot. You know what can be said and what can't be said. In my case, I say no added sugar because it was delicious oatmeal with fruit, but no cane sugar or artificial sweeteners. Now, one agency said, Hey, Chris, let's write zero sugar because it looks better and it's snazzier. But that was actually illegal in my country because factually, fruit does have sugar. So diabetics would be misled, and that would cause all sorts of legal issues. So just because something is short and punchy doesn't mean you're got to go with it. And more than that, probably a lot of other companies are operating in the same field, in the same niche. So how many times have you heard restaurants say they have delicious food, healthy, delicious food? You've heard that so much that it doesn't mean anything. But yeah, space goods is a great example. Let me know in the comments what other strong hero areas you found. For example, s now say your weight loss break through is here. That's fantastic. Here's another one from AG one. It says, Better mornings, no matter the hue you are a play on the actor's name Hugh Jackman. But leaving that aside, better mornings is quite solid. Quo, the former company called Open Phone has some fantastic yet fairly basic headlines. It says, Never lose a customer to a missed call. And then the subtitle helps tremendously. This, this is what you want. This is the outcome. You don't want to miss sales. You don't want a robot answering phones. You don't want a ticketing system or re routing system. No, even though that's what this service may be selling you, it's the way it frames it. That makes all the difference, the framing. So that's a great hero area, something that's short, punchy, witty, and it's informative. Again, let me know in the comments, what other great hero areas you've seen. Have fun. 10. Product Photos That Sell: Welcome back. Product photos are a fantastic way to boost your sales. Trouble is, it takes a certain approach to create awesome ones. Here's a clear cut example. This is a steam cleaner I randomly found on amazon.com, the German version, actually, amazon.de. So let's break it down step by step and see why this is a fantastic example. So the very first picture shows a bundle. This implies with getting a lot of value for that money. We're seeing a lot of accessories, even the box, and this creates a feeling that with getting a lot when buying this product, this is a feeling. This is not a certainty. It's not a logical thing. The thing is we don't know what most of these items in the photo are. I'm guessing they may be valuable in certain situations. But honestly, I don't know if they're a big asset or not. The box is included in the photo to further imply that this is quite a hefty package. But again, I want to emphasize this point. This is not a logical assessment where this product has five attachments versus all the other ones that typically have two. No, this is just a feeling, okay? Next, notice the branding. Alipo, whatever. I have no idea if this is an actual brand, but it shows up three times. So even though I'm not aware of this brand, this gives some indication that this is a serious actual brand, something that exists, a serious company. This is in contrast to a known name brand. And this is just the first photo. A lot of information inside it. Let's move on. The second photo shows the product in use in some type of kitchen, and it emphasizes heat, how it's incredibly efficient at killing bacteria. I can see viruses and bacteria depicted in the photo, and I can see them burning alive, right? Now, this is incredibly valuable. Notice the embers, the flames, the fire. Notice how the fire comes from within the product. That's a nice photoshopping right there. Now, I don't speak German, and maybe you don't either, but that's why I love this example. We can clearly understand what this photo is telling us. The question is, do other products, similar products go as high as 130 5 Celsius I have no idea. Is this really a key factor versus all the other ones? Again, no idea. I'm stressing this point because say you're looking for an electric car with a budget of $50,000, and range is very important. And say that cars from Tesla, whatever, they have a range of 500 miles, whereas most competitors have only 350. Okay, that would be a significant advantage, a logical, factual piece of information that helps you a lot in the decision making, right, when it comes to making a purchase. But here we have no idea if this is an advantage or not. Yet the photo is framing it like an advantage. That's the key. So that's what I love. It's not misleading or lying or anything in the gray territory. No, it's just presenting information in a way that helps the brands sell more. Awesome stuff. Let's have a look at this next photo. This one, too, is quite smart. Why do you want a steam cleaner for your loved ones? Have a look at this gorgeous family. Do you want a beautiful family? Then you need this steam cleaner. The house is nice and lovely, too. Big, bright, the whole package. And here's the thing. This steam cleaner is ready to use in 3 minutes so you can spend more time with your family, and you have to use a steam cleaner to protect your dog and your young child from any potential bad stuff, smart stuff. Now, next photo, look at how easy it is to use. You can clean the stove top with a smile on your face. The photo. Because you have young kids and a dog, this steam cleaner has safety features, so they're all protected. You do love your family, right? You wouldn't buy a steam cleaner that might put them in danger, right? So that's the beauty of product photos. The mindset is this. If the visitor only reads the title and then looks at these photos, can they make a decision without reading anything else, the description, you saw earlier how I bought a lamp without even clicking on it. I saw the score, the number of reviews. I saw other lamps with their reviews, and that was that so that's the whole game. You make it incredibly easy for the visitor to make a purchase. Give them all the essential information. This steam cleaner is effective. It's childproof. It's ready in 3 minutes. But let me show you how other shops go about it. Let's go back to the peanut butter store. While it's not as rich in features because it's just peanut butter, surely there has to be a gallery that makes us want to buy it, right? So nice piece of toast, various situations where you could use it, right? Well, no, actually, there's nothing here. It's just a standard, fairly small photo of the jar on a white background. The jar itself, it's too small, so I can't really make out the label. Now, you might say apples to apples, Chris. The steam cleaner, of course, has more features, but couldn't you show this peanut butter on a nice piece of bread to show the consistency of it? Couldn't you show a kid eating it, so it's safe for your family? Couldn't you show how it's made with sugar or palm oil or whatever, wouldn't it be a good idea to show the jar in someone's hand so you can get a better sense of its size? Because weight is one thing, 720 grams. Okay. But seeing it in someone's hands as a reference is much, much better. And here's another product, another example. This is some type of chocolate milk made from cashew. Okay, vegan. But again, no photos. Well, not at the standard that we saw on Amazon. Now, are these photos bad? No, they're not horrible, but the thing is they're not great either. So lots of stores have this approach, and I get it. It takes time, effort, a great designer, someone who knows the brand and the product, and you got to pay good money for it. But the difference between these products and the steam cleaner is night and day. If you want better results from your payads, invest in photos that tell a story. Don't just show the product on a simple background. Note, every image has to have a purpose, a meaning. It has to pack a lot of info in a visually pleasing way. Good luck with it. 11. Product Page 1: Layout: Come back. We spoke about the product gallery. Okay? Here's another equally important part of the product listing, and that's the body, the description. Now, long gone are the days of pure text. People don't read huge paragraphs anymore. Instead, this is what you need, full fledged presentations. This is what's going to increase your roas dramatically, significantly. We saw quite a few details in the product gallery up top, right? But here, we're taking for the ride. This is a serious story because there's a lot more real estate here, more space, there are lots and lots of things to show. Now, up top, we had a stove top being cleaned here, it's something else. Moving down, we see the family yet again. Notice how they're fairly close to the woman doing the cleaning. So this means it's safe to use the steam cleaner around them. And it seems like she's cleaning a toy for them. Notice how the dog has a different toy in his mouth. So this is smart stuff. A lot is being said. A lot is being transmitted. And we see the lock feature on the left. We don't speak German, but we still totally get it. Lower down, more ways to use it on windows, on your couch and so on. And as you scroll, more of the story unfolds. You don't have to go all the way down. You already have more than enough reasons to make a decision. But just in case you're on the fence, the presentation gives you more and more and more until you're ready to say, Okay, I'm going to buy. It can iron your shirts as well. You can see all the instructions, which seem to be fairly easy. But let's take a step back because you may have noticed something here. You may have noticed these arrows. Yeah, these are actually sliders. And if you go through them, you can begin to imagine how much work, how much effort this type of presentation actually takes. I've done it for several products, and I know that this is a massive effort, a massive one. That's why the best eCom guys, the people that are doing millions and millions of dollars, they don't have hundreds of products. They typically have a couple that are very strong. They pay designers very well, and that's how they stay at the top of their game. They may have a products, but they're constantly testing for something that's a clear winner. All of this because the competition is massive. To get an edge, you need fantastic copy, a beautiful presentation. And if you scroll down, you're going to see a video as well. That's the game. And don't think that this is only for Amazon. And keep in mind, this is a smaller Amazon store in Europe. It's the one from Germany. This is not Amazon US. So let me show you a different store, which is quite popular in my country. So here's how regular store owners go about their description. As you can see, this is a 2010 approach, if I can call it that, a long description, pure text. At least it's fairly narrow. But my question is, which product are you much more inclined to buy? And before you answer that, let's have a look at the product gallery uptop. Now, again, all these photos, they're basic. They're not horrible, they're not ugly, they're not pixelated with low quality, but it's not up to standard. This should have been much more informative and better designed. But let's wish to a good example from the same store. So here's a toothbrush, an expensive one. Well, the first part is based on the wall of text, which is a massive red flag. Moving down, we start seeing the presentation. And, boy, does it make a big difference? It feels professional, informative, well put together. It is a bit busy in certain places. But overall, this is what you need to get ahead. If you can't do anything else, do these two parts. Product photos and the product presentation. If you're looking for the designer, come to my discourse server, and you'll find a lot of talented designers with transparent prices. It's much better to hire someone than try and do it on your own. 12. Product Page 2: Persuade: Welcome back. To get more out of pay dads, we already spoke about the product gallery and presentation, the latter one being the one from the description area. Now, let's focus on this top right side and see what's what. Here's an example from space Goods. So let's start out with this mushroom coffee and see what's it all about. So here, you're going to see a bunch of elements that you need to incorporate into your own store. You got to add them. So let's take it from the top, even though this first photo is absolutely spot on and does a fantastic job on its own. Okay, so the first thing here that I see is the reviews. That's social proof. This says excellent. 4.5 out of five on Trust Pilot. And by the way, when you click on it, you're going to see it has over 9,000 reviews. I would have loved to see that number shown on the website, but I don't think Trust Pilot allows that. In any case, this is the first element, and it's fantastic. We want visitors to trust the brand. How by showing that a lot of people have had a great experience with it. Next, this explains why you're here. Your coffee just got an upgrade. Same ritual, better benefits. Fantastic copy. This speaks to why you should buy it, but it also implies that this is better than regular coffee. Now, this second part is key because this is much more expensive versus regular coffee. So the product page has to explain why it's worth it over regular coffee. Okay, then the title starter kit, a pretty good one because, you know, when you look at the first image, it makes total sense. The price shows a hefty discount right here. Interestingly, the price is not bold, which some say this is the ideal situation. Okay. And the discount is justified by saying, Hey, this is a summer sale. Then three lines of text, that's it. No more, no less. This feels balanced, approachable, and the copy is solid if you actually read it. Moving on, we get four checkmarks. Now, these checkmarks are essential for visual people, but notice the numbers. 93%, eight, 60 days. So that's for the analytical side. And in case you had one of those people who are really into all of the details, you can see the nutritional info by clicking here. This is top notch, a great choice. The page remains clean, far from being cluttered or busy with too much information, that won't mean much to most people. So that's why they decided to hide it. Good stuff. Then we get some diversity here. Six flavors. The icons are the icons are nice touch. The vertical gradient from pink to purple is cool, even though it is inverted compared to the bag. So as you can see, it's quite different. But yeah, overall, this is fantastic stuff. And finally, we get to see the pricing, and we have two choices. This is the cheaper one, and it says it's a one month supply, so you know exactly what you're getting. You get the price per serving, free delivery, and a whole bunch of stuff. You can see here you get a mug, a whisk, a spoon, plus some type of book. This is very, very smart. You're stacking benefits. You're showing that you're giving a lot for this small price. You also address shipping, and if you don't like it, you can get your money back in 60 days. Now, from a UX standpoint, I love that I can click anywhere on the other option to activate it. So that's fantastic. You can easily switch up. The click isn't bound to the checkbox. So that's a smart UX thing. And here's the thing. If you go for the second option, you get even more goodies. Nice. Now, scrolling down, we get to see the green call to action button, which to be fair, I'm not in love with. And just above it, you can see when you're going to receive the package. Again, this is very important to most people. Is the product in stock? Is this maybe a drop shipping website? By showing a delivery date, you build trust. You eliminate a lot of doubts. Then the 60 day money back guarantee comes up again, but the site doubles down. Less than 1% of customers ask for the money back. And if you're unsure, have a look at real people using it. I'm not going to play the sound, but this is a narration by the actual person, and you get subtitles, as well. Finally, an accordion menu that contains lots of text, it's well formatted, so you can quickly skim through it. Notice how the lists are numbered. Good stuff, smart smart designing, and notice how certain words are in bold to create a nice visual hierarchy. Now, good line break, too. You don't have a wall of text. Everything is nicely separated. So this is what I want to see. And these punchy one liners, they're incredible. For the expensive plan, feel the benefits or get your money back. That alone is solid. But when you package it together, I can see why this is a fantastic product listing. You don't have to remember every single part here. I'm going to include the PDF with everything you need for your own store, but I hope you can see why this company can get a pretty high O as from the paid advertising. Oh, and real quick, let's have a look at this one here. Tell me how this feels. See, it's not the product itself. It's how the owner approaches the website. Maybe the peanut butter one. Okay? So visually, this one seems pretty good. The designer did seem to work on it, but it's missing so many key elements that we appreciate in space goods. So to sum it up, build trust, present the key features of your product, and make it seem like the price is incredibly low versus the actual value you're receiving. Have a good look at the checklist and implement it step by step. Have fun with it. 13. Product Page 3: Close: Come back. I want to show you another great example. The photo gallery on the left is nice and generous. Notice how most photos are in context, and only the last one is a simple, isolated shot. This makes the entire page feel luxurious, okay? Now, on the right side, we seeing the most important bits, the title, but also a subtitle for the specialists who are looking for the specific type of plant. That's a smart decision. Imagine this being the main title. It would definitely put off a lot of regular people. Next, we get the number of reviews, but sadly, we don't see a star rating. I wanted to showcase this bit because some people look at a perfect score with suspicion. So you have 500 reviews, and the all five stars, that's dubious. I've read reviews on Amazon, and some people give a low rating for stuff that has nothing, nothing to do with the product. I've seen two star reviews because it was raining when the product got delivered. So a perfect five out of five is typically not a positive thing. I would much rather see 485 rather than a perfect five. Moving down the same checkboxes, three bullet points to drive this home. This product is popular. It loves the sun, and it doesn't require a lot of work. Good stuff. Moving down, this is the regular price, but here's the thing. There's a coupon code available, so this is the lower price. And if you click on it, you can see the details of the deal, solid. Three other bullet points, but this time with icons, a guarantee, free shipping and in stock. And that's because this is what most people expect. And this is why most stores show them front and center. The reasoning is actually quite simple. When we don't see these bits, doubt starts to creep in. And here's why I look at the page, I go through it. I decide that, yes, this is what I need. Then I find out that the shipping is 50 bucks and OR, I'm going to get it in four to six weeks. People absolutely hate that experience. They hate it so much that they specifically look for these bullet points. When they don't see them, it's a bit of a problem. Continuing along. This website uses color sparingly. That's intentional. The photos are alive. They're nice and bright. But because there's not a lot of color, the add to car button shows up in a beautiful way. It pops out, it sticks out. So this is smart. This is gorgeous. You can't miss it because there's nothing brighter on the page, other than the actual photos, of course. Moving on down, if the product has variations, this is one of the best ways to show them off. Select the size, select the quantity, and lower down, you can see how your discount goes up if you purchase more smart stuff. That's a great way to increase your average or the value. More on that later. I would assume that most people here on these types of website, pretty much buy a lot. So big orders would benefit from this part here. Pay in four installments. Lovely stuff. You can see how everything here that's listed is for your benefit. We don't see stuff about them being in business for whatever many years or any egocentric points. It all revolves around what you're going to get. You as the client, you're going to get this, this and this. And to that end, this website knows that some people have questions, okay? This is a complex niche. So what they do is they offer a phone number right here, call our plant experts, and I do believe that this is totally worth it. But on the flip side, they also offer live chat. And that's more towards the bottom right side and it's easier to miss. But if we assume that older people typically make these purchases, we can also assume they prefer to talk on the phone and ask questions directly to a human being. Overall, this is another product page that stands out. There's no fluff. There's nothing extra here. There's no design related stuff, just for the hell of it, just for looks, for the aesthetics. Everything is practical and directed at helping the visitor make a purchase. That's what you need, as well. 14. Speed & Hosting for Sales: Welcome back. In this lesson, we're tackling something that looks boring on the surface, but it's absolutely critical for your website. How fast does it load? I spoke about hosting earlier, but speed goes way beyond your server, and here's why you should care. Every single second your website takes to load, you lose people. Someone taps your ad, they wait. The page hangs for two or 3 seconds, and they're gone back to scrolling on Instagram. You paid for that click and you got nothing in return. And this hurts you twice. The first hit is obvious, fewer sales, but the second one is the part that most people completely miss. It tanks the performance of your ads. Platforms like meta, Facebook. And Google, they constantly watch what happens after the click. If people land on a slow page and they bounce, the algorithm reads that as a bad experience, and basically your cost per result goes up. So a slow website doesn't just lose customers. It makes every remaining customer more expensive to acquire. Your row as drops on both ends, and it's always worse on mobile. Most of your air traffic is probably on phones, often on a patchy four G connection, frequently on cheaper devices. Not everybody has the latest phone, right? Now, a site that feels perfectly fine on your fancy desktop with fiber Internet. Now, that can feel painfully slow for the exact same person you paid to reach. So from now on, we judge speed on mobile, not desktop. Let me give you a quick example from my own store. Early on, my product pages were loading in around five, 6 seconds on mobile. I thought it was fine because, you know, on my computer, every thing loaded up in an instant. Now, the day I got it under 2 seconds, my conversion rate climbed a lot, and my cost per purchase dropped. Same ads, same products, same budget. That's the power of this one thing. Okay, so how do you know where do you stand? Well, two free tools. The first one is Google page speed Insights. You just paste in your URL, and it gives you a separate score for mobile and desktop. Always look at the mobile number. That's where your money is. And the second one is GT Metrix, which shows you a waterfall. So you can see exactly which files are loading slowly. And don't just test your homepage and call it a day. That's the product page and you have a card as well, because those are the pages that actually make you money, you're going to see terms like LCP, CLS, those are Google's cd web Vitals, don't get lost in the jargon. They don't matter. The one that matters most for us is simply this, how long until the page is actually usable aim for under 2.5 seconds on mobile, and you're in great shape. Now, let's fix it. I'm going to give you a couple of culprits in order of impact because honestly, you'll get 80% of the results from these two alone. So don't overcomplicate it. So, number one, buy a mile is images. This is where almost every slow store dies. People upload the five megabyte photos straight off their phone or from a stock website, and they drop it on the page. Now, multiply that by 20 products on a listing page, and your website is going to be crawling. Two fixes here. First of all, compress your images. Plugins like short pixel, imagifi or smush. They do it automatically, and they can convert everything to a modern format called web P. Web P is much smaller for the same quality. Second, serve the right size. Don't load up a 2000 pixel wide image into a slot that's only 300 pixels wide. A good plugin handles this for you. If you only fix your images and nothing else, you're going to see a huge jump, a very positive impact. Number two is caching. Without getting too technical, every time someone visits you at website, WordPress builds the page from scratch. It queries the database, it runs the code, it assembles everything, and then it serves it. Caching means it builds that page once and then hands a ready made copy to everyone else. The difference is night and day and performance. If you're on a light speed server, again, ask you coder or hosting company, use the free light speed cache plugin. It's quite good. If not, WP Rocket is a paid option that works quite well. It bundles caching with a bunch of other optimizations in one place, and it's really worth the money. Number three is your theme and plug ins. This is what I would call blow so a lot of stores run a heavy team stuffed with features they actually never use. We're a Page Builder like Elementor that has loads of extra code for every single page. For an online store, use a lightweight team, generate press, Astra, Cadence, Block C. These are all fast and built for performance. Then ask you coded to go through the plugins one by one. Every plugin adds weight. If you're not using it, don't deactivate it, delete it. Number four, a few finishing touches that good plugins handle for you automatically minifying your code, which just trips out any unnecessary characters, deferring Java script. So scripts don't block the page from loading. And, of course, lazy loading, which means images further down the page, only load when the user scrolls down to them. So the top of the page appears instantly. Again, talk to your coder about it. WP Rocket and Lightspeed cache both do all of this with just a few checkboxes. You don't need to touch a line of code. Number five, two quick wins, put a CDN in front of your website. Cloudflare has a free plan that's basically enough for most stores, at least at the beginning. And basically what this does, a CDN copies your site to servers around the world, so each visitor loads it from somewhere physically close to them, and it also adds a layer of security. This only applies if you're selling in multiple countries, of course. While you're at it, check your PHB version and your hosting panel. If you're running an old version, updating to PHP A to hire can make Wordpress noticeably faster for free. If you're unsure, ask your hosting company what's what? That's why it pays to have a good hosting company. Don't become obsessed with hitting 100 out of 100 on page speed. It's just about impossible for real stores. I've watched people waste a lot of time and effort, and money. The score is a guide. It's not a goal. The goal is a site that feels fast for the regular person on a regular phone, on a real phone. Once you're loading quickly and your mobile score is solid, stop and go work on something that actually moves the needle. The diminishing returns here are quite real. And one last practical tip, test on an actual phone, not on tools on virtual tools. Grab your phone, turn off Wi Fi, go onto mobile data and click through your website like a regular customer would. If possible, get a cheaper phone, as well. That's the real experience your ads are paying for. So let me leave you with action steps. So, number one, test you at home page, a product page, and maybe your cart and page speed Insights and GT metric. Write down your mobile scores so you can measure the improvement. The second thing, fix your images, install a compression plugin, switch to WebP and serve properly sized images. This alone is most of the battle. Three, install a caching plugin. Light speed cache if your server supports it, or WP rocket otherwise. Four, if possible, switch to a lightweight team if you're using a heavy one and delete every plug in you're not actually using. Five, for the international sales, set up CloudFlare and make sure you're on PHP eight to the higher. Do some of these things, and your site goes from liability to an asset. Your customers get a smooth experience, and your ad platform rewards you with cheaper clicks and a higher row as. Let's continue. 15. Winning the Mobile Shopper: Welcome back. In this lesson, we're going to talk about the single most underrated part of your entire store. And that's mobile. And I mean really optimizing for it, not just looking at your phone once in a while. So here's the reality that almost nobody really understands. The vast majority of your paid traffic is on mobile devices. Depending on your niche, that's anywhere from 60% being quite conservative. About 95% of the people clicking your ads. They're on their phones. But you entrepreneur, you build and check your store on a big desktop monitor. So you end up optimizing for five to 10% of your audience and ignoring the vast majority. And that's backwards. And again, 95%, these are stats from my own store. So the first rule, and I'm going to repeat it throughout this entire course, Judge everything on mobile. So every change you make, every page you build, the first question is, how does it feel on the phone? Not how it looks like on your big nice screen on four K displays, five K displays, two big monitors, no. And the only way to see what's what is this, grab your phone, turn off Wi Fi, and then check out. Do a purchase like a regular customer. Go through the whole store, and on the product page, add to cart, go to checkout. Don't just look. Actually try to buy something. You'll find problems in 5 minutes that you never noticed in months on desktop. Now, let's talk about what actually matters on a small screen. First of all, the thumb zone. People hold their phones in one hand and they tap with their thumb. Now, your most important buttons, especially add to cart and checkout, need to be easy to reach and big enough to tap without zooming. So that usually means in the bottom third of the screen. Tiny buttons crammed together causes mistaps, and the misstep is friction and frustration, and that means lost sales. So make your buttons big and give them enough breathing room. Second, a sticky at to card button. On the product page, as the person scrolls down to read a description and look at photos and whatnot, that to card button usually scrolls off the screen. That's the standard approach. So when they finally decide to buy, they have to scroll all the way back up to find it, and that's not good. Fix that with a sticky bar that keeps the button visible at the bottom of the screen at all times. The moment they're ready, the button is right there under the thumb. Most teams and plug ins offer this option. The third thing, readability. If your customer has to pinch in Zoom to read the text, you're far behind, and that's not good. Your body font should be at least 16 pixels on mobile. No tiny gray text on a light background, no great contrast and the comfortable size. They should be able to read everything at a glance holding their phone at a normal distance. The full thing, and this is huge. You forms. When someone taps on the phone number field, so digits, the numera keypad should pop up, not the full keyboard. When they tap the email field, they should get the email keyboard with the at symbol. Enable auto fill so the browser can fill in their names and address in one tap. And make the input fields tall and easy to click. A clunky form on mobile is where a massive number of orders die. We talk a lot more about checkout and fields elsewhere in a different lecture, but on mobile, again, it's super important. Number five, cut the clutter. A small screen has no room for noise. The top of your page, the part visible before anyone scrolls, that should make it instantly clear what you're selling and give one clear action add to cart. If your hero image is too tall and it pushes everything down off the screen, it's simple. Shrink it, make it smaller. Don't make people scroll past a giant banner just to find the product details. The initial space is incredibly precious. Number six, be careful with pop ups on mobile. A pop up that covers the whole screen and maybe is hard to close is going to be infuriating on a phone. Actually, Google might penalize you because of. So if you do want to use a pop up, make it fairly small, make the clothes button big and obvious, and don't fire it instantly when someone lands. Give them a moment first, a delay, 7 seconds, 10 seconds, 20, even better. Number seven, keep the header smart. So a slim, sticky header with your menu, a search icon and the card visible at all times means the customer can always navigate or check out no matter where they are on your website. Search, especially matters on mobile, because typing a query is often much faster than tapping through multiple menus to find a specific product. And finally, test the full journey, not just one page. The leak might be in the cart or in the checkout or in a payment step that breaks on certain phones. Walk the entire path on your own device, then ask a friend or a family member to buy something while you watch. Watching a real person fumble through your store is humbling and incredibly useful. When I did that for my own store, I discovered my add to card button was below the fold and it was a weird color that got lost in the background. So people really couldn't find it on the devices. Then I made it big, bright, and I also made it sticky and sales did go up. It was that simple, and the cost was basically next to nothing. Okay, to recap, here are your action steps. So, number one, go through your entire store on a real phone, if possible, a cheaper one on mobile data, four G, if possible, and actually try to make a purchase, start to finish. Note every single point that could be improved. The second thing, make your at to cart and checkout buttons big, high contrast and easy to reach with a thumb. Add a sticky at to card bar on product pages. The third thing, set your body font to at least 16 pixels and check your contrast. Nothing should require zooming. Four, fix your mobile forms, correct keyboard per field, autofill enabled, and tall tappable inputs. Number five, trim the top of your page. So what you sell is clear as day. And if you do use pop ups, make them small and easy to dismiss and with a delay of at least at least 7 seconds. Okay, get mobile right and everything else in this course is going to work harder because you're finally optimizing for where your customers actually are. Good luck. 16. Boost Average Order Value: Welcome back. In this video, I'm going to show you one of the fastest ways to improve your OAS without spending a single extra dollar on ads, and that's raising your average order value, AOV, average order value. So let's quickly connect these two numbers because it's quite important. Ro AS is your revenue divided by your ad spend. There are really only two ways to push it up. So one, get your cost per customer down, which is super hard and largely out of your control, give or take, can make better ads, but overall, it's hard to bring it down after a certain point or to get each customer to spend more. And that's the key. The second one is where the easy wins live. So if your average order goes from 40 bucks to 55, every single click from your ads is now worth more, and your O as will climb quite a lot. So it's the same traffic, the same ad cost, but more revenue. And that's the whole game in this lesson. So your average order value or AOV is simply your total revenue divided by your number of orders. So go find that number right now because you're going to need it because the strategies I'm about to give you are all aimed at one thing, nudging that number up without being, of course, too pushy or annoying or aggressive. Let's start with the biggest lever by far, the free shipping threshold. So people love free shipping almost irrationally so. So instead of offering it on everything, set a minimum order value to unlock it. And here's the key. Set that threshold a bit above your current average order. So if your AOV is 40, set free shipping at 50 bucks. Now a huge chunk of customers who were going to spend 40 bucks will probably add one more item to save on free shipping. They spend more. They feel like they won, and everybody is happy. And, of course, you've got to make it visible. Add the little progress bar in the card that says, Hey, you are eight bucks away from free shipping. And this tiny nudge is incredibly effective. The customer sees how close they are, and they go back to shopping a bit more. They explore the website a bit more. And there are simple Woo comers plugins that do exactly that, and the cheap, most of them are actually free. The next step, cross sells. So these are related with complimentary products you suggest at the right time. On the product page, frequently bought together, or some people call this section you might also like. Now, in the card, customers also added Da Da dot. So again, different names, but it's the same thing. If someone's buying a chess set, show them a nice board or maybe a storage box, something that's related. If they're buying a shirt, show them a matching pair of pants or whatever. The trick is relevance. A random product nobody asked for just adds noise, a genuinely useful one, an add on that does make sense, that gets bought. So that's how your order grows in value. This is a small, cheap, high margin add on offered right at the checkout, usually through a simple check box. So add gift wrapping for four bucks. Sure. Add a two year warranty, whatever, because the price is low and the moment is perfect, a good percentage of people are just going to take that box, and it's almost pure profit, and it lifts you AOV your average order value with basically zero ad spend. Bundles and volume deals are also a great one. So package complimentary products together at a slide discount. So the bundle feels like a deal while the value again goes up and everybody is happy or offer volume pricing. By two get 10% off. By three of them, get 15% off, something like that. So this works beautifully for consumable products or giftable products where buying more actually makes sense. You get one for your mom, for your uncle, for your aunt, for whatever. So you're not discounting just to be cheap. You're actually rewarding people for spending more because again, it does make sense. And here's an advanced one that's pure upside, the post purchase upsell. Right after someone completes that order on the thank you page, you can offer them one more item with one single click. No need to re enter card details because they've already made the purchase, and they trust you. The conversion is surprisingly high. So again, just add that after they've placed an order. And critically, even if they say no, it doesn't hurt anything at all. Your regular sales are still there. So this is free money left on the table, otherwise. Now, a word of caution, don't turn your store into some type of carnival of pay, also buy this. By that. Relevance and restraint win. So one well placed cross sell beats five disparate wins. The goal is to genuinely help the customer buy more of what they actually want, not to badger them, not to be aggressive, overdo it, and you'll hurt trust and conversion rate, which basically defeats the whole purpose. My own store, I did this free shipping. That was very profitable, but then a free gift. So 50 bucks free shipping, 80 bucks free gift. It made a huge difference. That's how I grew my AOV. So people who would typically spend 40 bucks were now adding items to reach the free shipping. And then, you know, 12 more bucks to get a free gift. Sure, why not? Okay, overall, here are your action steps. One, find your current average or the value, then set a free shipping threshold slightly above it with a visible progress bar on your website, probably in your card. Two, add relevant cross sells on your product pages and in the card, frequently bought together or complimentary items only. Three, add one or two order bumps at checkout. So cheap, high margin relevant add ons as a simple checkbox. Add warranty, add Bowtie, whatever. Four, create at least one bundle or volume deal for products that make sense to buy together or in quantity. Five, set up a one click post purchase upsell on your thank you page. Do these, and you're going to squeeze out more revenue out of the exact same traffic, which is the cleanest way to lift oh as. Have fun with it. 17. Where to Send Ad Traffic: Come back. In this lesson, we're going to fix a mistake that quietly wastes a fortune in ad spent and that's sending your pay traffic to the wrong page. And here's the most common version of this mistake. So someone runs an ad for the specific product, a beautiful ad showing, say, whatever, a statue or something, right? Vase, flowers, whatever. And then everyone who clicks on that ad goes straight to the homepage. Now, the customer who was interested in that vase on those particular flowers are going to go to a generic homepage with menus, banners, and other 50 products. And obviously he has no idea because he clicked on something in particular, and now he's seeing something completely different. So the idea is, will that customer go to the website and find that specific product? Most of them won't. So they're going to be confused. They're going to leave, and that's that. You paid for that click, but you threw it away. Think of it homepage as the lobby of a building. It's fine when someone who walks in off the street not knowing what they want. Sure. But a paid visitor isn't that person. They clicked on a specific ad about a specific thing, a specific product. They've already raised their hand. Making them start over in the lobby is pure friction. It's frustrating. So the principle that fixes this is called message match. The page someone lands on should match the ad they clicked on, the image, the product, the offer, all of it. So if the ad showed a product, they land on that specific product, clear as day. If the ad says 20% off, the page clearly shows 20% off. The transition from ad to page should feel seamless like one continuous thought. Every time there's a mismatch, a little doubt creeps in and doubt kills conversions. Let me say that again, Doubt kills conversions. So where do you actually send people? Well, it depends on the ad. If you're advertising a single hero product, send them straight to that product's page where they can read more about it and purchase it, right? One click from the ad to the buy button. That's the path of least resistance. If your ad features a category or multiple products, shop vases or whatever, now, if that's the case, send them to a collection page filtered with those specific products. So not a home page, a collection. So they want to see the relevant rage and pick from them and make a purchase from there. So again, no hunting. If you're selling something that needs more convincing, a higher priced item, or you're targeting cold audiences who don't know your brand just yet, consider a dedicated landing page. So this is a page built for one job to sell that product to the audience. It handles every objection, shows the reviews, the guarantees, the benefits, the photos, all in a focus flow with no distractions and no menu pulling them away. For your best products and your coldest traffic, a dedicated landing page often converts far better than a standard product page. Now, whatever page you choose, make sure that the offer is consistent. If your ad promised a discount, the customer should see that discount reflected on the page, ideally applied automatically or at the bare minimum, a clear banner confirming it. Nothing breaks trust faster than an ad that says one thing and the page that says another. They'll assume it's a bad and switch and they'll bounce, they'll leave and remember everything we've covered already. The landing page has to be fast and it has to be flawless on mobile devices because that's where most of these clicks are coming from. The whole point is to remove every ounce of friction between the click and the ad to card. Anything that makes the customer pause, search or second guess is costing you money. Now, how do you know which destination works best? You test and you track. Use UTM tags on your ad links so you can see in your analytics exactly which page the traffic landed on and how it performed. Run the same ad to two different destinations a product page versus a dedicated landing page and let the numbers tell you which converts better. We'll talk about measurement in a different lesson, but a habit to build is this. Never assume, always check. Never assume, always check. I learned that the hard way for a long time, I sent all of my ad traffic to my homepage because I felt like they could explore the website and they could potentially buy multiple types of products in different categories. But my row as was mediocre. The day I started sending each ad to each matching product or collection, conversions jumped. Same ads, same budget. The clicks were finally landing somewhere that made sense to them. So here are your action steps. One, stop sending pay traffic to your homepage by default. Match each ad to the most relevant destination. Two, for single product ads, send people straight to the product page. And there there has to be a clear purchase button. For category ads, send them to a filtered collection page. The third thing, build a dedicated landing page for your best products and your coldest audiences. Focused, distraction free, objection handling. That's what you want. Four, make sure that any offer in the ad is clearly shown on the landing page, ideally applied automatically. And five, add UTN tags to your ad links and test different destinations against each other. Then keep the winner. You can talk to a coder about this point. Get this right and stop leaking money, stop losing money at the very first step. The click you already paid for finally lands where it should. 18. Track With GA4 & Clarity: Welcome back. In this lesson, we're going to talk about something most entrepreneurs skip entirely, and it's the reason they stay stuck, actually measuring what's happening on their store because you can't fix something you can't see. You're not measuring, you can't fix it, right? So let me start with the number one thing that you should know your conversion rate. It's simply the percentage of visitors who actually buy. So 100 people visit to buy. That's a 2% conversion rate or in short, CR conversion rate. Now for most online stores, somewhere around one to 3% is totally normal. Go ahead and find yours right now. If you don't know it, you're flying completely blind, making changes on gut feelings and hoping for the best. And here's why the conversion rate is so powerful, doubling it from 1% to 2% doubles your sales with the exact same traffic and the exact same ad spend. That's what this course is all about. But to improve it, you first have to measure it, and then you have to find where you're losing people. The first free tool is, of course, Google Analytics, GA. The current version is called GA four. It's a bit more difficult to use it than past versions, but it is what it is. It's free, and once you install it on your store, it should be a gold mine of opportunities. Now, how many people are visiting, where they're coming from? Which pages they land on? And crucially, your conversion rate broken down by device. So that device breakdown alone. That alone is eye opening. So you're going to see that your mobile conversion rate is way lower than desktop, which confirms exactly why the mobile lesson matters much more. Now, again, is GA four the friendliest tool? No, GA four has a steep learning curve. It's tricky, but you don't need to master it. You just need a handful of numbers out of it. That's it. The most valuable thing Analytics shows you is your funnel, the path from landing on the website to viewing a product to adding it to the card, to starting checkout to buy at each step, some people will drop off. That's normal. Now, your job is to find the biggest leak. Maybe lots of people add to the cart, but almost nobody completes checkout. That tells us that checkout is probably broken or scary or something is wrong. Maybe tons of people land, but very few people view a product. So that's a navigation or a homepage problem. Find a step where you're losing the most amount of people and fix that first. Try out various things. The thing is, don't randomly tweak button colors when your checkout is, you know, leaking half of your buyers. You got to prioritize. Now, analytics tells you what is happening, the numbers, but it doesn't tell you why. For the Y, I've got a second tool that I think it's pretty close to magic. It's called Microsoft Clarid. And here's the thing. It's 100% free, no limits, and it does two incredible things. So first of all, session recordings, ClariD records real anonymous visitors using your site, and you can watch the playback like a movie. You see exactly where they move, where they hesitate. Where they rage, click on something that's not working correctly, where they get stuck, and the exact moment they give up or leave. I'm telling you, watching ten real people struggled view of store will teach you more than any course, including this one. You'll spot problems you never imagined. And the second thing, heat maps. Clarity shows you a heat map of where people click and tap and the scroll map of how far down they actually scroll. The scroll map is huge. You'll often discover that the thing you thought was important, nobody scrolls far enough to see it, so you might move it up. The click map shows you what people are trying to tap on, and sometimes they're clicking things that aren't even links, which tells you that your design is confusing them. Now, one warning because analytics can become a bit of a rabbit hole. Don't drown in data. You don't need 100 metrics and fancy dashboards. Pick four things and then watch them. Your conversion rate, your average audit value, where your funnel leaks the most, and how mobile compares the desktop. That's it. Everything else can be considered noise at this stage. The point of data is to make a decision and take an action, not with Mire charts. So make this a habit. Once a week, look at your numbers and watch a few recordings. It takes 20 minutes, and it will constantly show you the things you got to fix. Honestly, most of the improvements in this course will become obvious if you just watch real people use your store. When I first installed ClariD on my own store, I watched a bunch of recordings of somebody trying to check out, and they kept tapping a field that wasn't behaving correctly. They got frustrated and they left. I don't think I could have found that bug on my own on my desktop computer in 100 years. But the thing is, I watched a lot of recordings because you do got to put the time in. I found it, and then I fixed it. So that one recording paid for the entire effort many times over. Okay, let's recap. So, number one, install GA four and find your conversion rate broken down by mobile versus desktop. The second thing, map your funnel and identify the step where you lose the most amount of people. That's your priority. Try to fix it. Third, install Microsoft Clarity, 100% free and unlimited. No hot jar, no expensive software. Four, watch at least at least ten sessions, ten recordings, and note every point where people hesitate, get stuck or leave. Five, pick four metrics to track, conversion rate after the joda value, biggest funnel leak, and then mobile sus desktop, and then review them constantly once a week, twice per week. Once you can actually see what your customers are doing, fixing your store stops being yes work and starts becoming obvious. Okay, let's continue. 19. Descriptions That Sell: Welcome back. In this lesson, we are going to fix something that's costing you sales on every single product page. And that's week descriptions. So most online stores get this completely wrong in one of two ways. The first way is the empty description or a couple of dry lines or worse, nothing at all. So just photos and a price. Now, the second way is the opposite, giant wall of technical specs copy pasted from the manufacturer of the product, dense and lifeless. Now, both of these approaches kill conversion because neither one actually helps the customer decide to buy. So here's the core shift you need to make. So sell benefits, not just a feature. A feature is what the product is. A benefit is what it does for the customer, why they should care, made out of solid that's a feature, heavy and solid, so it won't wobble and it's going to last for decades. That's the benefit. So people don't want to buy a drill because they want to buy a drill. They want it because they want to punch a hole in the wall. That's the classic example. So translate every important feature into what it actually means for the person's life. That's what makes them want it. That's what makes the purchase. That's what drives conversions. Now, let's talk structure because how you lay it out matters as much as what you say. So start with a short punchy opening, one or two sentences that capture the main benefit. The reason this product exists and why someone wants it. So hook them immediately better mornings, more energy, sharper focus, whatever. So then give them scannable details, the key points that matter and put the dry technical specs, the dimensions, the materials, the part numbers at the very bottom for the people who actually want them. Few people actually are interested in all those technical details. So hook first details, second, specs last. And critically, make it scannable. So nobody reads product descriptions like a novel. No, they scan so use short paragraphs 2 or three lines max. Use bullet points for key benefits. Bold the most important phrases, so they jump out. A customer should be able to skim the whole thing in 10 seconds and get the gist of it. If your description is one intimidating block of text, they won't read one single word of it. Your description is also where you quietly answer objections. The little doubts that stop people from buying. Will it fit? How big is it really? What's it made of? How long does shipping take? Can I return it? Every unanswered question is a reason to hesitate, and a hesitation is often a lost sale. So think about what makes people pause on this product and answer it right there in the copy before they even ask about it. So use your customer's language, not your internal jargon. Listen to how people actually describe the problem this product solves. The words they use in reviews in emails and questions and write using those same words. When the copy sounds like it's reading the customer's mind, trust goes up instantly. When it sounds like a corporate brochure, they tune out. So be specific and concrete. Vague claims like high quality, premium, delicious food. Those are meaningless. Everyone says them. Specific details build trust, not soft fabric, but a brushed cotton that feels like your favorite worn in t shirt. Fits a week's worth of groceries. Concrete, sensory details make the products real in the customer's mind, and the product they can vividly imagine is a product they're far more likely to buy. A great addition to any product page is a short FAQ right there on the page. So take the three at four questions people ask most and then simply answer them. This handles objections, reduces support messages, and it reassures the customer at the exact moment they're deciding. It's a small thing that punches well above its weight, and please don't just copy paste some technical specs or the manufacturer's description. Hundreds of other stores are using the exact same text, which is terrible for the search rankings, and it's generic and lifeless anyway. We your own. You unique description is a part of what makes your story unique. It's what sets it apart. And it's one of those things that's fully in your control. Finally, remember, your copy and your photos work together as a team. We talked about product photos earlier, but the description should reinforce what the images show and fill in what they can't, the story, the feeling, the reassurance. Together, great photos and great copy do the selling for on my own store, I had products sitting there with one boarding line of description, and I showed you an example in the course with a vegan milk. You got to use that space. You got to make sure you post the main benefit. You got to make it scannable. You got to put in a lot of content. You got to put in an FAQ, and that's how you slowly sell more. The same products obviously are going to sell much better. You're going to get a higher row as simply because there's a lot more in it. Now, here are your action steps. So, number one, rewrite your key product descriptions, plead with benefits what a product does for the customer, not just the feature list, sell the hole in the wall, sell the sizzle of the stake. The second thing structure each one as hook first, scannable details second, technical specs last with short paragraphs and bullets. Three, identify the top objections for every product and then answer those objections in the copy. Add the short FAQ on your important product pages, covering the three to four most common questions. And five, replace any copy pasted text with your own original descriptions. Strong descriptions, turn a passive product page into a salesperson that works for you around the clock. Okay. Have fun with it. 20. Ethical Urgency & Scarcity: Welcome back. In this lesson, we're going to talk about urgency and scarcity, two of the most powerful selling tools, but also the ones that are most abused. So I'm going to show you how to use them the right way, the way that actually works and doesn't blow up your reputation. So first of all, why do these even work? Because the enemy of every sale is a delay. A customer thinks, I'm going to come back later, and you already know how that ends. They never come back. Later is where sales go to die. Urgency and scarcity work by giving the customer a genuine reason to decide now instead of later, they nudge a hesitant person over the line. But here's the trap, and it's a big one. Most stores fake it. The countdown timer that often says offer ends in 10 minutes, but actually resets every time you refresh the page. The only two left in stock banner that's been sitting there for six months, customers are not stupid. They've seen these tricks 1,000 times, and the moment they catch you faking, you don't just lose the sale, you lose the trust completely. And on top of that, fake urgency is increasingly illegal. Consumer protection laws in many countries now penalize it directly. So fake urgency is a lose lose. It doesn't fool savvy customers, and it can get you fined. It can bring you legal problems. So we're not doing that. So let's do it for real. The first genuine tactic is a real low stock indicator. If you actually have only three items remaining, show that only three left in stock. That's honest, it's effective. It's factually correct, and it will help customers decide. The keyword is true. If it's connected to your real inventory and updates honestly, sure, that's a legitimate and powerful nudge. Second, real time limited offers. If you're running a genuine sale that actually ends Sunday at midnight, then yeah, sure, absolutely, show account down to Sunday at midnight. And when it ends, the offer, again, it actually ends. The deadline being real is what makes it work long term. People learn that your deadlines mean something, so they take them seriously instead of rolling their eyes. Now, third, real fulfillment deadlines. And these are great because they're naturally true. Ordered within the next 3 hours for the same day delivery, for the same day dispatch. Order by Thursday to get it before the weekend, something like that, right? If your operations genuinely work this way, this creates real honest urgency, tied to something the customer actually cares about. Getting that order sooner. So this isn't manipulation. It's just useful information. Fourth, genuine scarcity through limited editions, seasonal items or small batches. If a product really is a limited run or only available for the season, then say so. Limited holiday edition. Once it's gone, it's gone. So this works because it's real. The scarcity is built into the product, not invented by a banner. Number five, you can use social proof as a softer form of urgency. But again, only if it's real 40 people bought this in the last week, or this sold out twice last month. That tells the customer the product is popular and they might miss out, and it doubles as proof that others trust it. Just make sure the numbers are genuine. Real popularity is one of the most natural forms of urgency there is. And here's a couple of smaller honest nudges. So a free shipping promotion with a real end date combines two motivators at once. And the gentle, honest note that items in the card aren't reserved can prompt someone to check out rather than delay rather than wait as long as again, it's actually true. So again, don't miss out. You have it in your card, but it's not reserved. Someone else might take it, might buy it. So here's the mindset that keeps you on the right side of this. Don't think of urgency as a trick to manipulate people. Think of it as helping them not miss out on something real, a genuine deal, a genuinely limited product, a real deadline that benefits them. When it's honest, urgency is a service. You're giving the customer the information they need to make a timely decision. But when it's fake, it's a con, it's a scam, and the customers can feel the difference. And remember the long game. Fake countdown might squeeze a few extra bucks here and there, but the trust you burn cost you much more in repeat business, word of mouth and brand, especially if you want customers to come back and buy again, and you do because repeat customers are where the real profit is. So then honesty isn't just an ethical choice. It's the more profitable one, as well. Real urgency that customers can trust will outperform cheap tricks every single time. On my own store, I never used a single fake timer, and I never needed to real low stock counts, real seasonal limited editions, and real sale deadlines did the job. And because they were real, customers believe them and acted on them. The honesty was the strategy. Okay, to recap, here are your steps. One, audit your store and remove anything that's fake, resetting timers, permanent low stock banners, any urgency that isn't true. Add a real low stock indicator tied to your actual inventory. That's the second thing. The third thing for genuine sales, use a real countdown with a real end date, and then let the offer actually end when it does. Four, use honest fulfillment deadlines like same day dispatch cutoffs where your operations genuinely support them. Five, when it's actually real, show genuine popularity, such as social proof as a soft, honest nudge. Used honestly, urgency turns into action without ever costing you a penny. So that's what you want to do. You got to build trust, and money is going to follow suit. Good luck with it. 21. Class Project: Audit & Fix: Welcome back. You've now learned the exact changes that turn visitors into buyers. Better checkout, faster loading times, stronger product pages, smarter tracking, and higher average audit values. But knowledge only pays off when you apply it. So in this project, you're going to run a real audit on your own store or a different one and find the biggest leaks. Now, don't worry about being perfect. The goal is to find you have top problems, make a few high impact changes, and then document the differences. Even if you don't have a store yet, you can complete this project using any live ecommerce store as your subject. You're going to learn just as much by analyzing one critically. That's the important bit. Now let's walk through exactly what to do. So in this project, you're going to take what you've learned to a real online store. It can be yours or one of your choosing. Then you're going to try to turn it into a high converting machine. So step one, again, pick your store. Choose the one that you're going to work on. If you don't have one, choose one from city or country that could really benefit from it. Then step two, go to the store as if you were a first time customer. Do it on your phone and then score these areas 1-5. So hero section is the offer clear and 3 seconds flat. Product photos and descriptions. Do they build desire and trust? Next, product page layout. Is the at the card but an obvious? And is the page persuasive? Check out in forms how many steps and how many fields. Is there anything frustrating about it? Speed, how fast does it load, especially on mobile devices on four G? Trust are reviews visible and convincing. And finally, tracking is the pixel set up correctly, the dot chrome extensions that help you check that. Step three, find your top three sales killers. So from your scores, identify the three weakest areas that are probably hurting the conversion rate the most. And step four, of course, fix them. Make at least three solid improvements based on the lessons. Again, simplify the checkout, rewrite the product page, add urgency, but ethically, compress images for speed, add reviews to the product page. In step five, document and share. Post your project with before and after the screenshots of at least one change. Post your audit scores and then a note on the three changes that you've made and what you expect to improve. Now, visually how you do it be it in paint and Figma and Canva, whatever you do in sketches on a napkin. Whatever you want to use, go for it. So the program itself does not matter. Just show me the proposed improvements. What should you share? Upload the before and after the screenshots and a few sentences explaining the changes. Seeing other people's real stories and decisions is one of the best ways to learn. So please be specific and, of course, feel free to give feedback on other projects as well. By the way, one small thing before we end, you don't need to fix everything at once. Take it step by step, do a few improvements, and then we'll take it from there. Good luck and have fun. 22. Wrap-Up & Next Steps: Come back and congratulations. You made it to the end. Before I let you go, let me tie everything together because I don't want this to be another course you watched and then forgot. So here's the one idea I want you to walk away with. Great ads can't save a poor website. You can hire the best marketing agency, the sharpest creative minds, the biggest budgets. But if you store leaks customers at every single step, you're just paying to fill a bucket full of holes. It's impossible. Website is what turns those expensive clicks into actual sales. That's the whole game. And the beautiful part is that none of what we covered is rocket science. It's not one magic trick. It's 100 small details that together create a smooth experience and a high conversion rate. A festive page, a shorter checkout, clear reviews, photos that tell a story, copy that speaks to outcomes, not features. Each one moves the needle a little bit, and together they move it a lot. So here's what I want you to do. And I mean actually do not just nod along. Don't try to fix everything at once. No, open up your analytics, find the single biggest leak in your funnel and fix that. Maybe it's the checkout. Maybe it's your speed on mobile devices. Maybe your product pages are empty. Start where you're bleeding the most and then move on to the next thing. One change at a time. And remember, this is not a one and done deal. The best stores are never finished. You make a change, you measure it, you watch real people, use your website, and you keep improving. Test, learn, repeat. That mindset alone will put you ahead of the vast majority of stores who just throw money at ads and hope for the best. I also want to be real with you. You will not get every single thing perfect, and that's fine. You don't need to be perfect. You need better. A handful of the changes we talked about done this week will already show up in your numbers in your conversion rate and in your role as. It doesn't matter if your budget is 20 bucks per day or 2000 bucks per day or even more. And the best part is you're not paying for any of it month after month. It's just your store working harder for you every single day. So you do it once, and then you reap the benefits every single day from now on. If this course helped you, I would love to see a review. Write a few words about it. It genuinely helps me out, and it helps other store owners to find this course. And if you get stuck or if you need a designer for your photos of presentations, come find me on my discord. The link is in the resources, and I'd love to see what you build. So that's it for me. This is Chris Barron signing. Go open your store, look at the checklist that's in this course and increase your role as. Thanks for watching, and I hope to see you in a different course of mine. Thank you.