Com and welcome to another amazing article in this article, we’ll see the process of choosing the right and the perfect niche for your dropshipping website business. Now, choosing the right niche for your website is very, very crucial in drop shipping business. This is really important and at the same time, it is really difficult as well. Ok, so in this article we’ll try to see how you can select a perfect niche for your website, so this is about some tips and tricks that can help you to select the right niche.
Ok, so let’s get started and before proceeding further make sure you guys subscribe to my blog and also click on that Pelican so that it don’t miss any future articles with that being said, let’s get started, so the first step is doing some initial research. Ok, so we can browse some really popular stores like Amazon, eBay and Aliexpress, and we can see what are the products that are most popular in this week or in this month.
What are the products that are selling a lot and so on? So let me give you three different websites that you can go and you can see a half of how your product, what product you can choose and some ideas about your niche. So the first and the most important one is Aliexpress. So what you can do? Don’t type in Aliexpress, calm type in best-selling taught Aliexpress calm. So once you type in that, you will be redirected to this section now, as you can see over here, we’ll see top-selling products over here, and this is the first one, the tempered glass for iPhone X and, as you can see the price over years, not even $ 1 per pack, it is not per piece, it is per pad and it has sold more than 70-thousand in the last week on just in seven days, it has sold 70 thousands, and you can see some many different products over like this Sami phone.
These bracelets and so on, and these are really selling well like you know. We have 28,000 per week and 25,000 sales per week and so on or if you have decided to go with a certain category. For example, if you have decided to go only with men, category or kids, category baby, category health and beauty category, you can select the product or you can see the product according to your category, for example, here we have health and beauty.
So, let’s click on the this category. Now, if you see or you see the products which are most selling in this category – like I don’t know this girl stuff, all these things. Okay, oh I don’t know all this work, these things at this brush. They do make up with and all this things so nail polish and so on. So you can sell these products. You can see that these perks are really selling well okay, so these are the so once you see these products, you get a better idea.
Okay, fine! So I can sell this. I can get into this niche and so on. Okay, so you can get the idea from this website. You have different categories. This is kids and baby. You have these things, you know you can see, the price is very low and they are selling really well. So this is the first website that you can go to best selling dot, Aliexpress calm, the second website there you can that you can go to amazon.
Com. Slash best sellers: okay: now I am into baby sections, so let’s just go to best seller section, alright, so here we have first, we have toys and games, and you will see these. This is the number one thing under toys and games this USB charger. I guess, and we have some different games than here – electronics, and these are the different things that are selling most in this category – camera article games, whatever category you want to again, if you want to go to baby’s category, you can select from here the baby category And here you can see these things are really selling well, for example, if you cou this is bottlebrush and it is selling at four dollars.
So you can select these things if you’re going into baby category, you can select these things like this baby banana infant training, toothbrush and so on. Now there are many different products. This will give you a very no nice idea about what you can choose. What products you want to sell and whether, if you want to sell the baby category, whether there are many different products available or not, so that will give you a very good idea.
Okay, so this was the second website. The third website is ebay.Com. Slash deals so here you will see the top selling products, the top selling deals on ebay again many different products over here you can see the featured deals. You can see the trending deals that are going. You can see the category or the tech category fashion, category home-and-garden sports category and other categories; okay, so let’s click on this fashion, category and under fashion category, because fashion category is a very big category.
So you can’t you can’t just you know, focus on one fashion. Category, that is a very big category drop shipping business is all about selecting a niche and going as narrow as possible. Okay, so under fashion you can go for reades. Okay, so you will see these different reades are really selling well. So you get a better idea about what kind of reades to sell and so on, okay, so this was the initial research.
This is going to be your first step. Okay, to do some initial research. There are many more websites and many more places to go that you can search for, but these are the top three places that you can go and see. What are the different products available? You’ll get a better idea about your niche okay. Now this was the first step initial search. Now, let’s go to the next step. Now next step we have to see is whether this product is trending or not.
Whether people are looking for this product on internet or not so the best place to see that is google.Com, slash trends or you can type in trends. Com strength start google.Com. Okay, when you do so you’ll be landed on this page now, once you have selected some product from your, for example, you have selected something from here, then you can see and search that product over here to see whether the product which you have selected is trending Or not whether people are looking for all that product on the internet or not, for example, we can search for something like let’s search for cat, just let’s first search for cat okay, now, as you can see, it is a very stable trend.
Okay, we don’t see any town, many any high. Now this is for past 12 months now we can see past five years. So, let’s see now, if you see past five years also, that trend is very, you know it’s just table, so we what you can do. We can just change this thing and we can go into more narrow niche, so we can select like your cat pajamas. Maybe let’s say select this one now, as you can see, this is a better one.
Okay, in five years you can see there is some hike. Oh okay, in this year we see some hike, so you can see the trends whether these products are training or not, and you can also see the category the country which is interested in this product. Okay, so suppose you are selling to you’re planning to you, know, sell all the care products like cat, pajamas cat cap and all those different cat, hoodie and so on.
So you can target this country here. You see the number one country searching for these kind of thing is UK, so you can target UK okay and you see some related topic so you’re like grumpy cat shirt, clothing under cat okay. Here we have Reis related queries and so on just make sure whatever you’re selecting whatever product you have selected, you see a nice stable thing or your stable trend or a upward trend.
Don’t select a product that is showing a downward trend. Okay, we don’t want to do that, okay, so the next step. The first step was initial research. First, do some research and select a product and the second step? What was this one? Whatever product? You are selected in the first step, search for the trend, search, whether that product is trending, whether the product is going upwards or it is gone, doing going downwards or it is a stable product.
Okay. Now, let’s move on to the third step now in the third step, we have to see the competition. Of course, it is almost impossible to find a popular niche with a good trend, but without competition, so before launching Yahoo dropshipping, where a website store, it is strongly recommended that you search for similar web stores on the Internet. If you find several popular websites offering the same products, especially with good prices with competitive prices, you should probably think about finding another niche and product which are generally harder to find.
Obviously, there is no point in creating another generic shoes, car parts or gardening stores. It is better to take a narrow niche and try to be creative. There are many different reasons or many different benefits. You can see also going narrow to select a narrow niche. The first is when you, when you narrow your niche, you get a better understanding about what you’re going to sell. Okay. The second thing is that it’s easier to rank higher in search engines results for research items, because if your website is only about particular thing like we have seen in the previous examples, cat necklace cat pajamas cat shirts, then it is very easy or not very easy.
But a competitor comparatively more easy for you to rank higher in you know, search results, then the third one is due to your speciality. People will be ready to come to you again and again, because you’re the one in their mind: okay, so because you’re pro your website, your stool is all surrounding all this cat thing. Whoever loves this cat thing. They will remember your website, okay, so this website was good.
It was selling all the products that I am interested in and they will remember your website for a long time. It is really helpful. The fourth thing is that it is always easier to focus on one audience and plan your marketing strategy. Okay, so you can its. It explains the point that you have a very limited audience and you can focus on them and you can plan your marketing strategy accordingly. Now the fourth step is to see whether the product that your that you have selected is in stock or not whether the product that you have selected has different varieties or not, okay, because we don’t want to end up selling only cat caps.
Ok, our website selling only cat caps. That would be not a very good idea. We want to, I know, expand that a bit okay. So we suppose we have selected this cat or maybe some different thing like sonic people like sonic, so now, sonic cap, sonic curve, short sonic, hoodies and so on. So once you have selected that product you can go to Aliexpress Kong, because that is the most famous strong shaking website, okay, and by the way, if you want to learn how to create a drop shipping website step-by-step, you can see a link in the article description Below click on that link, there is our three hours long article step-by-step.
You can create your own drop shipping website from scratch. Okay, so suppose you have selected some product category, what you can do you can come to Aliexpress and search for that, for example, let’s search for cat – and if you see over here, the cat category has around 2 million results, which is a very good thing, which Means that this thing has a lot of products: okay, we have different cat styling, your cat eyeglass, I glasses cat toy cat, bad cat, t-shirt and so on.
Cat ring cat socks. So there is a lot of variety and lot of products available for this particular niche or this particular category. So this is another step to check the stock to check the results to check the you know: different varieties and different products available. Now, once you have checked the different stocks available after that, what we can do, we have to compare the price because see whatever price.
Whatever product you are going to sell, that product is probably you know, it will be available on maybe Amazon and so on. So you have to see the price if the product which is which you know importing from Aliexpress is $ 10 and Amazon is also selling that product on $ 10. Then why will anyone come to your website to purchase this same product for the same price, so that is not going to do so? What we have to do we have to select for we have to now.
The next step is to see the price difference. Okay, so first, let’s go to Amazon and let’s search for something called cat necklace. Okay. Now, if you see oh, you are there many cat necklaces available and the price you can see: 26 dollars $ 24. Okay and these things are also having no decent ratings. So our product that you are going to search on Aliexpress has to be honest at a lower price. So let’s come over here, let’s search for cat necklace again all right! So if you see over here, we have a better necklaces over here.
Okay and the price is also so much diff. In fact, if you see this one now, this is the exact thing that we’ve searched all year. Okay, as you can see, this is the exact necklace. This is $ 26 and you’re. Getting this thing on Aliexpress for around $ 2? Okay, so this is a very good sign that okay, fine, so you can sell this product easily for 1020 dollars, okay, because it is selling for $ 26 on Amazon.
You can easily sell this for $ 15. On your website, so you’re getting a very nice marching on this product, so the next step that this step in this type you have to select, and you have to search for the pricing. The pricing of your product has to be, you know, very competitive with Amazon, because people don’t want to go to Amazon and see okay, I am getting the same product at a lower price because at the end of the day, people are seeing the price okay.
So this is also very crucial step now. The last step is to see the Keyword planner. So what you can do you can open a new tab and type in keyword. Planner, okay, go to Google type in keyword planner. You will see this. This link add word, link, advert or google.Com click on that link and, let’s start using keyword, planner all right guys. Now, as you can see, this is how it will look and obviously first it will ask you to create a website or to create an account on Adwords.
So you can do that easily within few minutes. I have already done that. So if you go to this thing here, you’ll see this go to link click on, go to and search for keyword. Planner over here you’ll see this keyword, planner click on keyword planner. Now, here you have to enter that keyword so that you can see what is the monthly search? What is the monthly number of people who are searching on Google for this product, for example, if you search for cat? Obviously this is a very huge, very common keyword, so it will have a lot.
As you can see, it is around 1 million to 10 million people are monthly searching for you know cat kind of thing, and if you go in more detail like let select cat, maybe necklace, let’s see cat Nicholas, let’s go to get results. Okay. Now, as you can see, around ten thousand people are searching for this produc product cat necklace cat jewelry cash pendant. Then you have different things over here.
Okay, so these this is the number of people you can see. The competition is quite high over here. You can see the paid over here all these things. Okay, so, basically, here you have to see the number of people that are searching for your product and that should be a decent amount of people. Okay, a decent amount of people should be looking for your product. On Google, okay now, obviously there is a better way to market your product.
People are really running good and they are getting a very better and positive results on Facebook, marketing, Facebook, strategic marketing. If I get a chance, I may create a article on how to you know, run different Facebook ad campaigns and how to target people for your drop shipping business. If I get a time in the future, I will try to create a article on that. Okay, but here you can see the what are the amount of people, monthly search, competition and the price for this one.
Okay, guys. I think this is it for this article and there could be many more tips and tricks like don’t try to sell products like glass and so on, for because your product is ultimately getting imported from China and you don’t want any. You know product like that. That will get you into problem. Okay, so product is getting imported from China to maybe India, UK and that product. If it is a glass thing glass, there very high chance that they’re very high chances that it may get broken and so on, and also try to avoid products like knife and so on, because in custom you might see some problem.
Okay, because safer knife is imported from China to some country and I’ve. That country has some rules against that. Then you could be a problem. You could be in a problem: okay, so avoid using these kind of product on on your drop shipping business website. Okay, alright guys, so this is it for this article. I hope you guys find this article helpful hope this tips and tricks helped you guys to search your perfect niche.
Okay, if you, if you find this article helpful, give a thumbs up to this article. If you have any doubt any questions, any comments, any queries, any suggestions for me leave them in the comment section below and don’t forget to click on that red, subscribe button and also click on that pelican, so that you don’t miss any future articles with. That being said, thanks a lot for reading guys see you soon.
I work together with my brother Emanuel, As you can see from this picture. We look the same so you know we are brothers, We run a small family agency called Blagonic Brothers and our goal was always to optimize our process and provide extra value to our clients.
That’s why, over the years, we were focused on delivering our designs as HTML and CSS templates, as opposed to static images, and this proved to be one of our great advantages in the future. That’s also the reason I’m doing this. Talk for me, it started almost a decade ago with this great book by Jeffrey Zeldman, Designing with Web Standards, and this was during those prehistoric times of the Internet, while there were no rules or guidelines on how to create great Websites, this was our starting point for most of The designers or turning point Mr.
Zeldman preached why web standards Are important and for me personally, this made me a better designer I wanted to excel at building web Standards compliant websites, so I’ve grown quite fast and writing HTML and CSS because it was important for me. To deliver those designs that are both accessible, that works great in the Browser and not just look good and when you’re taking a problem, we want To solve it around the web or on your mobile, we have to find the right tool.
The right Approach to solving that problem, building websites is hard and it Hasn’t gotten easier over the years, most designers spent a lot of time. Designing Websites in Photoshop or Sketch or other graphical programs, but the results of Those website of those the programs are not websites they’re only Representations of websites a static images – and this is not a problem by Itself, but a static image reproduce can often set unrealistic expectations for Overall experience when presenting static designs to clients, I always try to set expectations in Advance so that we can focus on the functionality and not only eye candy.
That’s why I spend more time in code than in Sketch. Nowadays, for example, you can easily test Interactions on a static mock-up: yes, there are tools like InVision or Proto.Io or something like that, but you can’t really test how it would work. In the browser, so you always have Some overhead work that you have to do to test something that won’t necessarily Work in the same way, and there is still no easy way to design for Different resolutions in graphical programs responsive web design.
It’s Still the most natural thing to do in the browser directly and although working With content has gotten easier over the years there are plugins for Photoshop and Sketch, which lets you generate and input dynamic, content and Then test with those, it’s still sometimes much easier. If you want to Test, for example, a really long title to just fire up the inspector change, the Heading and see how that breaks the whole flow of the page and one of the Main problems of delivering static design mockups to developers that we can’t Specify everything we can specify only the visual layer and that visual layer can Often be misleading, our website should be a work of art that can be Put on the shelf and admired it should be a functional thing.
That actually solves a goal we pre–defined earlier for users and if we were to Test, for example, this HTML prototype. If we were to create this website as an Html prototype to test it in browser. We would get two completely different results: Completely different feedback by designing a perfect use case on a Desktop and transforming that on the mobile, if, if you were to choose like low Contrast, tax or or large background images they don’t fit well and the Mobile, we would get unreadable text and maybe the most important call to action.
On our site in this specific case would become completely invisible, and this is Not something we want to do so everything is great when we are at home, I working from our Wi-Fi, but When we are on a mobile connection like edge, then things start To get bad and if you had like this kind of website, That load slowly, the overall user experience with you could pretty degrade or due to poor choices of fonts font, weights or font sizes.
The text in the Browser would not be legible. All the fonts and the static markups Look great in the browser: it’s a completely different thing to do to a Different font, rendering technology and browsers and some basic things like Skipping content sections using the keyboard to navigate to to the site, like I personally do on modals and Carousels and something like that can be frustrating if it doesn’t work, so this is also something that we Couldn’t test in an image and small touch? Targets are usually Evident only on smartphones and tablets, you can’t really design those in Photoshop you can’t really test those in advance and you’d believe that we’ve Mastered the hover and focus states by now, but still designers, don’t design for These things they often forget about it because they are designing only for the visual layer, which is not often deep enough, and one of my favorites is that When I get on this page that uses up a badly implemented parallax effect, The whole browser, on my whole hand, computer chokes, and this is a really bad experience, and these are these are, of course only some of the Things that I see when I visit the website, someone else might see a completely Different thing: we should instead modify our approach to making design decisions.
We should set some fixed ground rules before we start to design and if we Define our expectations before we start to design, then we can tackle these Challenges during the whole process and not at the end and it’s important to Mention that with the average website weighting almost two megabytes, if you want to really keep Performance in mind as one of your main goals, then you have to think in advance after you added everything.
It’s too late. And if you want to create a page, it is simple to use. If you want to think about accessibility. Then that should be one of your main goals. Yes, it’s nice to create beautiful Animations and interactions but make it functional first and polish after that, You will always score points with users if you are creating a functional Interface and designers cannot often get carried away by building animations the That they tend to forgot that the whole the whole website is unusable and with thousands of Available web fonts to choose from it’s hard, not To get distracted when setting type so please keep your readers in mind.
Try to choose the font that that fits the context that fit that fits that the copy That the client has sent you that you can use and although we came a long way with Accessibility, we have good tools, libraries and Resources and accessibility is also very well very well received in our WordPress community as well. This live captions, for example, prove it. This is Still something that we have a long road ahead, designers and developers often say but Yeah but people with disabilities, like those users with disabilities, are only a Small percentage of our whole user base, but this is simply wrong so next time you design that custom Checkbox, you coded in java script with two lines of code: think about how you’re affecting that Something that by default works and if you are making the whole thing unusable for someone else who doesn’t Necessarily use the computer the same way you do and to name only a few.
There are, of course, many more goals you can set. These are only some of the goals I set When I start to design good design can be hard, but we can pull it off by making Decisions and meeting our users where they are in the browser designing in the browser Doesn’t presume that designers need to know how to write HTML and CSS, but it Presumes that they should be aware of how certain things work in the browser They should be able to talk to their team members, front-end developers, back-end developers to work together.
Browser here is really a synonym for making decisions, an actual feedback and usage, and that assumptions I found that style guides. For example, Help transpose the design process from a single point of view to include multiple Perspectives, we talked about earlier, not only the visual perspective and that helped deliver a better experience. Style guides are in a way of changing the way we deliver design.
Nowadays and 10 years ago, we were used to Delivering like different iterations different pages like static PSD’s or Images that what that was okay at a time, but now it’s much easier to just Deliver HTML templates because all the interactions, all the responsive, Breakpoints, all the different resolutions can be can be tested in an Html and style guides builds upon these ideas for helping us define a set of Standards and guidelines, we are effectively building a design system.
That way, and one of the great things about style guides, is that they Are encouraging modular thinking it’s in our best interest to keep things Simple and to reuse things as much as possible and modular thinking is Responsible for the delivery of the building blocks or LEGO bricks, they are a part of that design system and where we once delivered only HTML templates. We can now deliver our HTML chunks.
Which can then be used to create different pages, different variations and They say that one characteristic of good design is consistency. Well, having all components laid out on a single page can help us in making sure that we don’t over do with fonts or Colors and by observing how certain interfaces work and look on their own and As a part of a whole system, we can get a broader perspective on consistency.
And colors and fonts are only an example of that visual consistency. We need to Get right components presented in style guides are by nature self-documented for Example, let’s take up navigation tabs component if you were to See a page where that component is in the hole, noise of other components or different things, then you’d have a hard time to see how that component would work alone. You would not be sure if you can just paste it in the sidebar or use it somewhere else, but when you’re looking at that component, Stands out in the style guide and you’re quite sure how that works? You can see what the modifiers are and You can see how you can actually use it somewhere else.
You know that this is a building, brick You can use to build something and living style guides also referred to. Sometimes as front and style guides combine the power of automation and Templating to to display those styles components in code examples; basically, every pattern we see on the Website is a reproduction, an instance or duplicate or the actual components used. In the project and, for example, if you change the style of that specific Component, even slightly the changes will be visible throughout the site and in our style, get as well.
You have to remember that if the style Guide isn’t updated accordingly, it will become obsolete over time and then we have no use for style guides. But besides automating, it’s important to be able to Pass dynamic data to each module to each component and see how different content Shapes our design, we can’t work with lorem ipsum only I try to define a set Of variables for each component and then pass custom, custom content values that Way I can use that single HTML chunk of code on different places and get Different results and testing long titles or different images is not a Problem and by combining those two automation, Dynamic data we can get reusable code patterns and then generating different Variations is simple because we are always using only one HTML, so what we actually deliver.
Two Designers and developers and clients well a set of rules and guidelines. It’s Much harder to deviate in the future, if you have everything laid out to the Detail what colors are used where what fonts and things like that, but we’re Also, during those components, those building blocks we’re delivering a design system. Components that follow the rules and guidelines we set before – and this is Important, if you want to have the project that can involve after that and This goes without saying, but we we are also delivering examples of different pages.
And different flows, for example, our user onboarding process or web shop check out Or something like that, and since we have automation and dynamic Content already in place in our workflow, then it’s a breeze to Generate like dozens of pages with different forms, if it’s necessary, but we Are also delivering our best practices, our expectations and our goals about Accessibility and usability, and things like that and if we strive to include Our best practices in our process – and this will also reflect in our delivery.
And although style guides can be daunting to start with, there are plenty of tools and resources. That can help you get started, but it’s best start simple and complicate gradually. I found that styleguides.Io is a really great place to start. It holds a different collection of tools. Articles, it even has a podcast and you can see What kind of style guide generator tools would help you in your process, but you Can start simple start by creating an interface inventory? This is basically, in my case, a spreadsheet where I’m trying to document all the Different components and pages I have on a project and I try to list their Basic properties, like names descriptions I try to define naming patterns for Navigation components and what’s more important, I try to take a look of each Component from multiple perspectives, so if, for example, if i’m working on a carousel component, I try to specify what Other third-party libraries i’m going to use to make it accessible and I try to Write everything down and after that you can define the colors font choices.
Different form examples default elements and, if you’re using this is Preprocessor, which most of us are using nowadays, then your LESS or SASS or Stylus Variables is a pretty good place to start. You have already defined all the Important things that shouldn’t be changed and should be only used on the side and now it’s time to display them to others and design. Discussions are Usually, usually much more productive when we can focus on a specific Component as well, where, before the client would comment on The whole page like “, I don’t like this” “, But I can’t explain why”.
He can now also Comment on a specific component and he can see that typography and colors are Only building blocks of that design of that design system and discussing an Improving overall design then starts with the smallest component. First and since you’ve taken a modular Approach, you already have the building blocks and you have to include These patterns in your style guide, but if you really want to keep your style Guides relevant then they should be based on your codebase.
You have to find a way that suits you best to automate the process of Generating and updating those style guides, in my case, i’m using a Knyle Style Sheets. In short, KSS is a CSS documenting methodology which enables documenting Important things like description where it falls in the style guide, maybe we define an HTML example. I can Also include those HTML chunks directly into as a reference in CSS code and this Allows me to generate quickly and without much problem examples for different state of buttons.
Or different things and the best part of designing in the Browser is the thing you can use all sorts of tools from testing from your Browser inspector that is already built in or to third-party scripts and services For example, if you want to test accessibility, you can use this awesome great little. Js library, by Khan Academy developers, you include it on the site and it Highlights all the potential problems, accessibility problems you might have in An HTML, for example, maybe the color contrast Isn’t good enough and you can correct that – and this is not something we could Do in Photoshop, so this is one of the great advantages When you are working with live code or if you are not happy with your page Page Speed score: you think the site could be could be loaded faster.
Then try to do a Few changes try to see if that background article, the Client insisted to be put on the website really helps and benefits the user and You can then use and leverage those results to your clients and stakeholders. To actually make the right decisions, it’s much easier to talk with numbers; And starting with style guides can be hard and implementing this approach into our Own process and existing development process can be challenging, but designer’s Job is not always easy, but going that extra mile pays off and all the good Design can be hard.
It makes perfect sense by designing in the browser I’m able to communicate better with my Clients by designing in the browser I dramatically reduce the delivery time. While also being able to add extra value to the project which the client was Really happy afterwards and by designing in a browser, clients can become a part of that design. Process from the start, thank you.
You skipped lunch to come here about search, no pressure, so my name is Maria and I’m a webmaster trends. Analyst coming all the way from Switzerland to talk to you about search and I’m John Mueller. I’m also webmaster trends, analyst we’re both from Google Switzerland. Our role at Google is to help the web ecosystem to be more successful in Google search.
So we hope we can bring some of this across here as well great, so I want to start us off with an example of how this actually works, so you can get an idea of what you as a developer, can do to be more successful with search. So this is Japanese website Rakuten recipes and they wanted to get more users. They also have a ton of delicious recipes on their site, so they were wondering. What can we do to get more people to notice us in search and what they decided to do? Is they changed their CMS in order to be able to markup every recipe that is added to the site, with structured data markup? What this does is it lets the search engine know that there are different entities, so things like cooking time, different ingredients, a picture and lets us display the result in a much more attractive way in the search results and the site itself was in Japanese.
So we decided to switch off the markup for those of you who don’t speak, Japanese to something more legible, so instead of dumpling, so you have here a party coffee cake, but it works the same way for dumplings, and this is how this ends up. Looking like in the search results, so you can see that, in addition to the regular elements of the search page, so they have a title, they have the URL and then they have the description.
They also have a really nice picture of dumplings, and then they have the cooking time as well. So this worked out for them pretty well in fact kind of spectacularly, so they got 2.7 times more traffic from search yeah and we thought you know developers usually don’t get as much advice around search and they might not even know about all of the pitfalls and Possibilities shouldn’t we share some of the knowledge with them, so with you all as well, so we hope we can show how search can make your projects a little bit more successful.
So today we’ll look into various types of public web presences and gives you a broad overview of specific details that you, as a developer, can read out for and implement, and these details can help make your projects more successful, on search making it easier for search engines To send users to your projects directly, so you might be thinking as a developer. I don’t really care how or if my stuff appears in search, but probably your customers, your users, the people that you’re building these projects for they do care.
And since you control how your content appears in search, you can have a huge impact here, think back about Rakuten recipes and what they did there. Globally. Google search and Google News send Philly ins of visitors each month to web sites for free, and it’s not just about web sites. We’re going to be looking into various ways that search can work depending on what you’re working on a website is just the most common format.
You could also be building a web app which is kind of similar, but slightly different as well or you could be contributing to a content management system, its so-called CMS, which enables others to build web sites of their own or as a part of that, maybe you’re Working on plugins or themes or extensions for these content management systems, we’ll take a brief look at these, as well as detailed recommendations for each of them and, as I mentioned before, search brings billions of visitors to websites every month.
That’s a lot of visitors. We serve trillions of searches each year and out of those, this is quite surprising for me every time I look at it about 15 % of the queries every day are completely new ones. Things we’ve never seen before, so maybe they’re looking for one of your projects and regardless of what you’re building if search engines, understand your content, you could get a lot more visitors and potential customers with search.
So you as a developer, you can control that through the way that you set up your website or content platform, so under these Sandy’s better, let’s take a quick look at how search works right so in order to be successful as a developer in search, you need To know at least the basics of how it works, and I’m going to take you through the super super high-level picture of how it works. If you’re interested in the details, google.
Com slash jobs, welcome to apply, and then we can go into a lot more detail. But let’s get started with the super high level picture, so we generally talk about three things. First crawling and discovery, then indexing and finally ranking and serving so I’m going to show you very briefly what each of these things is about. So, of course, in order for us to be able to show anything in the search results.
First, we need to be aware that it exists, so we have a series of systems batterer going around following links on the web and downloading web pages. Html files, you know all the different resources that come into making a website like javascript files, CSS images, what-have-you and those systems collectively are crawlers and we call them Googlebot. So the goal for us is to find everything that is fresh, new, interesting, relevant and important, and to do that in an efficient way and in order to know which URLs to crawl and in which order.
We have another set of systems which are known as schedulers. So they queue the URLs for the crawlers to go and fetch, and all of this gets then stored. So you might think that this is a pretty simple process. But if you start thinking that we have to do this 20 billion times per day, then you kind of get an idea. It’s a little bit trickier than it seems at first sight. In fact, in 2016 we saw a hundred and thirty trillion pages and a new link that we see usually there’s two more links that we’ve never seen before so there’s constantly new stuff and we have to decide what to crawl.
How to update and to do this. In the most efficient manner, so whilst we find the content, we have a series of other tasks. First, we have to make sure that we are allowed to access that content, and for that we will first go every time. We access a site we’ll go to a file called robots.Txt, which is a pretty simple file containing instructions to search engines and other crawlers, and it tells you this is okay to fetch, and this is not okay and we obey this very strictly.
So that’s the first thing that we’ll try to find on a website. The other thing that we’ll try to do is to get as much content as possible without troubling the normal work of the server. So the website can function and serve its clients as usual and then finally we’ll try to handle errors gracefully. So as a developer, you have two tasks here: the first, if you remember again that we do fetches 20 billion times a day and we see trillions of pages every year – is that your content should be really easy to discover so ways to do.
That and John will go into a little bit more detail later is to, for example, submit to us a list of URLs. They have like a sitemap or also check that all the resources that are necessary for your site to be rendered are accessible to our crawlers. So once we fetched everything that we were able to fetch, we go to the next stage, and that is indexing. So here we’re going to parse the content and into this comes things like what language is this page? Are there any images? Is there a title? Is there a description and other different elements on the page, so to do that, we also try to render the page and as a developer, especially if you’re building a lot of really cutting-edge fancy things.
You have to keep in mind that currently, the search systems are using chrome 41 to render pages. So not all of the different functionalities that you might be thinking about could be supported by the search rendering systems, and if you want to find out more, I would suggest that you have a look at the talk that John did earlier today in the morning. In case you didn’t wake up at 8:30 to see it, it will be available in YouTube and you’ll be able to see a lot more about what we support and search and how to render things properly.
So, of course, given the huge amount of pages on the web, we also don’t want to index more than one of each unique thing. So we have a lot of systems in place to eliminate duplicates and to keep only one copy of each thing and then finally, we don’t want error pages and we also don’t want any spam. So we will kick all of that out and everything else that we want to keep we put in the index and we process it so that it’s ready to serve to users when they search.
So for you as a developer. Here I guess it’s important to remember that key elements like titles and descriptions are available in each page that your users are creating and then also to check how it’s rendered. But John will go into a lot more detail here later and then. Finally, once we have everything in the index, when users start searching we’re going to pull a set of pages, that we think are relevant results, we’re going to add a bunch of information that we’ve already accumulated to them like how important they are and how they relate To the users query and then we’re going to show them in some specific order that we think it’s most relevant for this user.
So this is mostly on our side and you don’t need to worry about anything here if your content is already accessible and easy to render, but if you’re really interested in ranking and search quality again, Google Chrome, slash jobs, there’s plenty of interesting problems to solve. So now that you know how search works, let’s have a summary of the two things that you need to remember. There’s. First, you have to help us find the content and second, you have to help us evaluate the content.
So if you’re able to do these two things you’re pretty much set as a developer. Now this is super super high level. So what we’re going to do next is show you how you can apply this for each specific thing that you need to build, so we’re going to start with websites and John is going to share with you some very specific advice about what to do, and what Not to do when you’re building a website for someone all right thanks Maria, that was a great introduction into search.
So, like you said, let’s start with websites, you can build a maintained one for yourself to kind of showcase, your own content, or maybe you’re doing that for other people to show to let them create websites on their own. You might be thinking that showing up in search isn’t really your job as a developer, but, like we mentioned before as a developer, you play a really big role in kind of putting everything in place, so that search can pick up the content properly.
So that’s really important for us when it comes to websites. I think it’s worth taking a really big step back and looking at the absolute basics. So for us, that’s a URL. That’s essentially the address. That’s used to address a single piece of content on the web. Perhaps surprisingly, URLs are the cause of an solution to a lot of web search problems. Traditionally, URLs on the web started out quite simple.
Their requests that sent to the server and the server responds with unique HTML per URL fragments within the URL. So everything after the hash sign here. They essentially just lead to a different part of the same page. Javascript changed that a little bit and suddenly a single URL could do a little bit more and show different kinds of content and provide extra functionality to keep State some JavaScript sites use fragments, since these were easy to set with JavaScript.
However, Google generally doesn’t support this and, as far as I know, no search engine supports addressing unique content with individual fragments. So nowadays we recommend using JavaScript history API to use normal traditional, looking URLs, so in short, with URLs, stick to something more traditional. Another really important thing that comes into play with your ELLs is that often you have many different URLs that lead to the same content as a developer.
That’s usually no big deal and you can look at that. You think well, index.Html. That’s obviously homepage I mean that’s like every developer knows that, but for search engines, that’s not so obvious. It could be something completely different. Sometimes you also just track ad tracking parameters to URLs, and all of these different URLs are essentially for search engines, separate pages that we could look at and say well, there might be something different here and you can imagine at 20 billion times a day that could Lead to a lot of inefficient crawling, so we prefer to have a single URL per piece of content, and there are two ways that you can do that the first is to consistently use the same URLs across your whole website.
So if you have internal navigation link to the same pages, if you have a sitemap file, like Maria mentioned, you use the same URLs there. If you use anything to guide people to your websites, make sure you use the same URLs there. Instead of having these different patterns that only two the same thing, and secondly, one element that you can also use is the rel canonical link element, which is something you can place in the head of a page that tells us well search engines or Google.
If you look at this page, this is actually the URL that I prefer you look at. This is the one that I want you to index and together. This makes it a little bit easier for search engines to pick the right URL. So we have your ELLs covered. What else is there? Let’s take a look at a typical search results page, so we have on top the title in this case the Google i/o schedule page. Then we have the URL which is right below it.
In this case, it’s a it’s a breadcrumb URL, we’ll look at that briefly a bit later as well, and then you have the description. So these are three elements on a search results, page that are immediately visible to everyone who is searching for something and they come from your pages directly. So it’s something that, as a developer, it’s really easy to place. When you look at an HTML page, they’re, very visible and easy to find, so we have the title on top.
This is really easy to put in here. We have the canonical tag, the rel canonical link element, which is also really easy to place, and we have the description meta description. So while these elements don’t directly affect the ranking, so the order that Maria talked about they do affect how we show a page in the search results and with that they do affect how people actually come and visit your pages or not.
So we’ve seen a few of the basic elements here, like the metadata, the titles URLs and the descriptions. What could you as a developer do to make that a little bit easier, especially if you have various people who are using your website your project, to put content online? We recommend making it as easy as possible for them to do the right thing, so not just for you as a developer, to put titles descriptions and all of that into your pages, but also for those who are creating pages on your platform.
To put that in there, so here you see a user interface from blogger with a really easy way to just add a description to individual pages, and we feel the easier it is for for people making your pages to actually put this content in there. The more likely they’ll actually do that. So when we looked at the search results, we saw this kind of breadcrumb there as well, and a breadcrumb is for us something.
That is something that you can provide on your pages to make it easier to understand where this page belongs within your website. We call this a type of a rich result, because it’s not just the pure text text result and there are different kinds of rich results that you can also use. For example, you could add markup for articles. If you have articles on a page, you could tell us about podcasts, which is really cool, because there’s a podcast player built into the search results.
So if you have a podcast, if you have a project that includes audio content, then suddenly that content is immediately available. In the search results, without anyone needing to install an extra app which is really cool and then finally, recipes, of course, which we saw with Rakuten in the beginning. So how do you get all of these rich results? Well, Maria mentioned that briefly. Essentially, it’s just a bunch of json-ld markup that you can add to the top of your pages.
That gives us a lot more information. So this is something that you can just add to the pages here. It’s really easy to add. We have a bunch of different types of markup that you can add here, there’s a code lab here for i/o as well on adding structured data markup. So if you’re curious on how to do that, I definitely take a look at the code lab. I have a link here and the code lab includes information on finding the right types of markup to add how to add it and how to test it.
So that’s a great thing to check out another element when it comes to web pages. If you’re working on just a general web page project is speed. For us, speed is a ranking factor at Google, so it helps us to determine which pages we should show in. In the order in the search results, but generally we’ve also found that speed. It makes a big difference even outside of search engines and the various tools to test speed.
We we have a link here that gives you an overview of the different testing tools that we have. One of the tools is PageSpeed insights, which I showed here. That gives you a great overview of what you could be testing, what you could be looking at what you could be improving and then one other really important tool when it comes to search, is search, console kind of what the name says so within search console, you Get a lot of information about this whole pipeline that Maria showed everything from discovery to crawling to indexing and to serving so how we show your pages in the search results.
You can find information about this in search console. Additionally, we’ll also alert you of critical issues. As they arise, so we strongly recommend that everyone checks this out if you’re, making a public web presence, anything that you want to have indexed and searched and looks like a lot of you do so. The first step when it comes to search console is to verify ownership. We don’t show the data in search console to just everyone.
You have to kind of prove to us that this is actually your website. One thing that I find really important here is, if you’re, making a project for others online, make it as easy as possible for them to verify owners so make it possible for them to add any of these verification tokens so that they don’t always have to go Back to the development team say hey, I need this special file that has this content and put that on a page.
So we we talked about websites quite a bit, but web app is another really important topic which I imagine a lot of. You have seen in different ways here at i/o already for us. A web app is kind of like a normal website, but it provides a lot more interactive functionality. Interaction may be logged in view personalization. Maybe it has parts that don’t actually need to be indexed as well. For example, a travel business might have information about timetables and general pricing, but also have detailed information about kind of specific connection plans for individual connections or personalized pricing as well or in this case.
For search console, we have a lot of general informational pages as well as a lot of content, that’s kind of unique and where you have to be logged in to actually gain access to that. So for these types of sites, you kind of have to balance between what you want to have indexed and what you don’t really want to have indexed and for web apps in general. I’d also take a look at the JavaScript site session from earlier today, so one there are few things that we found that are kind of unique when it comes to web apps.
That, generally, don’t play such a big role on websites in general, especially if you’re making normal HTML pages. The first one is how to actually find URLs on your site. So we talked about URLs briefly Maria mentioned how important they are for discovering pages and within web apps. We’ve seen that people sometimes don’t use traditional anchor tags to. Let us know about your ELLs, so in particular we we love finding things like this.
Where we’ve have an a tag, we have a link to a page. We control that it’s really easy to find. It’s a lot trickier when you have something like a span that essentially just calls a JavaScript function with an onclick handler, then search engines when they look at that. But, like I don’t know what what do we need to do here? Does this show a dialog? Does it show new page? Does this go somewhere? We don’t know so we can’t crawl this kind of a link.
So what you can do, if you want to have an onclick handler and handle things in JavaScript, is combine the two. So you have your onclick handler and you have your href attribute to. Let us know about the other page that we can go off and crawl. Another extreme when it comes to web apps is that we often run into situations where we see tons of different URLs, which makes it again quite inefficient to actually crawl through.
So there are different things that you can do here to. Let us know about this. The first is obviously to avoid actually going off and crawling all of these different URLs. So if these don’t provide unique functionality that you need to have indexed separately, maybe you can use other ways of linking to them other than a element. Another thing that you can do is within search console tell us about individual parameters within the URL that you don’t care about.
So this is really neat tool, but it’s also very strong functionality in that. If you set this up incorrectly, then of course we won’t go up and crawl all of these URLs, and if this is something that you care about, then suddenly we won’t be able to index that. So I read out for this, but this is a great way of handling this kind of duplication within a website. Again like like we talked about before a lot of web apps use, JavaScript frameworks and for JavaScript frameworks.
You have to read out for some of specific details as well, so that we can actually render the content that we can crawl and index the content in an efficient way for that. I’d really refer back to the JavaScript side session that we had this morning. A really quick way, if you just want to have a short view of whether or not your javascript site your web app works for search, is to use a mobile-friendly test which is shown here, which shows the mobile view as mobile Googlebot would show.
This is really important for us because we’re switching to mobile first indexing, where Googlebot is actually using a mobile device to for all pages rather than a desktop device. So definitely make sense to check this out and we also have a bunch of best practices and general guidelines that that apply more to web apps that you can check out in the other session as well. So what do you do if you’re not just building one application or one website, but rather a whole platform? I don’t know Maria.
Can you tell us more? I have some ideas all right, so you could be building an individual site or a web app for someone or for yourself or you could be contributing to an entire content management system or another hosting platform. And here what I mean by this is any type of platform where other people can create their own online presence, so it can come in different flavors, for example, it could be something like WordPress, where you could download it and host it on your own server or It could be a fully hosted system, plus your own domain, like Squarespace, for example, or it could be something where you just get a URL on their own domain and also it’s hosted by them like Tumblr.
So there are all these different flavors and you could be working for a system like this which, in its own turn, has a bunch of users. So what you do affects all of these people, and that is a lot of power and a lot of responsibility. So we’re going to talk about what can you do to make all these people successful in search by making some changes to the platform itself? And this is a really important topic for us right now, because more than 50 % and growing of the web is currently build on various CMS’s.
So more than half of the content on the web is affected by the systems and if you’re working on one of them were planning to do so in the future, it’s really great, if you’re able to make those people successful in search as well, because that’s why They came on the web, they wanted to connect to others, maybe find some customers and so forth. So we’ve been thinking a lot about this and we’ve built a set of api’s to help you integrate search functionality directly into the interface of those systems, and I want to show you api’s and how they’ve been integrated already.
Maybe, to give you some inspiration and some ideas about what you can do so as John was mentioning before the first thing that we need in order to show any type of search, information or search functionality is to have proof that you are indeed the owner of The site – and he mentioned how this works for individual sites, so you can have an HTML file. You can use a DNS entry and so forth, but for those users, especially for the less savvy CMS users – wouldn’t it be great if you could actually simplify it to one click and it is possible with the verification, API and three-legged OAuth.
So we’ve built this API. So that you can use it, and if the user authorizes you, you could verify their site, which is hosted on your platform on their behalf. They just need to click one button and they immediately have access to all the search information. So the experience for them is really smooth, and you can do this for a thousand users or for two million users or whatever it is, and then immediately they get access to all kind of interesting stats.
Which brings me to the next API, which is the search console API and that provides access to aggregated stats per site. So you can see things like clicks impressions, crawl errors. You can submit a sitemap through there and you can slice and dice this in many different ways. So, for example, you can look per country per time period or per device, and you can build very interesting interfaces with that, and here on.
The slide is an example of a request where you just pulled the top 10 queries per clicks for a specific period of time and then, as a result, you would get a table where the query clicks, impressions position and so forth. Now a table in itself might be informative, but it’s not really exciting. So let me show you some ways in which existing CMS’s have actually integrated. This we’ve been working with Wix and they created this achievements sidebar for their users, so they’re using the search analytics data to give this little badges every time.
Something happens that they think the user will be happy to hear about. So their users are super excited about this gamified approach and they’re constantly looking there in order to see okay. What did I get now? What did I get now? So here’s clicks and impressions built in an achievement sidebar like this we’ve, also been working with Squarespace and actually just this Monday, they announced this new report that they integrate it into the interface of their own CMS.
So what you see here is the one-click verification when the user click connects to Google in the backend, their site gets verified, and then this report gets populated with information from search console. So here the user can see clicks impressions and the time series over the last month. Squarespace has a bunch of other analytics reports inside their CMS, so people can compare and build the full picture of how they’re doing in search – and at this point they don’t even know that search console exists, but they have everything that they need to know how they’re Doing and to accomplish the correct tasks right there in their Squarespace dashboard.
So we’re pretty excited about this kind of functionality and we want to build up on it and we would be looking forward to work with other CMS’s if you’re, representing one and you’re interested in this. Another thing that we really wanted to help users with is get their content as fast as possible on the search results, and so we’ve been looking into ways to use the indexing API that we have in order to get content submitted super quickly and then also be Able to share the indexing decisions, so what did our search systems think about the CRL and what do they want to do with it? And we worked on this for a few months and at this point is in a place where this can happen within seconds.
So again, with Wix, we built a pretty cool integration where, when a user submits a page and it matches a certain quality criteria, basically they can click a button within the Wix interface and then the page gets submitted through the indexing API and then, after that, they Immediately get a response if their page got on the search results or not so for the Wix users. This is a pretty cool experience because they can see their page in the search results immediately after they’ve created it there’s no waiting, there’s no wondering and my own search or not within seconds they’re on Google, so we’re interested in working with other CMS’s and if you Represent some kind of content management system or a platform which lets users create their own presence online and especially if your users are less savvy and they don’t really know what to do with search.
We are really interested in talking to you to see if it might be a good fit to participate in the CMS Partnership Program. So, there’s a link on the slide which will take you to a forum and there you can tell us a little bit more about who you represent and how you would like to work with us. So, looking forward to hearing from some of you hopefully now you could be contributing not just to the core product of the CMS, but to a bunch of other things which people install in order to enhance the functionality of their site.
And one of those things are plugins now plugging here is defined as any kind of add-on that people would add to their site. So, for example, things like a shopping, cart or maybe a way to add reviews or a comment plug-in things like that. So while it can enhance the functionality of the site, it can also significantly alter the functionality of the site in terms of performance and other factors. So I wanted to give you a few tips on what to do if you’re building plugins.
First of all make sure that it doesn’t slow down the performance of the site. So, in order to do this, have a test site, install the plug-in and then use our speed tools to make sure that the site with the plug-in is doing just as well as the site without the plugin. This is webpagetest.Org, which is one of the performance tools that we have, and the neat part about it is that it will give you a super, detailed breakdown, a float loaded and when so, you can see how your plugin is affecting the performance of this site.
So test that out, then, if you’re building a comment plug-in and if you been on the Internet in general, you will know that there are a lot of comments out there, which are maybe a little bit less valuable than other comments and especially in some cases there Altogether, spammy or there bots, which are going around and posting auto-generated stuff in order to create links that they’re hoping search engines will follow to some spammy websites.
This is not pleasant for any user and you can actually help them out a little bit if you’re, building a plugin like this by adding a specific type of annotation to those links by default, so that search engines know not to trust them. This is a link attribute that we call nofollow and basically, what it does is. It will just tell the search engines. Don’t follow this link, don’t trust it. So, if you’re building a comment plug-in, definitely consider adding this to the links in the comments.
Finally and kind of most, unfortunately, we’ve noticed that one of the main vectors for attack on websites and attacks on websites are increasing is hacks through plugins. So a lot of hackers and malicious other malicious people will get access to a site through an old plugin and if you’re, building plugins there’s a few things, you can do to make sure that your users are not affected by this. First of all make sure that every time you add an update, everybody who has this plug-in automatically receives it then make sure to follow coding, best practices so that there’s no backdoors that the hackers can exploit.
And finally, if you get tired of this plug-in and decide not to support it anymore, make sure it’s clear to people that this is not supported, so they don’t go ahead and install something that is actually making their site more vulnerable themes are another thing that is Very closely related to CMS’s and a lot of people install them and though, in order to improve the appearance of their scientific Euler or give it a specific like feel, so they can change how the site looks on how users perceive it.
But they can also really affect performance and they can also affect mobile friendliness. So again, here test your theme make sure that it’s responsive. You can do this with the mobile-friendly test that John was showing earlier and for performance. Specifically, we recommend again having a test site and then, with the theme and with another theme, having a look at how it performs lighthouse is one of our speed tools, which is really useful in this case, because it’s in the browser you don’t need to have have The site process, by search in order to test it so here’s a blogger site, the we use for purposes of this example.
We install the theme and then we use lighthouse to do the performance testing. So you see how long it takes actually until what they call the first meaningful paint, which is when all the elements appear to the user. So the overall score for this team was not super great and also the specific user metrics with we’re not great either. But then we went ahead and we switched to another theme, so you can see here it’s much much faster to load and the user can interact with it much faster as well and consequentially.
The score is also great. So if you’re building themes definitely make sure that it’s performant and also that it’s responsive by using the free tools that we provide so there’s a lot of stuff that we cover today and hopefully for any of these things that we’ve told you that you might be Building you now have enough tools and equipment to go ahead and make improvements and make your users happy and more successful in search.
We know that there’s many many different details and links that we provided. So if you have to remember just four things: pay attention to what John is going to tell you right now, all right thanks wow, that was a lot. Ok, look looking back at these things! There are a few common elements that that we covered that came up again and again. So first is remember the basics, URLs titles and descriptions they do matter.
They do play a big role when it comes to search. They play a big role in how people come to your site through search. Secondly, remember to take advantage of structured data like the Rakuten example in the beginning. Obviously, they saw a big change in the traffic from search even without ranking changes just by making their search results. Look a lot more visually appealing and then take advantage of all of the tools and api’s that we have available so use.
The search console understand how search console works, use the api’s from search console to make it better for your users, people who are using your products to really create fantastic web presences and then fine, especially if you’re, making something for other people to create web presences. In make it as easy as possible for them to do the right thing as well, so make it easy for them to put the right fields in in to add data about titles and descriptions on pages, make it easy for them to really create high performance.
Web pages, so these are only some general tips I think, to get started with they’re. Obviously, a lot of different aspects that come into play with search, but we think these are aspects are really critical to start with, and we have a lot more information in our developer Center developer guides. We have a search console Help Center with a lot of more information about search in general and specifically about search console.
If you have any more questions today will be in the web, and payment sandbox area later today, so feel free to come by there as well and finally, there of course other ways to reach out to us online as well. So you can find us on Twitter. We do live office hours hangouts, where you can join us with a YouTube, live hangout, we’re available in the webmaster help forum. If you have any questions, so don’t don’t let questions kind of stick around make sure you get answers to them from from us.
If you need them, we hope you found this introduction into search interesting. Thank you all for coming. We wish you and your projects more success online through Google search. Thank you.
Who is helping with your digital business footprint?
” All right, so today, We have a special guest Alycia from Sucuri. Thank you so much for coming on today. Yeah thanks, I’m happy to be here Awesome, so we’re Talking about what is a CMS and which one should you Use for your website, Can you tell us a little Bit about what a CMS is So CMS stands for. Content management system and it’s basically an easier way to put pages, live on your Website or blog post manage your image media Library all that kinda stuff Awesome and now, let’s Go over the top three CMSs, I’m going to be a little bit! Biased in this episode, That’s my disclaimer right there, I’m going to start with WordPress WordPress is the most popular Content management system out there today powers Over 1/3 of the internet, It has tons of plug-ins tons of options and it’s pretty resourceful And probably my favorite Reason for why I use WordPress is the community behind it.
They’re such a large community that that just all comes Together, there’s meetups, there’s wordcamps and everyone just helps each other out For sure, and I mean with 40,000 plugins almost like you, have no end to the kind of functionality you can add to your CMS Absolutely. So what are some other CMSs that we can possibly use For sure, yeah,,’cause everybody’s heard of WordPress, so Yeah Drupal is another very popular one.
It’s been described to me as Kinda, like a Swiss cheese, you need to be a bit more Technical to use Drupal, but it does have a lot Of different features compared to WordPress, it has A different user experience and ultimately it’s been Used for a lot of things like government websites, And that kinda thing because of its ability to be a little more secure in some areas: yeah Yeah and it’s definitely One not for like the smaller business type sites as Enterprise or large Corporation type sites right, Yeah, yeah for sure Yeah Joomla – is another really Popular one as well, It’s got a really good.
Community – and it’s got, I think, the second highest Market share after WordPress, Although WordPress is Like 30 % – and I think, like It’s, a giant Joomla’s like 6 %, so just A little bit of a gap there between the top two but Joomla’s, also a really awesome CMS to use You wan na make sure that you’re using the most latest version. If possible, There are two active versions: Available that you can use Yeah, you definitely wan na stay on the most recent branch.
Of any CMS, if possible, Yeah that’s just a best practice there. All right. Let’s talk! About really figuring out, which one should you use right Like what are some of the first Steps we wan na think about. Definitely you wan na Make sure that you know what your requirements Are for your website, So how does it need to Be for your users to use! How are you going to go about? Actually creating posts and what are the processes that you’re going to use as part of that And then once you have all that you can kinda look at each CMS and see what are the extensions and Themes that are available And see if they’ll match the Requirements that you have for your website, That makes sense and It all comes down to figuring out what’s right for you Like, I will stand by WordPress all day, but WordPress may not be Right for your situations, Figuring out those requirements, With those applications are super important, Yeah and usually a Lot of the CMS websites have a great community Because they are open-source, So tell us a little about open-source Yeah for sure.
So all Those top three CMSs they’re open-source they’re, also free, which is very important, Open-source, basically Means that the source code used to build WordPress Or Drupal or Joomal, it’s all open and available, and anybody can contribute to it as well Right on So that just means it’s Constantly being improved by the community and the Community’s also checking to make sure that, what’s Being added is secure All right, so we want our Website to look good right, So is that something to think About when we’re choosing what platform we use and how easy it is to create those sites Totally so different themes will have different attributes like They may have a sidebar on the left or the right, Or they may be all one column in a never-ending scrolling website.
Different themes will Allow you to accomplish, maybe what you need by Having custom backgrounds or custom menus, so you Wan na look at the options for your theme and you also don’t wan na discount like premium themes, A lot of premium themes out, there will add extra functionality, So you’re, essentially Paying for the theme, even though the CMS is free, That’s an awesome option. There’s premium plug-ins as well, Depending on what you Need the default themes that come with it are Sometimes a little restrictive, so you wan na take a look at What the default themes are: Try some different free themes and see what the options are to get your site to look.
The way you want it to Yeah and what was kind Of controversial at first in WordPress and 5.0 remember Gutenberg, Oh yeah, Gutenberg is essentially The new WordPress editor, The whole point is to kinda mirror the printing press of just Blocks and everything else, Yeah, what you see is what you get So as you’re typing — Whizzy, wig, Yeah whizzy wig, Thank you So as you’re typing Yeah, you see exactly what you would see on the website, So that comes default by WordPress.
It has made the experience. Especially for first-time users easier to create, Then there are page Builders like Elementor or Beaver Builder or WPBakery Builder, that makes that user-experience A little bit easier, If you’re going on the WordPress realm and really want something: That’s pretty customizable, you don’t have to be a Web developer or guru to build that website For sure CMSs are having to Make things a little easier, You know, there’s a lot of Different places out there that are creating website builders that are super easy for people to use, and so it’s helpful for These open-source CMSs to make the user-experience a little easier All right.
So another thing we probably have to think about. Is the hosting requirements We’re going to need for our applications? Talk us through a little Bit of what that looks like For sure, so most of These are running on PHP, so you want the most Updated version of PHP, especially if you want The latest features and to make sure that you’re Getting those security updates? Yes, So that’s really important.
A lot of hosting companies will offer one-click Install for most of these major CMS applications, Some hosting companies Especially when I first started creating websites – and I Was on a super budget, but also a very secure host, it took me a long time. It took me like three days to install WordPress and they have a famous 5-minute install You wan na look and see, and maybe talk to your hosting company.
About what the options are for getting this CMS Installed on your server Right,,’cause, taking three Days to get a website going just the beginning is not Something you wan na do There’s a lot of places out there that will do managed hosting Especially with WordPress There’s managed WordPress that has just already automatically installed some extra security features And then what most people End up going with is like a cPanel type Hosting Since it does have that one-click install with Installatron or Softaculous, Whatever they’re, using Totally Couple of clicks of a button and then it’s there, You can start building and Designing, however, you want All right, so the real Reason I brought you on to this.
Episode is really talking about security with CMSs They’re open-source. You Constantly have to update them, so there’s lots of things. That we need to really think about to make sure Our stuff’s protected Totally well with It being open-source not only are all the good People contributing code, but all the bad people can Also, look at that code as well and find vulnerabilities. So that’s something that a lot of people are concerned about.
Especially with WordPress being so popular, it is a large target. The CMS itself is actually quite secure because there’s a great Community checking things out. You wan na make sure that you’re Not installing more plug-ins than you need Trying to make sure that you’re keeping everything up to date. If you have a managed solution, They’ll, do it for you, Which is awesome. Yup, You wan na make sure That you have something some kind of security plug-in That’s monitoring your site, letting you know if there is A problem that they detect There are some that can also Add features for protection like adding Two-Factor Authentication, which is a second password on your phone that you need to enter in Order to get into your website There’s all kinds of Cool security, plug-ins security utilities that You can use with your CMS Yeah, I know with WordPress the top security plug-ins That come to mind, of course, Sucuri has This security plug-in, but there’s also Wordfence And then with having an SSL on your site, super important just to Encrypt that password,’cause, you have to login The beauty with CMSs that You can access them anywhere right, Yup, So you wan na make sure that wherever you’re accessing’em Your password isn’t being sniffed out by someone in the middle Yeah.
You wan na, be careful. You don’t wan na. Maybe do It in like an airport or coffee shop, Wi-Fi Unless you’re using a VPN.’Cause, if you are sitting There on public, Wi-Fi and there’s a hacker sitting next to you, they could sniff your password As you’re typing it in And then the next thing you know, there’s a bunch of spam pages on your site that you need to deal with. So what about firewall? I’ve heard that it should be important.
Should be added to the site, What’s the validity with that? Definitely one of the nice things about a website firewall Is that it will virtually patch your CMS? So if There is a security issue, essentially the firewall’s Taking care of that, It surrounds your website. And if somebody’s trying to exploit a vulnerable Plug-In on your site, the firewall will catch. That attempt and block it They’ll see a blocking page.
Meanwhile, all of your legitimate Visitors are being sped-up because of the global Network of the firewall and content delivery network, So we’ve figured out what Cms we’re wanting to use We’ve got it installed, how Do we go about documentation, learning the program itself? There are some awesome Resources out there, You talked about WordPress WPBeginner has some awesome? Training guides and tutorials There’s an awesome community.
For all of these CMSs, with very active, like support forums, That’s a great way to go about it And then, obviously, if you have a developer, Or something like that, that’s helping you get some customization. They can usually help you. You wan na make sure that You’re documenting everything as part of your website as well, so It’s just going to help you Later on down the line, if you know you have a List of all the users, all the plug-ins and that kind of stuff and you’re keeping that up-to-date Yeah, especially if you Have people on your team that needs to access the site, Giving them documentation on What they should be accessing, what they shouldn’t be, because sometimes the wrong click can Make just chaos happen Totally and good user passwords making sure that you’ve Got the right role levels assigned to your users? Whether they’re just an editor or author or contributor Right Those roles are usually built into the CMS to allow you to make Sure they can only access what they should be allowed to access.
You only wan na grant admin privileges to somebody for as long as they need it, and that kind of thing Now, with this website, I know many of the entrepreneurs or even solopreneurs out there with their stuff, has Many hats to wear right, Sometimes maintaining it, isn’t always something that they have time for Yeah. It may not be top of mind Right. What should we be? Doing with those updates Yeah, definitely I would say that it’s very important to make sure that you always retain Access to your property, your web property, So I’ve seen cases where a developer will leave a client and Leave with the passwords and then you can’t get Into your hosting account, or you can’t into WordPress, It’s not ideal, so make sure you always have access to those things And make sure that you’re just practicing safe security practices.
Throughout all of it Right on and with WordPress and Joomla everything else, we Talked about it earlier, make sure you’re at least going in there every now and then to update It to the next latest version: It’s not only for performance, but it is for security Yeah for sure I mean with some CMSs there might be different branches that are still being actively developed So having a firewall That can virtually patch and make sure if there Are any vulnerabilities you have a little bit of an extra window.
‘Cause whenever there’s a Security update released, the hackers are looking going. “: Okay, here’s the old file; “, here’s the new file; oh look: “! There’s the security flaw!”, So it can be –. Then send all our bots out Totally it can a matter of minutes hours after a security patch is released before there’s active attacks in the wild So definitely update your Sites as soon as possible, Auto-updates are amazing, WordPress has auto-updates on most hosts, Yeah and or you can hire developers like most designers or Developers will have like a website care plan, so you Can them just do it for you, If you’re using WordPress, Godaddy ProSites or ManageWP has the one-click updates.
So you can update all your Plug-Ins and your themes, You even have a safe update option. So what it does is It’ll update your site, take a snapshot of before and after and make sure they’re all the same. And if there’s an issue It’ll retract, back to it It’s a free option for you Yeah, that’s perfect! You hit on a good point, It’s not a set it and forget. It thing with a website: You need to make sure that You’re maintaining it And that it’s part of your business, it’s how your business looks.
So you should definitely Make sure that you have some kind of plan for keeping It up-to-date and maintained All right. The last point that we should really talk about is really your time and investment with the CMS of your choice. Talk us through a little Bit of that about that For sure we’ll you Wan na go in and realize that it’s going to take you Time to setup all the pages that you want Right: It may take you time to find the right plug-ins, so you wan na kinda think through whether You want to hire somebody or get some help with that To find the functionality and the look and feel that you’re after Definitely budget when It comes to free CMSs.
Well, you don’t have to pay for the CMS. So that’s helpful Right! But it’s customization and security and all Those things that you definitely wan na consider as part of the whole package of having a website On-going costs for domain WHOIS privacy, SSL certificates, Right firewall, All that kind of stuff, All that good things Totally yeah, there’s A lot of accessories that go on with having a website, So you wan na figure like I said at the beginning what those requirements are And then make sure you have a plan for how you’re going to budget and the timelines around When you wan na launch Perfect and with Drupal And Joomla they are, they do have that smaller market share, So there’s really specific requirements of when you wan na use those applications.
Those developers that you hire for Drupal or Joomla might cost more than a WordPress designer as well For sure yeah, and you wan na make sure that you’re really looking at the work that the developer has done and make sure that it Matches what you’re, after There’s lots of great Websites out there that you know can tell you more About how to pick a developer depending on what you’re after Well? Thank you so much for Coming out on the show today and helping us figuring Out what a CMS is why we should use one You’ve been awesome Thanks my pleasure.
Well, if you liked this article go ahead and smash that, like button, add a comment below on Something that you’ve learned and subscribe to this blog and ring that bell, if you’d like to see these episodes first, This is “ The Journey.,” we’ll see you next time.
Who is helping with your digital business footprint?
You’ve you’ve told us who you are so now we know, and now we kind of know what your superpower is and we’re going to kind of think about what you said, what your superpower was. It’s okay, if you change your mind but really kind of like hold on to that nugget, while we’re talking today again the housekeeping as Lydia had done before we used in hashtag WCR.
I my hashtag that I use for my presentations is hashtag rise above the noise and Susan Finn for is my my twitter handle, I think, before I even get to this part, I should tell you just a little bit more about myself. 13 years ago I started a small business and I didn’t know anything about running business. I was in the technical field before that and I met with some women and we talked about how to run a business and then more people came and more people came and we ended up forming a thing and it was called the Women’s Business Network of southeastern Massachusetts, the Women’s Business Network of southeastern Massachusetts meets once a month and to empower women to be what they can be in business and what I learned in that process.
It’s 1314 years old now, but what I’ve learned in that process is, we all grow stronger together. If you’re starting a business, I’m going to call me last week I wrote a blog, I want everybody to see it. How do I get a blog up and she said I want everyone to read it, and so I think that’s kind of what people do they get, they get certified and they go. I did it, and so how is it that we’re going to attract people? And so that’s what we learned with the Women’s Business Network is when you would have 50 people all on your side, they’re all your Board of Directors, they’re, all your critics.
If you need a critic or they’re your cheerleaders, if you need a cheerleader, those are your people, those you’re amplifiers. Those are your zombie evangelists, your zombie, loyalists and so hold on to that as well. So that’s my guide, my vibe and my tribe go together. I am a different collaborative’he’s right now and with the she breeds balance collaborative and walpole next month, I’ll be heading over to the Norwood Space Center to work with the entrepreneurs that are heading into there.
If you haven’t heard of the Norwood Space Center, yet I suggest neck check it out at some point and if you know anyone who’s looking for some office space, retail space collaborative workspace check out the Norwood Space Center, because it’s awesome well just this. So the first thing that opened at the Norwood Space Center is the percival brewing company so that there’s that right so now I give you this so based on no electrons right.
So if you have a network, have a collaborative and everybody – maybe you’ve all heard this right, like people who are going to come to your website, who’s learning to work with you need to know who you are. Maybe they need to know your superpower? Maybe they need to know you love cats whatever it is, they want to know you, they will not like you and they want to trust you and so anything that we’re going to do in order to bring in traffic or to bring in on it.
Your your audience will be too bad and the way you’ll do that is that you’re going to share your stupid. How to share your thoughts, share your expertise, you’re going to engage people in that, and then at some point you want to amplify it. We don’t want to amplify your own content in your own superpower, your own zone of genius or you’re, going to want to amplify the same of your people of your tribe, of your people that are supposed to come help you with that and that’s kind of the Plan for today’s whole session is we’re going to talk about know, like trust, engage, share and amplify.
So here’s to come. Probably 10 years ago, seven years ago, I’m walking in the woods my dog listening to a podcast and just trying to learn everything I can about about a digital harmony and listen to this podcast by Marcus Sheridan he’s talking to Michael Stelzner on this quarter, like the Music at the beginning is horrible. You’re like what is this, but then he starts talking about his pool company.
Has anyone here heard of Marcus Sheridan you’ll check them out Marcus Sheridan? Listen to this, he wrote a book called. They ask you answer, but his whole premise is that if you can answer all of anybody’s questions on your website or on any of your platforms, wherever it is, that people are going for information, they’re going to know you’re going to like you they’re going to trust, You they’re going to engage with you and so don’t be afraid to answer those questions.
Oh, I should tell you to not say that up here I will have my slides available to you to take all your notes, but, like these general wants to for you to have on a guide line, those will be you’ll have to take pictures of the slides Or anything like I’ll, send them to you so so Marcus Sheridan had a pool company in 9th 2008 economy’s tanking. How is he going to keep all of his employees employed and how is he going to keep his business going? He writes one article.
How much does a fiberglass pool cost well, so nobody answered that question like that, sir you’re going to build a fiberglass pool. You want to know, I don’t know like how much does it cost you going to google it? Whoever answers that question is going to get your attention think about that. For a second like what? If what are people asking about your the work, you do you’re, building trust and so the next time.
So, where are you going to put those answers is, of course, why we’re all here today we wan na build, maybe going to build a wordpress site like that’d, be kind of cool, so once your site is up and now you’re going to put some attention to Answering the questions – maybe it’s pages – maybe it’s post-its, maybe maybe you are writing for somebody else. Maybe you some is ready for you, you put it all some place and then, where else so, okay and then you hope somebody comes to your website or you hand them your card take mine today and they go to your website.
But otherwise, how would they even know that you wrote this really great article about maximizing return on your vendor event, Susan Finn, online.Com, you got it, send it out in an email, we’ll talk more about that you’re, going to put it out on your social platforms and You’re going to talk about it as we are here at any of your networking, collaborative vents or just at the coffee shop. So now you have your website and you have your content and you’re putting it everywhere, and I’m not going to go over this too much because Lydia already did you need to have it mobile optimised and you need it to be resourceful and you want to collaborate With other people, so you’re not doing all of the work and so that you can also help amplify your tribes message and measure measure measure measure, I’m not going into analytics too much today, but there are some really great speakers coming up about analytics.
So do you have the answers? What are your answers? What are your questions you have so you know frequently asked questions. Is my favorite favorite page on any website that I’m working with with any client that I’m working with you just sit with people sit with the people that you work with sit with yourself? So with your cats and say what is the question? People are asking me all of the time those questions writing down.
Five questions, ten questions, a hundred questions writing down and accuse are what people must ask questions. What are the questions? People should be asking help them figure it out. I don’t even know that’s why we say people don’t even know that they don’t know help them know what they should know so must ask and should ask Nona, give you some examples enough cuz, otherwise you’re going to go blind from oh, my elbow.
So this is one of my larger clients, being I’m catering, best cornbread each other around, so they were very resistant. And finally, we got a great frequent life. Just sat there for a day, I’m like alright what she asked you, what she asked you, which is to listen to what they were talking about on the telephone. They said what else? What else? What else and I made each of those people in the front office keep a pad by their desk and write down? What are the questions? People are asking you, and so we came up with this site right and you don’t need to read it.
You can just know how much should I be that’s right, so they gave us short answers, and so I put them down there, and so after that, people could go to the frequently asked questions page and get some answers, and then that gave me the opportunity to Do more with those questions so now quick question: can you suggest any wedding venues? Yes, of course we can, and on the page that the other page that I showed you it would go over to their links.
We have a whole page of links, but that’s a whole nother collaborative thing right, but in this case I was, I wanted a beautiful blog. I wanted images that I could share on my other platforms and I wanted ways to to talk about what we do. So. Yes, we’ve been to all of these places, look at all the beautiful places we’ve been to, and you can also go over to our our links page and see some more of what venues we’re doing so.
There’s a link here highlighted there and then there’s here, give us a call and then or calls to action right. So they can do any of that. They can read our reviews. They can go to a look at other venues. They can go right to request a quote: that’s the money, that’s the money button and or they can just contact that the other thing I love about hashing out of frequently asked questions into a blog post.
Is that you’re getting all those yummy keywords when I’m talking too much, but you just just know that I want to get found for weddings, clambakes, barbecues, catering and those are the words I’m going to use when I’m flushing things out it’s another way. I use frequently asked questions right, so I have just an image and I can use that on Pinterest and Instagram and Twitter. I have. We already saw that page and then I can mix it up and make it look a little bit different as well.
So that’s a little bit more eye-catching and also in Google closet looks really so with that. I’m going to give you a few minutes to take out a piece of paper and write down five, ten questions that people are asking you on a regular basis. Just for yourself, you can share them if you’d like to afterwards, but I just want you to go home with some actionable content today, let’s say, let’s say three minutes: it’s probably enough.
Also, while people are writing that, if you have any questions and would have present self, I’m happy to answer, don’t forget the mustache should ask questions. Another thing to think about is in your business. People are going to want to know how much does it cost right? How much is a fiberglass pool cut? How much does social media coaching cost? How much does it cost to have somebody close to social media for you? So if you have a page that has the cost specified, should you still include in the epic youth? Where would that be a link, or so it’s a page like you have another tab, yeah.
I think you could do it either way. You know so one of the things that you’ll probably talk about in other sessions here too, but one of the things that I always want to do is keep people on my site. I want to keep them engaged so maybe they’re on one of Europe, maybe they’re on a frequently asked questions site and they didn’t notice the services tab. So maybe you could leave them there with a little lady test yeah or a button text you’re always looking when you’re writing anything don’t leave them hanging.
Give them some place else to go right from there all right so keep working on those now, and I would suggest, keep a pad of paper with you. Maybe that cool little bit for the cool little book that we got from the word camp people today keep that book with you and when you’re, just with people just like right down, they just asked me that they just asked me. That’s like write down your questions. Here’s some ideas for things to write in order for people to get to know you, like you, trust you so cost.
I mentioned it’s going to be the number one and I’m telling you when you, google, Marcus Sheridan, he’s with the sales lion used to be with River and he stole her pool. That is all he’s going to talk about. If you write nothing else right article. Both articles about how much and you maybe you don’t want to say all right, like I charge X amount of dollars per hour boom. You might say you know like with me.
It’s custom like whatever I do is custom. So I’m going to write, I will write an article. I have right now. How much is social media services cost? How much does digital marketing services cost? Well, it could be, you know, say it depends. You could write. A thousand words here are the things you need to know that might come into play. It depends, it depends. What is the problem with hiring somebody at Oh Amy? What they do? We pay our exactly so right starting at and then it depends starting at and then there are upgrades like you just want to address question and you’re.
Getting your ideal client, yes, exactly exactly, and to that as well, don’t be afraid of sharing what problems there are. What are the problems that could arise in a photography session or, in you know, hiring or what are the problems in your industry write the article about that write, the article about? Why should I use you, know, professionals of DJ, I’m thinking weddings, DJ instead of a band? Why should I do that? Whatever? What is the best marketing automation that sit next to invest of best marketing automation, software comparison between software comparison between this and the reason that these four and then I’ll get into reviews? The reason that cost questions, brawler questions, comparisons and best of questions will drive.
People to your website with their searching is that you’re getting people who are already in the funnel they’re looking for what’s the best, what’s the cost of a fiberglass school, why should I? What’s the problems with fiberglass pools? What are the comparison? Why should I use concrete versus bad weather, so those questions means somebody’s already, looking versus writing an article, let’s say about the best, I’m using Marquis, sherry, because I was listening to him all day yesterday preparing for today, so he’s coming in my mind quicker than my Own stuff, so in his case it was you could write an article 5 best games to play in the pool with your kids.
So maybe they’re just you know, that’s a pool article. You might get some traffic, but it’s not that meaty bottom of the funnel traffic that you’re, probably going to want to have my other favorite page on any website, is reviews and testimonials. For so many reasons. But if you want to go out and buy a new dishwasher, will you just go right to this appliance store and see what they have to say, you’re, probably going to go on some plate you’re going to call somebody you’re going to go on a social plaque On what’s the best, what’s been your experience right or maybe you just maybe it’s not your friends.
Maybe you want to go and look on the site and see what other people have shared. The first thing I do when I buy any pong balls on Amazon and I went out it said which ping pong balls should I buy, so that is so important that you find those things. So here’s what I want to show you here. I can be mmm because I love and best so so what I do for them they get. Let me just tell you what an honor it is to to represent this company five star reviews across the board.
Everywhere they are yell wedding wire than not Google. Facebook people send them emails. So what I do for know, like trust, is that I actually take screenshots right off of their platforms also if they get an email or a written letter. I’ll put it in here. You may notice that I have links to write so here’s something that was written because I for a couple of reasons. Sometimes I just use the text link it right back to the knot they can go to the not they can see all of the five star reviews.
Whoever is looking for wedding vendor the other reason. Sometimes I take the text instead of the image, because I can have all these great keywords right, wedding, catering right I wanted to have almost. I want this page to come up if anybody’s looking for catering, so sometimes we put it with an image. I might showed you that on the venue’s page Facebook, so whatever you do now, not everybody has like this.
It’s just that I’ve been doing this for four years and I feel like Texas, sometimes get boring and also I want to be able to share it on platforms, and I, like images, sometimes better than text, but just know that this is one of our most powerful Pages because of the keywords and the images and that it’s building know like trust, because really when you’re writing, you want to write or you’re creating content you’re presenting yourself, there’s really two factors that you want to consider.
You want to build a know like trust of the people right, so it’s your audience, but it’s also the search engine, so everything that I’m talking about will be to satisfy those two, those two so I’ve got. I have those testimonials up on the testimonials page and now I go ahead and know often, I will also put it in a different format as a blog post. So if I used it as an image on one page, I will likely use the text on the other page again, so I still have the text and I’m not duplicating plans.
So we have it on. People are so nice every every Monday morning, their inbox is filled with people raving about what it is that they just experienced if they went to one of their events, again you’re going to have the opportunity to learn about analytics and a different and different sessions. Here. What I just want to say is that what, if and when you get to the point, that you’re using your analytics, try to set up something that is lets, you know if your efforts in these areas are paying off.
So, as I mentioned before, from bnm catering, their money button is the request. A quote. Click on request, a quote, fill out the form get to the thank you for submitting will be with you in a month will be with you shortly page. That’s my money page and I measure every time anybody gets to that page. Where did they come from? How did they get there? What page did they come in from to get to request a quote, I’m going to take a breath for a second cuz.
This is my favorite part, and I love that all of that, because you need all of that in the website before you do all of this. But if you do not think else, even if you jump to a website – and you want to reach people the people you want to reach – probably small business owners here, I mostly work with small business owners. You want to meet with the people that you want to reach the people that have already known something about you.
They know you a little. Hopefully they like you, you want them to trust you, and even if you have a list of 30 people stay in touch with them regularly. I know people like. Oh, I don’t people in their email in their new in their box, I know, but how else you going to reach it unless you call them so so I think of it like a like a plate of spaghetti. So, if you’re boiling spaghetti and you’re putting your content on the website or on your social media and you’re, putting it everywhere and you’re handing out flyers and you’re going to events, it’s like boiling a pot of spaghetti and throwing the spaghetti against the wall and see What sticks right? You don’t really know where it’s going to stick on what its going to do.
But if you take that spaghetti and you put it on a plate and you give it a little bit of sauce and you send it. But it’s like okay, this one gets the vegan sauce and this one gets the cream sauce you’re you’re, making the content for the people that already know you and like you, and have somehow met you and you’re serving it up here. I know that you’re interested because we’ve had this discussion.
Let me tell you about your next vendor event. Let me tell you how to make the most out of your next vendor event. Make it mobile optimized, make it monthly. I like monthly people like. Oh, that’s too much. I think that monthly is fine. Weekly sometimes is too much daily. I don’t know I get booked about daily, I’m thrilled because they give you those great Kindle books for cheap, figured out what works some people that might be too much and maybe they do seasonal, make it munch able.
I have a client and she’s very she she’s. So amazing, but she and she wants to give give give gifts, so her newsletters are really long and and she’s thinking like of the old-time PDF ones, or that you would get in the mail or whatever, and it’s so good. But she’ll only do it once a season and what I’d love to see her do is cut it down, make it less frequent so that people will we eat it. I like how much time are you spending looking at all that amazing content and it is amazing, content, she’s making and then measure it see, see whether everything on that time just metric.
So here’s being the catering email newsletter, you can see that it’s well branded. It’s very clear what it is here: we’ve used a testimonial again and then what I love about this right, the buttons I love buttons on the on email, marketing. Here’s again frequently asked questions. They can go and read all those right. Those are my two favorite pages. I want them to go there as much as they can, because that’s where all the good stuff is and, of course, I’m going to share one of their menus.
I have click to view and then let’s see what we’re doing, I think it just it just again shows you what it looks like in somebody’s right, quick, easy when you know what I want you to do. I want you to learn about the menu I want. You to read more frequently asked questions few more testimonies and then they always have contests by the way they have contests. They give away clambake everyone, it’s just an image yeah, so measure measure measure writing to learn about that.
But all I want you to see here is that almost fifty percent of the people who opened this email on their mobile so to the fact of this other client that I had a long time ago who just would do PDF. She wish it was just as an attachment, through her Outlook, no way to measure it who was looking at it. Who was bouncing what I also love about third-party email. This I use Constant Contact in MailChimp.
I love that people can opt out. It’s permission-based. If my content is not a value to you, I will not be offended if you I understand, I want to clean inbox as well, so you want to build your list right. I love for us again, permission-based build your list and when you’re building your list, if you’re just starting to build your list you’re in a really great position because think about this for a second, do you want to give group a the same content that you’re giving Proof being oven for them, I should have come up with an example mmm for me.
Do I want to give everybody information on vendor events or or not? Well, probably, not I know who my my contacts are in my list who have that in their business model. I don’t necessarily need that to send that to everybody on my list, so I have a segmented list for people who I know, do participate in vendor events and would make use of information on building their lists and how to get people’s names and how to stay.
In touch with people through a vendor event, plenty of these little arrows here so today, this weekend, you’re going to maybe everybody here, just kind of here’s my cards – hand out your cards. You meet people here said. Okay, if I add you to my email list: okay, thanks, if you’re in a networking group such as the women’s Network, whether she breeds collaborative or something the Norwood Space Center, one of the things they may offer you an accident, god bless, you is to access their List, and so that is gold right, so if you can just get an Excel spreadsheet from some, let’s say the Women’s Business Network and you upload that to your permission-based email marketing system and then you send out an email: hey just join the Women’s Business Network.
I see that you’re on the list, here’s what you can expect. I send out my newsletters once a month and here’s what I include and I’d love to keep you on my list, but if, for some reason this is of no value to you, here’s how you opt out if you’re on a if you’re in a group know You can do it often you can’t say if you don’t want this, they require the permission before you. Well, they were that you asked exactly well because, if you’re a they’re, the one – but so I wouldn’t do that here – well, I will, if you opt in you’ll, be offering you them an option too, but in the Women’s Business Network.
I think that it’s expected, that is a networking group. This is going to happen. Yeah yeah. I would take a list from somewhere else, yeah right. Unless there’s like a networking collaborative kind of place, I wouldn’t take you know somebody’s. You would really you want to be careful and you never want to go against that permission-based. I believe what you do if you got a list, let’s just creepy, that’s not know like trust right, that’s creepy, yeah! Now most of them do you know I would check with you.
I would check somebody who probably has better pulse on that than I it. If I were at your store – and you asked me for my email on Punk, I would expect that I’m going to get an email from you that says, welcome glad you stopped in here’s a discount. Here’s a coupon! If you don’t want to get any more mail from us click here to opt out, if I’m giving you my email address, I expect to hear from you yeah.
Why did I come here? The capture card, amazing, because you can put an opt-in of in your in this case it says Facebook page right so Facebook business page – you can put a plug in in this case. It says to receive garden tips and that is going to go directly to her list and they people who opt in on that list then get an email thanks. So much for signing up here’s what you can expect. If this is not what you expected, please opt out.
So another example of that is not maximizing your return on your defender, books, defense. So I really liked this article. I worked hard on it. I put together a lot of good tips for people who are doing vendor events. I’ve gone to so many events and people show up with their items and they’ve worked so hard putting their things together. They’re not collecting email addresses they’re, not promoting their website.
Their Facebook page is not branded and I just feel like wow. They worked so hard. I really wanted to squeeze juice out of it, so I really love this article and then I loved it so much that I ended up making a an e-book that they can download, and so this is a lead generator if you’ve heard that word for the lead Generator, and so now they can take this and it’s in a nice people, so what they have to do is click on that.
That brings them to my opt-in, make the most of your vendor event I’ll, be happy to send you my free ebook. That’s sending me just their email address in their first name and and they’ll get the same thing. Welcome here’s your book. If you do not want to hear from me anymore like opt-out – and this is what the book looks like, so I think it’s a value, I’m offering something of value at that point, and so that button now will go in any article that I write about maximizing Your vendor event or building your business.
Oh so here’s my lead generator for you guys. If you would like to have my deck as a PDF for today you can take out your phone and you can text the word Buttonwood, which is the name of my phone. You can text the words button would make sure it doesn’t spell correct something else: 4, 8, 8 and some when someone does it, let me know what happens. Hopefully do the right thing. I made my husband: try it yesterday, how much fun is it love the 21st century? I’m just saying and setting up that so I meet briefly talked about segments.
So another thing about segments and somebody else to talk about this a little bit more. But here’s the thing, so I wrote a few articles for this particular VN, I’m catering a newsletter. This one happens to be about drop off the phase and family dinners and 37 people opened that link, which is a fairly good number for them right. It’s a caterer! How many things do you really want to read from a caterer but 37 opened it, and I go that’s a pretty good number.
So we took those people. I was able to download that list as an Excel spreadsheet or segment them into a separate list. So now, every once in a while I sent to those 37 people something else about. Did you know that being a catering brings food right to your house, they’re bringing food to my house tomorrow? It’s a another one that I loved think about which one this was. Oh, it was an article about having a your corporate picnic ideas for your corporate picnic.
What kind of foods we can bring to your corporate picnic games? You can play in your corporate picnic. It was a it what it was saying, a little bit of a fluff one, but what I did notice was that he had a high open rate and I downloaded the people who opened it and from the email addresses you could tell. There were a lot of people who were who were on our list through corporations. Right, like at from America, asked this at that, and so what I did was.
I gave that list to Bryan’s feet of BNL catering, yeah, that to Brian Doherty, and he was able to then look and see if he recognized or didn’t recognize and don’t you know. This is how he is he he brought like a plate. He just showed up. He just filled his van like plates of cookies or sandwiches or whatever, and just showed up unsolicited. They never knew that. That was because they he had opened up something about corporate picnics that I gave him this list, but he was able to go in build know.
Like trust, engage with people and be able to get more of the corporate picnics, I do use Google Analytics for other things. This happens to be on their constant contact – email marketer. Yes, this shows which link on their newsletter got opened up. So I had like you know, picture a nice picture and something about corporate picnics for more read here. You know click here to read more and it took them to that now.
What I were working on is then, if somebody gets to that site, I’m trying to put that I would follow it on. Then I would go over to Google Analytics and I would say, see how many people that landed on – let’s say this: one family dinner of a phase actually completed all the way to request a quote: the money button. So I’m going to give you just like a minute, maybe two minutes, just kind of think in your head.
Just against you have actionable things to work on when you leave here today think or write down what kind of email segments or audience segments you might have right. So I have some that are Massachusetts. I have my different networking groups. I have women and I have vendors. Maybe you have other segments that you okay, so you can finish that up too so, like keep thinking about that so now on to the second part of where things go, have your website, email marketing is its own entity.
It’s so powerful. I wish I could hold numbers in my head return on investment of email marketing. It’s a big number, it’s big number, so social media similar be a resource, be a connector and be strategic. Don’t just throw the spaghetti against the wall figure out. How are you going to present the spaghetti on the plate and to whom to whom you will be presenting it? You want to connect with the right people.
You want to schedule so that you don’t have to think of something every single day, similar to what Livia was talking about with scheduling your blog posts, use the scheduling tools that are available on the platforms or you can use. You know something like HootSuite buffer, sprout social, to schedule, your posts and be strategic about it. Content calendars. They lean can tell you all about content, calendars, content, calendars, make life so easy set.
It don’t forget it because you still want to engage but set it up. So that you can, I think, and it makes time it makes your work so much easier. Of course, measure measure measure measure so on social media, and this is for being. This might be hard for you to see so reason to yellow parity. So this was a post last September. Actually around this time, and it’s just such a busy weekend last weekend actually was one of their busy or weekend’s.
You think it would be all summer long, but September 13th was one of them things like 20 events. They were catering and they were at all different locations. So in this case on in the air and we’re heading to Arrowhead acres and up special joining Terry little farm in a moment, we’re going to over look at the air two firemen in Kerswell Connecticut and it’s having each of those organizations. Because I know that they are our collaborators, we know that we’re featured on their site, we have them featured on our site, and we know that there’s a lot of back and forth that they are our try, and I want them to know that.
We’re shouting out to them and I want them to shout out to us if possible, it’s people are different with their social media and their business, but here’s something they don’t again. You’ll learn more later, and this is just so. You can see if I’m engaging with Terry doodle because they’re on our site or overlook Arrowhead acres. I want I’m doing it because I have looked at our Google Analytics and I have noticed that we’re getting traffic off of their websites and I want them to know that we’re noticing them and we can do the back and forth.
So if I look at referrals on my Google Analytics what brought traffic to our website over a month, let’s say it so Facebook sent 78 25 percent of the referrals. That’s not all of the traffic, just the referrals that came in from other sites with from Facebook, but then oh and then another so that was mobile, Facebook in the number so and then Thai regional farm. We had 31 people come to our site off of the Terry little farm site, with 16 people come from the Arrowhead acre site, but not it’s driving.
Some traffic Yelp is wonderful for us and then support Adams is another, so the yellow ones are all referral websites and then the blue ones are more social links. I pay attention to that because that’s where I’m going to be strategic and spend more of my time and energy. This is a personal one that I wanted to get some. I wanted to help sheep breeds get a little bit of traction for something that they are were we’re trying to get more business owners in to do the Zen retreat.
And if you know, anybody who needs like a space for a half day or a full day. Retreat this place is amazing, it’s in Walpole Massachusetts, beautiful, and so I it’s myself because I can be back in that area. I can be an influencer, so I didn’t do it from my business page. I did it from my personal page. I tagged Jennifer Pell Grant who is the owner so that she would notice – and I tagged she breeds balance and wellness so that if people knew where to go for more information and then I gave them her website, so this is how this is it.
This is my this is my tribe. This is what I do and it helps it helps my collaborators and it helps me because then people can say: oh do you know anywhere, I’m like yeah. Do I’m a connector? That’s my superpower hours all over the place, but I’ll explain so being am catering went, is a part of the United Regional Chamber of Commerce, and to that I wanted to get a little bit of just a little social stuff right.
So what I did here was, I posted a picture, and the picture was that we were at the sky. Rock were worried that a host of the United Regional Chamber event, so I tagged sky rock brewery. I tagged the United Regional Chamber of Commerce, okay, so that’s pretty good. I wanted to get some traction on that. What I also did was – I went back in as Susan Finn. Instead of you know, catering and I tabbed my friends, Trisha white and Ja, lank Jack lank is the president of United Regional Chamber.
Tricia white. Just knows everybody on the earth, and so I wanted them to notice that I did that because I wanted them to share it on their social sites, and so they did, and so that particular post by 1500 views and it got a good amount of engagement. 2067. Pretty good Facebook is ridiculous. That I mean just do what you can but try together. So this is another one. I have this tiny little Easton range in Easton and it’s like it’s like seven people kind of well into their 70s, really trying to keep this alive.
They’re doing an amazing job doing what they do in the community, but clearly Facebook is not there. So I post a little bit and of there’s 16 followers or times they. 8833 15:21 1600 views on this one host. So I went back and said: Wow 1600 views on that one post 1600 views was because Carolyn pol was on the board of the Grange shared it and she shared it in a couple of different groups and she is well-connected in town everybody that she’s on every Committee in town and she runs every kind of everything so Carolyn shared it and it got 1,600 fused with 50 followers.
So keep that in my bull, your influencers. This is just really for you to remember to schedule. I can’t I can’t even tell you how much easier everything is when your schedule do. We have time for action, there’s some time for action all right. So here what I’m going to do is have you take one 90 seconds and make a list of who you know? Who would be your loyal? Your loyalists, your zombie, loyalists, who do you know that’s connected, has a lot of followers or their business.
That’s a lot of followers make a list who you can collaborate with whether it’s on social media or – and I don’t know if I get into this later – you can – I do but really like who can write for you and then you can spotlight them all right. So Beth Beth chaos is a writer and she just wrote an article for another collaborative member for me, so she highlighted Carrie. She gave me the content it’s on my site, so I’m going to shout out hey look at this article that Beth wrote about Carrie and they can also share it on their platform.
So with one article you’re getting three times the juice and then we’re going to hope too that each of our other people in the collaborative also share that so how much juice can you get out of everything? Give that some thought, even if you don’t write it down now, really think about that. How can you build, who enjoys your vibe right, where’s your trial and then the third tenant to what I had talked about before was the in person and a lot of what I just talked about.
So where are you doing that like on Facebook you’re putting a post out there and then sharing one of the so the first thing I do all the time is getting on my website somewhere and the reason I do that is so that’s always their number. One number two so that I have content on my site right all those yummy keywords and also then I can take it and drive people here, she’s such a care taker. So I always do it and also then I can measure it.
I can measure content on traffic to my content on my site, easier than I can assure anywhere else number one number two if by if I am driving pee. Thank you. Even if I, when I’m driving people to my site, to say to read this. Oh, let’s see what Carrie and Beth are up to, I’m also going to have links and buttons that are going to try to. Oh did you like this article? Maybe you want to read the article that would you know about selling so as well right? So all about them, we don’t pay them yeah.
We don’t. We haven’t seen the value in it yet yeah, but I think yeah they’re, very oh yeah! Yes, that’s what I hear right. So that’s good! Ah all right now it’s time to talk about that. However, you can even with the free you can look at the analytics, and I love that I love looking and again because I love representing this particular company and because people are posting really great reviews on there.
I love Yelp, but I have heard other bad things. You generally kind of stay in touch. Please stay in touch so whatever that means to you. Maybe it’s email marketing, maybe it’s tagging them in a Facebook post. Maybe it’s sending a message. Hey saw this article, I thought of you. What do you think of this? Like just stay in touch with your with your tribe, so these are the tribes that I’m in WordPress is kind of new.
To me, I went to a lean, gave a talk and I went to the meetup in Rhode Island. I think it was last month or a month before and my goodness, if there’s some WordPress meetups they’re, the one I went to was how can I think, and then I just saw that there’s one in New Bedford that I’m hoping to get to when I move To Westport next month, but she’s just sitting in a room with like-minded people and learning I’ve just been such a junk people learning Norwood Space Center I mentioned is going to have collaborative workspace and shared workspace.
Like that’s awesome, she breeds balance and wellness studio. The women’s business or in social media divas is a group of women that got together for expressly what I’m talking about now. How can we learn from each other and grow with each other, so we would maybe go to a conference like this together and somebody would go to the one next door, what I know and then we would share. What did you learn? What was your takeaway, or can somebody look at this article that I wrote and let me know like, would you change it? What does it look like? Oh damping up my website.
What do you think if you can build collaborative, you can feel like a mind, trust or an accountable, but ever you want to call it an inner circle of board of directors just get together with some people to be able to to brainstorm and learn from each Other these are my tribes, and so I think I think that gives us time that gives us time for questions, and just oh so there’s my thing you can. I invite you to call me or go of it.
Contact me in anything hundred ways that you can, through my website and let’s talk for twenty minutes. If I can help you just kind of figure out what an actionable step is for you first or figure out where you want to go from there and also, I think somewhere there. I offered that there’s a what constant cry, I’m a partner with Constant Contact as well. If you want to talk about constant contact or you want to try 60 day free trial, get back.
Oh and again, if you want these slides, you can do that fun thing. I hope that was helpful. I took some some things away and that you’ll be able to actually work on them even while you’re here, I will go upstairs to the happy place what’s there. So what? What do we have for questions? I think we have a few minutes so the way other ways I’ve seen it used. So one of my clients is an artist and she’s doing the unev vendor events right now, and so she has that, like this on a sign on her table, and so what that does for her is if people want to, they can do that and she also Uses a QR code: they can do that right away, get on her email list, get her coupon or her discount of whatever it is that she’s offering at that time.
So for them it may be easier. Some people are more tech than written. The other thing is so she just didn’t event this weekend and some people did that and they got right away. The automated email that you guys look at other people didn’t and what they did was they signed her clipboard and there were three email addresses. I could not read and they bounced when she sent that to me right so here people, you know that they’re using the right, hopefully they’re putting it in and it works out right other ways.
People have done it download my ebook get a free coupon skip. You know scheduled me for such-and-such or QR codes as well yeah. How do you get a number two? That’s your constant contact! Oh yeah! Well, that’s part of the that’s just part of their service, but if you’re using constant contact, it’s just something you can do. If you have constant contact, it’s on build my list in fatality, but it could be yeah, but I have not seen yeah.
I do use MailChimp for two clients, three clients, but neither I haven’t even searched in there disdainful text to join them, for maybe you see it a lot like it, but like the ballpark right to like I go to the Fenway and sometimes they’re, like Texas Owen, Says you know such and such a number of intense for whatever, who you pictures, yeah yeah yeah, is that more user friendly now than the QR code, I feel like the QR code is kind of like a minute left.
I yeah, I don’t know many will be used to QR code yeah. You know I gave it to my vendor in case she had people that ya know. I don’t know anyone. So if I’m in a collaborative situation as I am with with bath or with other people, we’ve already talked about it, I’m going to you’re going to she’s writing for me and we’re collaborating, and so I have it on my site and then she’s going to share It on her social media and write with being him catering, let’s say with Arrowhead acres.
They don’t do a lot right. I come up. You know what does do, though, bnm catering amazing photographers, whoever always talking about photography the photographers real and mostly know how to use the social media. So often a photographer will do a wedding. They’ll write a blog with the beautiful photos and then they’ll put it up on their site and say: here’s. You know so-and-so’s wedding and here we’re all the vendors and they tag them on Twitter and on Facebook.
I do know, but no – and I don’t even know the one that photographers who want a little bit, who want their photos shared right, so Tiffany choice. Just did it last week for a vnm, I didn’t know her. I didn’t know she was at this wedding at Camp Hoffman, but she posted and she tagged, bnm, catering and so being a medium shared it and now being M catering is going to put it on a blog of what, because she gave us permission to use her Photos and eventually it’ll go on our email and it’ll go on our Instagram and our Pinterest yeah.
So she with that little effort right tagging at the nm catering going at clambake. Oh, I’ve got all that juice just from one other company, and hopefully other people are looking as well any other questions when you take a picture and you put it on your site or something and somebody else uses your picture, do you do you get? You know? I mean: can they just do that or are they supposed to yeah? I used something on the website.
If it’s not one of our pictures, I’d give them credit. Oh yeah, more file or files, a good source for pictures. I use Peck cells, rge photos and you can search by topic and put them there with permission for you utilize them. Sometimes they just would like to know how you so I’m an artist, and I use that time to help collate a bunch of photographs, push them all together and create a painting from it, and they like to see this for images packed cells, PE X, Els, castel’s, Con three pictures – you can put keywords in so that’s a really great question, my supposed to search engine optimization when you’re putting your images up on your website before you load them up to your website.
You want to give it a name right instead of image o for one give it an image, maximize your vendor event, one and then, when you upload it to your site, usually WordPress will give you the option to have alt text so you’re going to also use One of your keywords in there maximize your vendor event, and then it actually gives you a place to put a description as well best practices for maximizing your vendor event for small business owners, though these are the keywords that I want to get found on, and so, Though that was a really good question: yeah goes until like search engine optimization because we don’t see it so.
Actually the alt text, though, is I think, and I’m not not my world, but I believe the alt text is very helpful. Slash, maybe you’ve been required in some cases, because if you are a vision, impaired person on a website, it’s going to read to you. So it’s going to say image all for one or it’s going to say maximizing your vendor event. I also am a big fan of the watermark making sure that your watermark or your website or something is on and what’s on a picture that you don’t want somebody else to use.
I guess when I said. Maybe it’s not really a watermark. What I’m talking about just saying, maybe just put your logo on it, and you can like fade out that you can fade it out if you want to so I don’t know if I’ve actually used the right word, but basically have it branded. Somehow, if you don’t want other people to take it good, have some lunch. Thank you guys. So much
Who is helping with your digital business footprint?
This is my first war camp for a long time and it’s really exciting to be here. I flogged you all for making it to the bitter end being here for the last session and I hope to make it my hands developers: users, sweet nice mix. Okay, my objective today is really to give you some of the best practices for creating just a nice visual design.
Very basic we’ve done a lot of coats up. Our my head is hurting all of the code of all the technologies that we’ve been talking about this weekend later, i’m also enough emphasis with I don’t usually work out the powerpoint and usually much more free-flowing. So this is the way I would normally go through a session like this alphagraphics set in place ahead of time, so so design, really. It is what we have in our minds and we bring it out into a way that we can express officially with the world right, pretty simple everything around.
This is designed that Ramos says wow gorgeous design. If you really take a look around you, this building is a ticket out. Every single thing in here has a very conscious. So what this is about is designing on the web, we’re going to tell a story, always whatever we put out there. It’s not always a story, one in town right, so my goal here is to show you how it not to have. Your site looks like this for this one, I’m quite as bad, but itself pretty crazy, not sure what they were thinking.
This one actually has a slider, so it’s not that updated and yes, this is huh this one I just had to show you live, because this is a very interesting content. Maybe this was a class think it is not going but visually it’s really confusing. I’m not the way we want to design your site comes back, I don’t know, I think they updated this blasted fall 2008. So, okay, ok, so we measure our help. You make sure your design, so don’t socks with it.
When I hide first things with any project design development, what happy any project need to ask more questions right? We need to find out who’s the client first of all who’s their customer. What’s the purpose of the website is an information like a brochure. Is it an e-commerce site supposed to sell things is supposed to get directions? What’s it supposed to do, there’s so many possibilities, it started and then what we needed to do, what kind of functionality this is websites have all of those things go into the design.
What’s the customers paint is this a site for APD client who can’t deal with a lot of visuals? That needs to be very simple, clear, or is this a store where we need to have lots of products with clear information and different categories? Something like that? What do we need to do? What’s the customers paying, were they looking for their existing Brandon at paid for into our design? So the customer might have seen this a lot.
They might have a logo, that’s don’t and years old and could use some refreshing stay with it. So how can we use their existing branding and still like something that’s attractive? I’m a visual person, I love Pinterest, is great for inspiration and colors make a huge difference in the leg and the move and it creates so we’ve got the color wheel here and raise your hand if you’re familiar with the power bill.
Awesome if you’re not just take a look at this with red cool colors, I reg we’ve got more colors and then over here we thought the way the color wheel is broken up. We’ve got primary colors, which are red, blue, yellow and secondaries, which of those complementary colors on the opposite side of the wheel, and then you’ve got colors that are complementary, they’re next to each other. Now, there’s a lot of psychology that goes into choosing colors for your website lose tend to be kind of corporate business.
Brad’s are obviously more fire sites green button. So there’s some information there there’s a ton of information on the web on psychology taste the rainbow not before about not for this, so we want to go a couple. We want to keep it simple best practice for your colors in any design that particular website one or two main colors that complement each other and an accent color, which is also called a conversion color.
So, for example, we’ve got two shades of warm color, which is fine, use, multiple shades and second color here, and our accent color. That usually needs that we’re going to use that color for what we want. People can do something some examples of our two and then the accent oh, so this is just a quick example for this particular site. We might have the background, be yellow or toned down version of that yellow and then some blue and then the accent color might be the five buttons for the links.
So that’s what that conversion color is course. What do we want to use that for when we want free to resume for choosing color schemes? I don’t use a photo. I just I really like to take a photo from nature. For example, you can be nature all colors go together. They just do just you. So you take a photo, you might pick up some colors out of that which is kind of cool. This is a tool that’s available online through adobe kuler and actually use this.
So here’s a green there’s, a and I’ll have the slides up on slide deck. Another tool is called lovers: this site is kind of cool because it’s all user-generated collar comments and patterns. So if we’re on the people to browse palettes, you can actually see some color schemes that people submitted and granted they’re using more than the top is the basic two colors but inspiration. And if you like.
Some of these, you can also make your own thoughts a question color. Yes, I’m actually cooler is a great tip that looks really cool. I found a really helpful trick. I was called instant eye dropper and I found that it’s like a little feet. You’ve heard of us, I see that look on your face. You can literally pick out a color from a picture because I had I had a client who was like um. I just pen, and I really love the color of my head.
How do I get that? Color, if I can send you a picture of it and you can literally get the HTML code for any pixel in a photo, I found it really really helpful. You can work when we go back to the 1 i’ll, give you an example of that. One thing with the pictures I used similar tool and open same tool or not, but a lot of post color scheme thought I was going on my website. So, if you’re ever looking for some inspiration, okay, typography exactly this – is just a definition on Wikipedia the art and techniques of arranging type in order to right.
Well, you get into it. It’s not quite so simple, because we have so many choices. We have our syrup a sign. Sir. We’ve got Wi-Fi like ultimate our display. Fonts we’ve got crazy. Now we have joined in fines and have all capitals of handwritten fonts and when you’re choosing fonts or guidelines again, I’m definitely in the camp of keeping it simple, clear and easy to read. Some fonts are easier to read than others.
This is doubt about it, especially in your body. Copy text like helvetica, is cheesy to read George’s easy to read, there’s a lot of them, but one thing, that’s really important to point out is that we’re not you’re not limited to what we call website, fonts anymore, which or like this will be our computer system. Fonts and then d we had 10 or so we are unlimited. We are only limited by the licensing for the pond, but clear and easy to read just like home, we’re going to one font, maybe two for our website project and your than that and get this when you use to any faunsdale wipe your attention.
It’s too complicated. Our brain can’t easily comprehend, and so people are just going to check out opposites, attract back pump with a skinny pond cir for the sponsor. If it’s things like that, try to make them line-height show you a second life yesterday so used to paragraphs which one you think is more evil. So lines are spaced a little bit further. Apart than that, it’s a little harder on the eyes to focus on and the longer your line, the larger spaces should be okay.
You can take that too far. The opposite! Yes, there you are there. The main wilson signed about left justification for justification. It really depends on the photo page. I I like left justified. You know, I don’t do that. That is really hard to resend. You have crazy, spacing font spacing on online and again it really depends on a project. As a general rule, I go left justified. Don’t do a lot of center it just don’t it’s not! My style will do.
Fpt SIA has no style right justification, not so much unless you’re. Once you do this for a while. You have a sense of what what looks right. So you really it’s all about practiced, my each one of these to the extreme code, but it’s hair bow tie our fee. Sorry, each one is typically are our page title headline right and hierarchy do some construction, so it tells the reader. These are the things that are most important and it changed SEO again.
There is still some SEO benefit to hire h2 typically design perspective. Each one is the biggest page to a little bit smaller, it’s three, a smaller still and oftentimes have that on or different colors and it’s the same font different color. The fonz in New York logo doesn’t count on to your body text and then folding. If you could have a h4 h5 one, two, three, maybe four so a couple of tools you can use I’m web fonts really easy.
Google is awesome. Your google fonts they’re, all free. You can download them to your computer. You can use your little snippet of code to embed them on your website. So if you say I want to display or handwriting press, it is with it. Okay. So if we want, we wanted to use this one we’re making a fun halloween page and they wanted to use that. Then we go down here to our collection. We can review it or we can just go right ahead and use it, and then it tells us the code that we need, and it gives us a couple of different ways to do that.
Import it from the global FBI use the JavaScript we want to, and then it gives us a CSS gracias, really easy and they’re constantly adding some of them are better than others, and some of them are absolutely gorgeous touching the 10 people, but for the most part, Is a lot to choose from there and then another tool that just as many choices in a different way, a spawn squirrel? These are all free for commercial use, great great, great, great fun download them.
You can’t have a font on your computer and you want to use it. They have a web font generator and as long as your license allows it Adobe’s once you can’t as long as your license allows its body and you find on file, and you upload it. If it will create a kit yeah it does work on Internet explorer. Internet Explorer is always going to have some things that it doesn’t like. I use this all the time on client websites, and it gives you all of them in your kit.
It gives you all the formats at your vanity yeah, really great resource yeah. I used lots for a lot 10, so you can you know if you want to just look around it, finds on there’s tons and filter. Like I said, and then this one I just found yesterday, actually a chemical there’s, some sect of it will automatically pair fonts for you, and this one gives you some choices, they’re kind of already down the work just play around, and I will ask you last everybody: These tutors, mostly we are 45 a penalty.
Not a lemonade stand. Please don’t use the gossip a crap if you’re making a comic book, it’s definitely going to use more at odds poster not really what we use for this is maybe a personal preference say. Oh sorry, doin he’s not a quick question about her lower case. I uppercase seems to be really popular, really i’m catching these days. Personally, I think it feels like yelling and shouting and angry and aggressive penfield depends on the font depends on the project.
On my website. I used primarily a lowercase Q sentence case on my own side. I think that in a headline – or you know something like that, that you want to call attention to all caps is fine, but absolutely you can be overused and it is. It can definitely perceive great grits and layout with responsive design. This is really kind of gone out the window, but I want to show you the basics on grids. We want things to be lined up well, so that their visual, we have what three seconds, maybe five.
When someone gets to our website and they’re going to stick around for a while, so yes, it was important. Yes, everything else that we went about this weekend is important still have to work so a grid in the city. This case, these are three columns, either through the whole broken, but everything is really lined up right. This is just a poster. This isn’t your website, but this is a website and it’s very it’s built on a grid.
We’ve got the four sections here. These two rows really the rest of the upper part of the site, so they work in a grid, even though everything doesn’t have to line up exactly to the edges. But it’s you don’t have things all willy-nilly on the page now this light, you might think. Oh well, there’s ranged arrived right and then lower down page, so it really is felt. This is charity water. It’s a really great example in the well-built well designed website again lower down the page still have, and they have broken it down even further.
This section takes up three columns and this 15 husbands, I’m Reds, i’m looking to quickly and I wanted to make this lightweight face and haddock. It’s not crowded, ething right, no need some breathing room. Minimalistic design designer knows he’s achieved perfection. There’s nothing left to add, can’t take anything else up without degrading the design smaller line height. This is the photo and there’s not a lot of space there.
That’s. This is a nice example of a site that I found that was googling and they’ve got independence lay out there. They’ve got the good work in auto white space living room, elegant, simple, there’s very little on this page right, they’ve got two colors black and blue. Louis, is there converse and white is their background when you click on it and as you scroll down page again, a couple of lots of white space, very simple, very clear: this is a very well designed website and just because it doesn’t have a lot on it.
Didn’t take a lot of time yeah, as for so many things, music. Do you go through the non-designers web book by Robert Williams at any point yeah when I was taking green leave, that was like the first primaforce non-designers welcome it’s a quick read into the lowdown. Not as deep as you Robin Williams, not the number yeah. Thank you. Ok. Moving on to images the best colors best typography still needs to focus, not just what it looks like it.
The visitor feels ok, tips and best practices when you’re choosing photos really important respect. The photographer you’re using something that you found on a photo site, make sure you, but don’t just grab photos off of it. Don’t Google something grab a photo and use it even even with incredible tonight, if you’re using something for commercial use, you have to have the proper licensing rights use images that are relevant.
I’m not going to put iron man on our a PhD side. Army then use images reflective, so you have a site, might have stones, might have lavender they’re, not again like that. Iran quality counts. If you have a great camera and you can take some well-lit looking photos, there’s great cameras out there a lot but make sure that you know if you have you’re making a hotel site, those gas terms have a proper lighting staging that they look professionally done.
It’s going to reflect on what your customers name, I popular affair, loquacious, and they give me. I can’t use any of them, but I have to have it really hard conversation with what makes a huge what resolution you probably all know 72 DPI and use optimization tools, whether use Photoshop or use an online tool, or something like that. Just so that you’re, not using 300 DPI images on the web that will slow down your site, important speed is jpg and PNG formats are best.
I you can use when I have many a transparent background otherwise into Jacob, because the files are smaller. Sightlines is something I don’t really have a visual for you, but you know you have an image of a businesswoman right and she’s looking and cover by button here since she’s looking over here, she’s faced like this over his cross because he’s so many photos now and She’s looking that way, but he flips that photo and she was looking down survival or up towards your newsletter signup box, going to follow where she’s looking, naturally so pay attention to how the photos you choose.
Are they working with your content, great place to find images for Redick on fight? You might yes come fight, pulls its database really cool, let’s just search for okay. So all of these images, above this line our stock photos in your body. Everything below that line is from flickr, so you can click on photo and if you hover over it, it tells you the dimensions that it’s available in UK example, one that one’s on the x that out usually works.
But usually you can ask them out and they just disappear, but this photo. It tells you what sizes you can and then it allows you to download it. It also gives you this code to copy and paste, so you give a photographer really really important and before you choose a photo over here, you can choose your career Commons license, so you can select that only one because of I am licensed to use commercially.
You don’t have to worry about everything else out there, everything below this line. You are able to use. If you embed that code. Yes, there is a wordpress plugin, yeah yeah. I times not use the poor guys. But yes, sir, what’s it called Kampai yeah, really good, because, yes, Creative Commons has its own search tool? Well, search, google! All of different places, figure out our website choose to go pee I use istockphoto on any stock photography.
It’s I find it the most reasonably priced with the best selection without getting super super expensive. They think their pricing has definitely increased to a year, but it’s still fairly reasonable resource, and this is really our design has to relate to our customers audience it. Doesn’t it’s not, I ha you’re talking about my hair yeah and you know we really had to give developers credit. I mean there is no way that can I do both, but I don’t do the development and there’s a reason for that.
A long time when I first started my business, I did fall and I found that my my designs were limited because, as I was designing something I was thinking okay well, I wanted his homework right, so I wasn’t able to really be an expert in everything. So I said this is where I want to focus most of my energy and I’m going to hire somebody to do the heavy lifting of the desktop for me and that’s how I work and and again this talk was initially thought I thought.
Well, I work with so many customers who come to me that had an awesome, developer and love my developer, but he tells me he doesn’t right, so they come to me to help guide him so that they can make they can make it work very good points. Make sure that your be sizing that you’re keeping the aspect ratio? Yes, jpg me there’s a lot of tools. That’s not that’s what I haven’t heard of, but thank you okay, so I’m just giving you all these headlines right.
What we want to do art is about bringing nipples so take the guidelines. Practice get comfortable but know that you don’t have to do everything by the book, because that’s where r is we want to be able to express ourselves. We want to be able to provide our clients with something that’s valuable is going to work for their customers. What we want to be creative at the same time, so kitchen hole yourself, questions anything I didn’t cover.
Yes, do you have any suggested tools for the grid lines how to make sure that website bonds up, I did say I was going to show you yeah you can do you use what you use for virtual editor? I don’t. I might use photoshop photoshop um. You can there’s a setting the top. Like the view settings you can show the grid okay, then you can adjust the grid to how many pixels you want not to be okay. Yes, I’m sorry wish you were too um.
I just sorta stop the most. I think I picky is one on the web and I believe that still free splash splash splash up, but how does powerful as Photoshop and it’s tributes there? Well, you know. Sometimes I really don’t want to fire up photoshop right now, because it’s heavy splashtop jump right. Well, in your are Mac preview is a gradual, you can resize images writing preview and it can change the resolution.
You can change the conventions you can, I add, can’t change like Frank, but for quickly side he’s ready. I think you can do the same. We were talking about the color dropper. I use this little thing in Firefox, where I can click on it and it’ll cross hair shoes, all kinds of colors going to click on color that I want it will automatically pop you that to my clipboard or I can flip this little drop-down and I can Copy all this any different values, and I need our TV or and if it isn’t quite right, I can click on, and I can just drag this around.
That’s a Firefox cars are yes, one of the great things in WordPress is that the themes do so much. The layout for us aviva populated with content, but one of the challenges faced with a good header. You give us any wisdom just to point us in the right direction for headers yeah, I mean using these practices that we just talked about. I mean again event depending on project a nice logo. Logo type type is nice if your customer doesn’t have one.
I don’t use a lot of like photos and such and a header, but it depends on again what the project is make sure it’s balanced are going to match. Yeah, not sure. If that answers your question. Okay and definitely um again depending on the site, you might want something: that’s really bold and stands out with. You know big bond and without being over-the-top and then maybe it’s for a very basic site.
Sometimes the header is the main graphic on my entire page, and then you just have some fonts that you do a proper placement and that’s enough for the design. Yeah you an SEO is a great tool, if you don’t use that already, and it will actually give you it will give you a a visual of where people are looking so it’ll actually give you like different colors on their page website up, and it will tell You what people are looking at by where their mouth is and what they’re clicking on, and you can use that in your design, research or if you have a page, it’s already there as a way to maybe make some edits.
That is your classroom door. Yes, I’m just wondering if there’s anything you can say about um how much your your main should be broken up into different sections or pages or whether you should have one long page or if there’s anything that you use this rule of thumb yeah. It used to be that above the poll this we have everything about pulling a lot, not pages, although that’s not really the case anymore, especially with mobile, I mean people.
Are they expect this role? That said ridiculously long, because you could certainly break up, I tend to say you know four or five, three toes food blog posts about the limits girl break it off to the next one without yeah. I allow the scroll like and I don’t design against that, but you know use your judgment. You don’t want the user, but I think if they can get to the information. Yes page, I started seven years ago.
This company is confident, I think, that’s a great question and they do need information at your talk about again. It’s at all, we used to do. We don’t think they know where they are right. That’s it. I don’t put a ton of information. I would recommend putting a ton of information on home page. They do recommend. Is that you’re very clear what you want the customer to do next? So your call to action needs to be really clear on your home page.
So maybe it’s sign up for the newsletter. So you make that button, really big, that’s what they’re going to do. Maybe they it’s a link to hire you. Maybe it’s a link to go, buy something pick one thing: maybe two that is really important and design around that most people aren’t going to come into your and on your homepage, they’re coming from somewhere else. Okay, so the other pages are really want or you want to expand your content, and your homepage is like an introduction, the combination of a introduction and a soft sell here.
You are what here’s what I want you to do. Next, that’s that’s the way. Yeah again, it’s going to depend on the site. It really is remarks you want to. Thank you all for coming, be sure to thank sponsors. You can look find them online if you guys are local, be sure to check out the Boston, wordpress meetup here once a month, yep Boston’s org and we should have articles up and as well give it a month or two the presentations only for saturday and sunday, With the exception, I want to choose, because someone there’s one there’s only one: oh there’s one! Okay, if you didn’t pick up your shirt, this is the registration desk.
For your website right So when someone comes To visit your website, what are some things? That you want them to do For me. The most important thing is: they need to find all of our fresh new content on the homepage, So we have a lot of Content coming out daily, whether it’s interviews or news articles, So I want them to be able to find that and easily find the thing. That’s most relevant to them Right.
So just kinda Go down the rabbit hole of all your content. Getting the freshest first Yep And then possibly find oh cool. Here’s a related article, [, Morgan, ], Yep, yep, And then here’s another article, So that’s super important Yeah, You have a plan for your visitors, So same thing with you. When you want someone to visit your site, is it just to get information about you? Is it to call you? Is it to contact you? Is it to buy your product Whatever it is? You wan na have an idea of what that is going forward so that way, when you develop your website, that is priority number one, whether you’re designing the site or you have someone designing it for you, Okay, so I have a homepage but other than that.
What other Pages are important to have So homepage. Definitely important. If you don’t have a homepage, you don’t really have a website, so that’s kind of important, But other than that. You Want an About Us page, you want to talk about yourself and really talk about how You you help the visitor, the consumer, the customer right, The About Us, usually in typical fashion. Here’s the company’s history.
[, Morgan, ] Yeah, A lot of people may not care about that With your About page. Have it really about how you help them a Little bit of your history but more important how you help them Have a Products and Services page to really showcase what you do Have a Contact page, because that’s super important. For people to contact you And then lastly, a Testimonials page People love that social proof. You can pull reviews from Like Yelp, Google, My Business Facebook, wherever you’ve got a review plug it on the website.
And really show people that you are who you say, you are Yeah and with those Pages people are either finding you through social Or just going to Google and finding you that way, and so these are the Pages that they wan na do and they’re doing their due diligence. They wan na know who you Are why you’re an expert? What other people say about you? What product and services you offer so yeah having those Main ones are perfect All right so now another thing to really keep in mind with designing your website is you want to keep it simple And what I see a lot? Of first time, people do is they’ll, go in, they have like paragraphs and paragraphs Of their content, They wan na have everything there, Literally everything So they throw everything on their website and it’s Just a giant block of text, that’s super hard to read and I know us millennials don’t really like to Read we like to skim so it’s really tough to Understand where to go, Don’t be afraid of that white space That negative space that Basically has nothing, it helps people just see better, It helps out eyes, breathe and relax cause we’re not straining Yeah Right Yeah, What’s some other things to really keep in mind with the website? I think once you start Putting ads on your site is to limit the number of ads.
Obviously you want to Monetize your website, but if it’s just bombarding you with ads, it’s a really poor user experience. I know that I’ll find A recipe on Pinterest I’ll click on it and It’s just bombarded with ad ad ad ad, where I just say It’s the worst I don’t want to make this casserole anymore and I’m done Those clickbait-type articles right, Yep, You’re on social media, you click on it. Then it Gives you like a paragraph and I go onto page two and there’s a bunch of ads and it’s like 17 Pages for what could’ve been like half a page, Yeah, Going back to the purpose of your website, the reason you have a website is cause you’re, hoping to turn these users into clients or paying customers.
So if you have too many Conflicting messages they’re just going to go away; And you’re leaving customers sending them away because You have too much going on Absolutely and I think The as a beginner designer or whatever you’re doing, I would shy away from using ads in the first place. Until you’re established, Like you said, it’s About the user experience and if the first thing they See is just a bunch of ads they’re not going to trust you and they’re, not loyal to you.
Yet to understand like okay cool they have ads, I Already love their content, I love them. Let me help them out and maybe I’ll look at these ads, but if you’re not there, Yet shy away from them, And now, with the website too, you also don’t wan na Have just super random, conflicting colors, It stresses out the Eyes, like a yellow text on white background, just doesn’t work. You really wan na stick to Kind of your brand colors there’s a lot of cool little like complementary color wheel.
Calculators out there online just do a quick, Google search and it’ll show you cool Plug in your primary color and it’ll give you some Complementary colors that look good. That’s not Going to be too overwhelming for the end user on your site, Because if you frustrate them, And stress out their eyes: they’re never coming back Now. I know with your website. You have a ton of content, so lots of experience there.
What are some best practices when it comes to content with designing your website. First off, you want Content that is relevant to you and your business And your audience, If you are a dog, groomer and You are writing about plumbing. Then people coming to Your website are not going to find that helpful and They’re going to go away So make sure that whatever your audience is coming to you for You’re writing content that you like, and you Can use Google Analytics or just ask your audience what They want to hear from you and you can start writing.
More content about that, so it’s more in line with What they’re looking for, but then also you wan na make Sure that it’s consumable, You can’t just have This giant block of text, because you wan na put everything in there. I won’t read it. No one’s going to read it, so it’s as simple as trimming it down to the core message, but if that content is really important, then Just hit that return bar and add some spaces, so that way, it’s nice and easy on the eyes Right.
It’s not an essay When you were in high school, You wan na break it up. Even if the paragraph is not the perfect form make it easy for the visitor to read. Have nice bolded Headlines or bullet points, or quote boxes, break up that content Make your English teacher mad. Okay, Just make it nice and pretty Yes, we’re going to get Some angry angry emails, but with the website itself, Too, you really wan na think about the structure.
Of the content, as well, especially on the main pages, the blog posts and things like that – definitely have to have structure, but so does like say your homepage. Now you don’t want that. Block of text in your hero, So the hero of a website, is basically that first little banner Header area that you see it usually has some type of text saying here’s how I help you a call-to-action and a nice image on The background, usually Images with your website: They have to match your brand.
You can’t just throw out If you’re a dog groomer some plumbing stuff cause That doesn’t make sense. It’s weird What about corny photos Like corny stock photos? I mean, if you don’t, have any photos. I would say that corny Photos are maybe better than a blurry photo from your phone. It’s true But maybe it’s time to invest in a photo shoot, so you can get really Nice, high-quality content and images that really show and display what your brand and your Products and services are Absolutely My two cents, A professional photographer Will definitely elevate you, especially if you’re a brick-and-mortar having someone coming to your place and take super quality.
Photos that way anyone can actually see it is great Worth the investment And now, if you have To use stock photos you don’t always have to Use the super corny ones, there are some free Resources that I like to use when I’m designing websites for clients, so pexels.Com is probably my favorite one and then unsplash.Com Is also a solid option, Basically photographers Are going on there uploading some of their Best work to get exposure and they’re giving away for free, which is super, awesome and helpful.
You can donate to them if You really like their stuff, but it really elevates your website, so it has some beautiful imagery, especially when it’s on-brand Okay, this is awesome, but what else do I need for my website Right? So with your Website you really want that purpose of it right and we talked about what Is the goal of the website? Part of that goal is Having a call-to-action and not just one call To action up in the hero, you want multiple call-to-actions throughout, So a call-to-action Is a usually a button or a link of some sort that says, learn more get now buy this product Subscribe to my email list.
Yes, Something basically telling The user to take action So again you wan na Have in the hero image, but you also wan na, have it Throughout the website itself, at the end of blog posts, I really like to have it at the top of the navigation bar upper right, just because the way that People’s eyes kind of travel around the website, It’s usually in a Z formation, so they’ll start at the top left, which usually your logo they’ll, move over and have the navigation, but then have a call-to-action right there and then they’ll, kinda scroll down, they’ll, see other content And to the right they’ll Kind of finish off, and especially if that menu Bar kind of scrolls down that call-to-action is Always there for them to see and use and take that action.
Nice Nealey pro tip guys take notes Alright. So now another Aspect of your website when designing is truly have Some sort of social share if you can say that five times fast Social share social share, Social share social share social share, woo got it. I’m impressed Pretty good She’s kind of the best So now, with the social share. I know what you’re thinking right, like that’s, not design, But design is every single Part of your website – and you really need to be Designing with purpose So how is social share? I can only say it one times fast.
How has that really changed your website? Well, for our website. We want people to. We do a lot of blog posts, news articles we wan na share our interviews and so having those buttons at the end of every article is crucial because we will have Article that will go viral and that’s really the goal. If you’re writing content, that is a blog post or whatnot, you want, as many people To see it as possible, so having that option that At the end of the article, they can just click and share it to their favorite.
Social network is key. If you don’t have it you’re missing out on potential new viewers and new users who can find you and your Business and your content With social shares, it can be on, like the left side bar of Like your blog page, you can have it in the widget Area on your right side bar, you can have at the bottom of a blog post. Usually people have it in Either the header or the footer, The more places you can Add it to your website without it being overwhelming the better You wan na, make this as easy as possible for someone to really love your content.
Wan na share it with the world Now another aspect that you Really wan na keep in mind and a lot of again a lot Of people don’t think this as designing the website. Is planning for SEO SEO is all about the website design and what you put into it. What are some things to keep in mind when really designing for SEO Yeah? So you have this Website you want it to be found, and there are certain Things that you have to do when building and designing your website so that way, Google and Other search engines can actually find and read your website.
[ Nealey ] Right So the first one is your source code. There is certain ways that you need to structure your website, so that way the crawlers can find it. An example. Are the image alt tags? Google is not a human It doesn’t really know what your images are. About it’s a robot right, Yep And so you have to go in and put text to describe hey. This is a picture of a dog being groomed. So that way, Google Knows that this picture this website is relevant.
For those search terms, So again, this all goes around. You have to structure your website in a way that Google wants But then also your content, you have to have your key words in there, that’s relevant to you and your business so where you’re located Yes, What your products and Services are your business name, make sure all of that is found in the content of your website, cause that all helps with your SEO And if you want even more Of a deep dive about SEO click this article right here and we can go into it even more Now super important When designing your website is to make sure that It is mobile friendly, Everyone has a mobile phone.
Gone are the days of the early 2000s when literally everyone Was on a desktop Yeah now, not only does Everyone have a mobile phone or a tablet that they’re Using to look at your website, but all the different phones Have different dimensions So all the screens are Different sizes and there’s just a lot so having a mobile, responsive, Site solves for that And most WordPress themes Have some sort of responsiveness that’ll make it look good? No Matter what device you’re using almost all website builders do as well, so you wan na make sure You keep that in mind, cause over half of Searches on search engines are coming through mobile and if your site is not mobile, optimized you make me zoom.
Oh the worst. I am never coming to your website or doing Business with you ever And lastly, you wan na make sure it works, no matter what browser people are on. I know some browsers have Some funky different settings right. So what might look good in Chrome may not look good in Internet Explorer if you’re still using Internet Explorer Edge. Edge Edge now Or if you’re, using Internet Explorer upgrade to Edge Firefox, make sure just test it out.
Just download the browsers. Really quick, go to the website. Go to different pages. You wan na QA these things to make sure that you’re not putting someone else’s experience down because they happen to Have a favorite browser, So these are all really great tips, but where do I go to find What’s new and modern and to see what other people In my industry are doing with their websites, Do you have any tips or ideas Yeah? I have lots of suggestions here.
I know designing website, especially when it’s not your forte or something you do everyday. It’s hard to really get Those design juices flowing So sometimes it’s good To see just inspiration check out other websites and you can go online and just start searching random. Websites, if you want, but I have two recommendations – that these sites really just Highlight kind of the best of the best, The first one is awwwards.
Com and the second one is behance.Com. Now both have all sorts of just graphical design-type aspects, but they do have website just examples and basically sites of the day that you can kinda check out And start picking apart, like cool. I really love this feature or I really like how this looks and mold it into your own site Kind of take the best of everything and make your own Alright Nealey. Thank you so much.
Those were fantastic tips. On how to get started with WordPress, I think if you follow those you’re going to have a killer website Absolutely and you helped out a lot which has helped me so I don’t have to come up with as much content. What can I say, But let us know your favorite Tip in the comments below and while you’re there Smash that like button and subscribe to this blog, so you get all these episodes first.
For your website right So when someone comes To visit your website, what are some things? That you want them to do For me. The most important thing is: they need to find all of our fresh new content on the homepage, So we have a lot of Content coming out daily, whether it’s interviews or news articles, So I want them to be able to find that and easily find the thing. That’S most relevant to them Right.
So just kinda Go down the rabbit hole of all your content. Getting the freshest first Yep And then possibly find oh cool. Here’S a related article, [, Morgan, ], Yep, yep, And then here’s another article, So that’s super important Yeah, You have a plan for your visitors, So same thing with you. When you want someone to visit your site, is it just to get information about you? Is it to call you? Is it to contact you? Is it to buy your product Whatever it is? You wan na have an idea of what that is going forward so that way, when you develop your website, that is priority number one, whether you’re designing the site or you have someone designing it for you, Okay, so I have a homepage but other than that.
What other Pages are important to have So homepage. Definitely important. If you don’t have a homepage, you don’t really have a website, so that’s kind of important, But other than that. You Want an About Us page, you want to talk about yourself and really talk about how You you help the visitor, the consumer, the customer right, The About Us, usually in typical fashion. Here’S the company’s history.
[, Morgan, ] Yeah, A lot of people may not care about that With your About page. Have it really about how you help them a Little bit of your history but more important how you help them Have a Products and Services page to really showcase what you do Have a Contact page, because that’s super important. For people to contact you And then lastly, a Testimonials page People love that social proof. You can pull reviews from Like Yelp, Google, My Business Facebook, wherever you’ve got a review plug it on the website.
And really show people that you are who you say, you are Yeah and with those Pages people are either finding you through social Or just going to Google and finding you that way, and so these are the Pages that they wan na do and they’re doing their due diligence. They wan na know who you Are why you’re an expert? What other people say about you? What product and services you offer so yeah having those Main ones are perfect All right so now another thing to really keep in mind with designing your website is you want to keep it simple And what I see a lot? Of first time, people do is they’ll, go in, they have like paragraphs and paragraphs Of their content, They wan na have everything there, Literally everything So they throw everything on their website and it’s Just a giant block of text, that’s super hard to read and I know us millennials don’t really like to Read we like to skim so it’s really tough to Understand where to go, Don’t be afraid of that white space That negative space that Basically has nothing, it helps people just see better, It helps out eyes, breathe and relax cause we’re not straining Yeah Right Yeah, What’s some other things to really keep in mind with the website? I think once you start Putting ads on your site is to limit the number of ads.
Obviously you want to Monetize your website, but if it’s just bombarding you with ads, it’s a really poor user experience. I know that I’ll find A recipe on Pinterest I’ll click on it and It’S just bombarded with ad ad ad ad, where I just say It’s the worst I don’t want to make this casserole anymore and I’m done Those clickbait-type articles right, Yep, You’Re on social media, you click on it. Then it Gives you like a paragraph and I go onto page two and there’s a bunch of ads and it’s like 17 Pages for what could’ve been like half a page, Yeah, Going back to the purpose of your website, the reason you have a website is cause you’re, hoping to turn these users into clients or paying customers.
So if you have too many Conflicting messages they’re just going to go away; And you’re leaving customers sending them away because You have too much going on Absolutely and I think The as a beginner designer or whatever you’re doing, I would shy away from using ads in the first place. Until you’re established, Like you said, it’s About the user experience and if the first thing they See is just a bunch of ads they’re not going to trust you and they’re, not loyal to you.
Yet to understand like okay cool they have ads, I Already love their content, I love them. Let me help them out and maybe I’ll look at these ads, but if you’re not there, Yet shy away from them, And now, with the website too, you also don’t wan na Have just super random, conflicting colors, It stresses out the Eyes, like a yellow text on white background, just doesn’t work. You really wan na stick to Kind of your brand colors there’s a lot of cool little like complementary color wheel.
Calculators out there online just do a quick, Google search and it’ll show you cool Plug in your primary color and it’ll give you some Complementary colors that look good. That’S not Going to be too overwhelming for the end user on your site, Because if you frustrate them, And stress out their eyes: they’re never coming back Now. I know with your website. You have a ton of content, so lots of experience there.
What are some best practices when it comes to content with designing your website. First off, you want Content that is relevant to you and your business And your audience, If you are a dog, groomer and You are writing about plumbing. Then people coming to Your website are not going to find that helpful and They’Re going to go away So make sure that whatever your audience is coming to you for You’Re writing content that you like, and you Can use Google Analytics or just ask your audience what They want to hear from you and you can start writing.
More content about that, so it’s more in line with What they’re looking for, but then also you wan na make Sure that it’s consumable, You can’t just have This giant block of text, because you wan na put everything in there. I won’t read it. No one’s going to read it, so it’s as simple as trimming it down to the core message, but if that content is really important, then Just hit that return bar and add some spaces, so that way, it’s nice and easy on the eyes Right.
It’S not an essay When you were in high school, You wan na break it up. Even if the paragraph is not the perfect form make it easy for the visitor to read. Have nice bolded Headlines or bullet points, or quote boxes, break up that content Make your English teacher mad. Okay, Just make it nice and pretty Yes, we’re going to get Some angry angry emails, but with the website itself, Too, you really wan na think about the structure.
Of the content, as well, especially on the main pages, the blog posts and things like that – definitely have to have structure, but so does like say your homepage. Now you don’t want that. Block of text in your hero, So the hero of a website, is basically that first little banner Header area that you see it usually has some type of text saying here’s how I help you a call-to-action and a nice image on The background, usually Images with your website: They have to match your brand.
You can’t just throw out If you’re a dog groomer some plumbing stuff cause That doesn’t make sense. It’S weird What about corny photos Like corny stock photos? I mean, if you don’t, have any photos. I would say that corny Photos are maybe better than a blurry photo from your phone. It’S true But maybe it’s time to invest in a photo shoot, so you can get really Nice, high-quality content and images that really show and display what your brand and your Products and services are Absolutely My two cents, A professional photographer Will definitely elevate you, especially if you’re a brick-and-mortar having someone coming to your place and take super quality.
Photos that way anyone can actually see it is great Worth the investment And now, if you have To use stock photos you don’t always have to Use the super corny ones, there are some free Resources that I like to use when I’m designing websites for clients, so pexels.Com is probably my favorite one and then unsplash.Com Is also a solid option, Basically photographers Are going on there uploading some of their Best work to get exposure and they’re giving away for free, which is super, awesome and helpful.
You can donate to them if You really like their stuff, but it really elevates your website, so it has some beautiful imagery, especially when it’s on-brand Okay, this is awesome, but what else do I need for my website Right? So with your Website you really want that purpose of it right and we talked about what Is the goal of the website? Part of that goal is Having a call-to-action and not just one call To action up in the hero, you want multiple call-to-actions throughout, So a call-to-action Is a usually a button or a link of some sort that says, learn more get now buy this product Subscribe to my email list.
Yes, Something basically telling The user to take action So again you wan na Have in the hero image, but you also wan na, have it Throughout the website itself, at the end of blog posts, I really like to have it at the top of the navigation bar upper right, just because the way that People’S eyes kind of travel around the website, It’s usually in a Z formation, so they’ll start at the top left, which usually your logo they’ll, move over and have the navigation, but then have a call-to-action right there and then they’ll, kinda scroll down, they’ll, see other content And to the right they’ll Kind of finish off, and especially if that menu Bar kind of scrolls down that call-to-action is Always there for them to see and use and take that action.
Nice Nealey pro tip guys take notes Alright. So now another Aspect of your website when designing is truly have Some sort of social share if you can say that five times fast Social share social share, Social share social share social share, woo got it. I’M impressed Pretty good She’s kind of the best So now, with the social share. I know what you’re thinking right, like that’s, not design, But design is every single Part of your website – and you really need to be Designing with purpose So how is social share? I can only say it one times fast.
How has that really changed your website? Well, for our website. We want people to. We do a lot of blog posts, news articles we wan na share our interviews and so having those buttons at the end of every article is crucial because we will have Article that will go viral and that’s really the goal. If you’re writing content, that is a blog post or whatnot, you want, as many people To see it as possible, so having that option that At the end of the article, they can just click and share it to their favorite.
Social network is key. If you don’t have it you’re missing out on potential new viewers and new users who can find you and your Business and your content With social shares, it can be on, like the left side bar of Like your blog page, you can have it in the widget Area on your right side bar, you can have at the bottom of a blog post. Usually people have it in Either the header or the footer, The more places you can Add it to your website without it being overwhelming the better You wan na, make this as easy as possible for someone to really love your content.
Wan na share it with the world Now another aspect that you Really wan na keep in mind and a lot of again a lot Of people don’t think this as designing the website. Is planning for SEO SEO is all about the website design and what you put into it. What are some things to keep in mind when really designing for SEO Yeah? So you have this Website you want it to be found, and there are certain Things that you have to do when building and designing your website so that way, Google and Other search engines can actually find and read your website.
[ Nealey ] Right So the first one is your source code. There is certain ways that you need to structure your website, so that way the crawlers can find it. An example. Are the image alt tags? Google is not a human It doesn’t really know what your images are. About it’s a robot right, Yep And so you have to go in and put text to describe hey. This is a picture of a dog being groomed. So that way, Google Knows that this picture this website is relevant.
For those search terms, So again, this all goes around. You have to structure your website in a way that Google wants But then also your content, you have to have your key words in there, that’s relevant to you and your business so where you’re located Yes, What your products and Services are your business name, make sure all of that is found in the content of your website, cause that all helps with your SEO And if you want even more Of a deep dive about SEO click this article right here and we can go into it even more Now super important When designing your website is to make sure that It is mobile friendly, Everyone has a mobile phone.
Gone are the days of the early 2000s when literally everyone Was on a desktop Yeah now, not only does Everyone have a mobile phone or a tablet that they’re Using to look at your website, but all the different phones Have different dimensions So all the screens are Different sizes and there’s just a lot so having a mobile, responsive, Site solves for that And most WordPress themes Have some sort of responsiveness that’ll make it look good? No Matter what device you’re using almost all website builders do as well, so you wan na make sure You keep that in mind, cause over half of Searches on search engines are coming through mobile and if your site is not mobile, optimized you make me zoom.
Oh the worst. I am never coming to your website or doing Business with you ever And lastly, you wan na make sure it works, no matter what browser people are on. I know some browsers have Some funky different settings right. So what might look good in Chrome may not look good in Internet Explorer if you’re still using Internet Explorer Edge. Edge Edge now Or if you’re, using Internet Explorer upgrade to Edge Firefox, make sure just test it out.
Just download the browsers. Really quick, go to the website. Go to different pages. You wan na QA these things to make sure that you’re not putting someone else’s experience down because they happen to Have a favorite browser, So these are all really great tips, but where do I go to find What’S new and modern and to see what other people In my industry are doing with their websites, Do you have any tips or ideas Yeah? I have lots of suggestions here.
I know designing website, especially when it’s not your forte or something you do everyday. It’S hard to really get Those design juices flowing So sometimes it’s good To see just inspiration check out other websites and you can go online and just start searching random. Websites, if you want, but I have two recommendations – that these sites really just Highlight kind of the best of the best, The first one is awwwards.
Com and the second one is behance.Com. Now both have all sorts of just graphical design-type aspects, but they do have website just examples and basically sites of the day that you can kinda check out And start picking apart, like cool. I really love this feature or I really like how this looks and mold it into your own site Kind of take the best of everything and make your own Alright Nealey. Thank you so much.
Those were fantastic tips. On how to get started with WordPress, I think if you follow those you’re going to have a killer website Absolutely and you helped out a lot which has helped me so I don’t have to come up with as much content. What can I say, But let us know your favorite Tip in the comments below and while you’re there Smash that like button and subscribe to this blog, so you get all these episodes first.
Today, in this article, we’ll see how to make an Amazon affiliate website now, this website is a money-making machine people on thousands of dollars per month with this kind of website. Now, for those of you who don’t know what an affiliate marketing is it’s a very simple concept, let me explain you this, so what we’ll be doing is we’ll be creating an e-commerce website.
You can see on your screen. This is the website that we’ll be creating in this article. Now, if you see over here when you scroll down, you have some products over here: okay, some different products. We have some bags shirts, let’s open a product and let’s see what we have over here now, if you see over here, we have this bag. You can see these beautiful images. All this title subtitle usually dispatched within 24 hours.
We have this short description. The price, the long description as you can see over here, so what is happening or your is – is this: this product is not even our own product, okay, with neither I manufacture nor I supply these products. What I have done is, I have installed, or I have simply imported this product from Amazon, and you don’t have to do anything manually. Everything is done automatically.
You just take on one simple button and thousands of products. If you want obviously thousands of products, if you want only single product, you can import any product from Amazon with one single thing and it will import everything. Images, price description, short description, variations and everything completely don’t have to do anything at all. But if you want to do some changes, obviously you can do.
For example, if you want to change the name of the product you can do so you can change the price description, images and so on. Okay, so this is what happens now when someone comes to our website, they purchase this back. What happens is they will do check out on Amazon and when they do this checkout and amazon amazon will give you or 10 % or 12 %, whatever the commission rate is commission on this product, okay source? For a, for example, a person has purchased dollars product from our website.
Now what happens is Amazon if the Commission rate is 10 percent? Amazon will give you ten dollars for that. You don’t have to do anything. The order will be placed on Amazon. The the order will be supplied by Amazon. You don’t have to do anything. Ok, everything will be done by Amazon. You simply import products on your website and the person comes to your website. They make a purchase. The order goes to Amazon Amazon dispatches the product to the customer, so you don’t have to do anything.
So this is a very good business model. To start with, you can earn really a good amount of money from this kind of website now. I hope it is clear what Amazon affiliate website is now, let’s see the demo upsells that will be creating in this article, ok guys, so this is the website that we’ll be creating in this article and for the design of the website. I have taken inspiration from the top ecommerce websites, like Amazon, flip card, Aliexpress, etc, and most of the time what I have tried over here is, I have tried to keep the cost as minimum as possible.
Instead of using a 60 $ 70 premium theme, I have used a free theme. I have used free plugins. Most of the plugins are free, a free page builder. Most of the things that you will see over here are free, but it’s in spite of using the free things we have not compromised with the design of the website. Design is top-notch. We have the best quality, your design, that you will see. Okay, so we have used mother most of the thing as free resources.
Ok, now there is a plug-in that we have used, which is a premium plug-in which is ozone. I will show you how you can get that and how you can integrate it with your website. Ok, so let’s see the demo set that we’ll be creating, so this is the website which you see on your screen at the top. We have this header and here at the header, at the left hand side we have a beautiful logo. You can replace this little place it and put in your own logo.
Then we have the nav bar the navigation bar over here and I will show you how you can create this mega menu. So this is a great thing. You are using a free theme, but you can create mega menus and everything that you want. Then we also have this button. Okay, so you can convert anything into a button. You know you’re at the at the header. Then we have the cart icon. When you hover the cart icon, you will see what product do you have in your cart? You can view your cart.
You can do the checkout and so on. You can search for products over here. Then we have the first section which you see. This is a hero section, the top section. We have some title subtitle some sale going on and we have a call to action button. So suppose there is some sale going on. You can redirect this button to some category some specific product or specific, a specific page. If you want, then we have a beautiful image in the background, then, after that we have this text or this section free shipping for orders over $ 100.
Obviously you can change the text. You can change the message according to your needs, then we have the categories that we sell on our website News, design trends. We have jackets bags, then sunglasses and shirts. Obviously you can put in your own categories. Your own images over here now I have used a very beautiful animation, as you can see when I hover this category, the image shifts towards the right and the title comes at the top.
So this is a very beautiful design. Then we have this section. Okay, again, a very beautiful section: we have submits messages showing up over here with some beautiful. I can send colors the first one is free shipping, so we have free shipping, then guarantee service 100 % money-back guarantee. Then we have product offers. So you can change the icon, you can change the message. Everything is very easy.
Making any change in this article is very in this website is very, very easy. It’S all simple, visual thing. Okay, you don’t have to do any coding anything at all. It’S all simple! Visual thing and, as I have said you earlier importing products, is also very easy from Amazon. You simply have to click on one single button and everything will be done automatically. Okay, so no worries. Okay, then we have our recently added products.
So here we’ll see how a single product looks like after this homepage. Now, when you scroll down, we have our brands. You can have your brand’s that you want that you sell on your website or whatever you want, okay, so basically that would be a better thing to showcase all the brands that you sell on your web. Then we have. The post post are also very useful in affiliate websites, so we will see a little bit about post as well then, at the bottom we have the footer, which is divided into four different sections.
We have the contact information recent post. Obviously you can add recent products. Anything over here in the footer I have added these things. Then we have some few quick links. Then we have some social icons now at the bottom. Footer I’d think you cannot see this, but at the bottom footer we have the copyright text. Now, when you click on this button, it will redirect you to the top of the page.
Ok, now, let’s see how single product looks like, so this is how your single product would look like. We have the title over here in the breadcrumbs. Ok, you can see under products, we have some category. Then we have this product. Ok, then this is the product page. There are many different designs that you can choose for product page, for example. This is using the left sidebar. If you want, you can simply remove this sidebar and you will have your product page full with ok, so you can do that as well.
Now the left-hand side you’ll see if we have few options like followers product categories and at present this one is selected because this product comes under handbags. Then, after that we have the top-rated products. As you can see, these are the top-rated products, then, at the right hand, side we have the actual product or when you hover this product it gets zoomed in, but because this image is quite small.
We cannot see this effect, but when you, but when you normally, however, a product you can see the image gets zoomed in then we have the title over here: the price there is some sale going on. That’S why the original price is tracked out, as you can see, $ 27.99 is striped out and we have this sale price now here it says as of July 10, 2008 een and this time. Obviously, if you want you can in fact I would recommend to remove this text.
I’Ll show you, in the tutorial later on in this tutorial, how you can remove this tag text from you. Okay, then we have this short description which you see over here. It says usually dispatched within 24 hours. Then, if you want you can, then we have the ACTU car category add to wishlist. Then we have the categories that this belongs to. Then we can all. So it’s all up to you. This thing is optional.
If you want, you can showcase this. If you want to sell in specific countries, this is good okay, so this product is available in India, as you can see the flag warrior. She shows that then, after that we have this this tab. So here description and all these things, this is the long description and everything is imported directly from Amazon. You don’t have to type a single or text over here then we have the frequently bought together products.
This is also imported from Amazon, so the person can select this or they can simply and take this, and they can add all this products to cart and they can do a checkout okay. So it’s all up to them. Then we have Amazon customer review. You can showcase the reviews of Amazon on your website. This is totally optional. If you want, you can simply remove this tab, then we have some additional information, for example, brand name color.
You can have some reviews over here and then at the bottom. We have the related products at present. It is showing only one product. This can show up to four or five products. I think it okay, so this is how your product page looks like single product page now, let’s see how this shop page looks like okay guys. So this is how our shop is looks like very much similar. We have the title the subtitle over here then the breadcrumbs at the left hand side.
We have almost this same sidebar. We just have this one extra thing, which is filled up by price okay. So this is the sidebar filter by price followers, product categories, top rated products and so on then here I they left a right-hand side. We have all the products that are shown. Okay, you can see when you hover this, the image changes. Okay. So this is all these things and you have many options.
If you want, you can remove the Add to Cart button over here. You can simply display the the image or you can simply display the price you can, you know, do a lot of customization option now now, if I say something, obviously you will not understand what I am saying. What do I mean by removing this button or adding some extra text or so on when we get into the tutorial when start creating this website, you will understand everything into much detail.
Okay, so this is your shop page. Let’S see what we have next, then, after that we have the wishlist page. As you can see, we have three different products in our wish list. You can add to cut one product is out of stock, so you can see the stock status. Then two products are in stock. We can add to cart, we can do checkout and so on. We can also apply coupons. If you want, so we will see how to create coupons.
Okay, then, after that we have the my account page. The user will have this. My account page, they can see their dashboard, they can see their orders now. No order has been made yet, but if there is some order, they can see the order they can track the order. If there is some downloadable products, they can see those over here they can change the address and all those things from your billing address shipping address now no address has been set up yet because we haven’t done anything with this website, yet they can see the wishlist They can change their account, details, their phone numbers cell number or name and all those things then.
After this we have the cart page. This is our cart page. As you can see, we have one product in the cart. Okay, so I think you can see the product over here. You can update the cart, you can simply click on proceed to checkout and it will redirect you to Amazon to Theor to do the checkout thing. Okay. So this is basically the demo website and I hope everything is clear. What is Amazon affiliate website yeah if it is still not clear, don’t where you can simply continue reading this tutorial, and you will understand everything slowly and gradually and your you know: knowledge on affiliate marketing using Amazon will be much clearer.
Okay, so I hope you guys enjoy the demo website. I hope you liked it. I hope you liked the concept and you, if you guys, are really excited to make this kind of website then stay tuned. Oh yes! So, let’s start creating this website. If you have not yet subscribed to my blog, then make sure you do so give a thumbs up to this article. If you think this is cool, if you enjoy free stuff, then make sure you give a thumbs up to this article.
If you think this is helpful, then you can share this article with your friends on Facebook, Twitter, wherever you want and if you have any doubt any queries, any suggestions for in throughout the article whenever you have any doubt wherever you get stuck, you can simply leave In the comment section below that, what you’re, what you’re, what is the problem that you’re facing and so on? Okay I’ll, try my best to get to you and solve your problem.
Okay, now to create this website, in fact, to create any kind of website. We need two basic things: a domain name and a hosting account. A domain name is basically the web address, or the URL or name of your website. For example, google.Com is a domain name youtube.Com facebook.Com. All these things are different domain names. The address of your website. Okay, so you will have to purchase an address for your website.
If you already have one, that’s good, if you don’t have, I will show you how you can get it for free with the hosting okay and then the next thing that we need is hosting and hosting. Is these two things are compulsory domain name and hosting? Without these two II just cannot proceed further. Now you know what is a domain name is a web address. The second thing is hosting hosting is a place or a thing where, in all your website, data is saved.
For example, if you see these images all these different pages, all these products, every data that you see on your website is saved somewhere, ok saved it saved in a computer or in a harddrive that is running 24/7, so that whenever someone comes to your website, they Can see your website live? Ok whenever you go to Facebook, you see live Facebook okay. Now because it is running 24/7. Whatever time you go day-night you will see the website.
You see all the data you’ll see everything. Ok, so that is basically what a hosting is everything all your website. Data is saved and at that place now, if you have a domain, but you don’t have an hosting that what happens is when someone goes to your website. They’Ll see a blank page because you don’t have hosting no there’s no data on your website. Ok, so both these things are compulsory. Now I will show you how you can get both this thing, because there are many different options that you can get.
There are many different companies that provide hosting and domain, but I’ll show you what is the best plan for you? What is the best company for you? According to your needs for e-commerce services, specifically, the website that we are creating these kind of website require different kind of hosting north irregular hosting. Okay, so I’ll show you what is the best hosting at the minimum price that you can get? Okay, so what you can do you can open a new tab and type in blog, TOCOM, slash PMD.
Now you don’t even have to type in this thing, there will be a link given in the article description below you can simply click on that link and you will be redirected to this page now. This is the cloud hosting page. If you see over here, it says cloud hosting, let’s scroll down, if you see that three different plans over here start our cloud business cloud enterprise cloud now this is a cloud hosting not a shared hosting most of the most of the times.
Whenever someone he redirects you to some hosting plan well, you’ll, see mostly it is the shared hosting now for e-commerce website shared hosting is not recommended. You should have a cloud hosting, but if you want you can go for web hosting share hosting. If you want share hosting you, can open this web hosting link in a new tab and you’ll get those shared hosting options. Okay, if you see there’s some price difference over here, the share hosting starts as at 295 dollars per month and cloud hosting starts at 595 dollars per month, okay, and so because there is a lot of difference between all these things.
If you want, if you, if you have a very small budget, you can start with shared hosting starter plan or business plan, whatever you like, or if you, if you are very willing to do some investment to earn some real money, then you can go with starter Cloud, ok, the cloud options, so it’s all up to you. You can start with any option you want. If your budget is very small, you have almost no money, you can go with web hosting the shadow sting or if you are ready to do some investment in this new business, you can go with cloud hosting okay, so you have both the options.
Now I am using the cloud hosting package, so that’s why, in this article I will show you how we can go with this process cloud hosting process? Okay, so, as I said you earlier, we have three different plans. So your starter cloud business cloud and enterprise cloud now, let’s see what other different features that this hosting company provides, and why do I recommend this because there are many different companies that I can recommend you.
Why only this, because this is this – has something special. Let’S see what is that thing? Special okay, so, first, if you see the first two features are very crucial: it says 6c pr6 core CPU and 6 GB of ddr4 Ram. Now, a few moments ago, as I told you that a costing is a place, our computer or a hard drive which is running 24/7, it has all your web website. Data is stored, so the computer, which these guys are using, is a really strong and robust computer.
It is using a six core CPU and six GB of ddr4 Ram, so that is really great, really fast and super awesome computer. Then we have unlimited bandwidth, which means that you can transfer an limited amount of data from your website. You can upload unlimited amount of data. You can download unlimited amount of data from your website, then the most important feature if you over here is SSD space. Now there are two kind of hosting SSD and HDD.
Now SSD is very more faster than the regular HDD planck’s. If you want to see the difference, you can go to Google type in SSD versus HDD web hosting. You will see all these different articles. You can read them. You’Ll understand about these different things in much detail or what you can do. You can go to images like what I do normally and you can open. The first result that you see over here now, as you can see, that three different criteria was your speed, IOPS and latency.
This orange part is HDD. This green bar is SST in the first one is speed at the bottom. It says higher is better. Now you can see, SSD is very more higher than the regular HDD. Then the second one is IOPS again, it says higher is better and you can see. The difference is around 100 times. Okay, so in IOPS, SSD is 100 times better than the regular HD D. Then the latency again it says lower, is better and you can see the difference is hundred times.
So you know you get the idea. Ssd is way more faster, better in terms of performance, then the regular HDD. Now not only that you get SSD, you have unlimited SSD space, so that is another amazing feature now. Another feature is unlimited website hosted, which means that you can host unlimited amount of website in one single hosting plan, so you don’t have to purchase a new hosting plan every time you create a new website.
Ok, so suppose, today we are creating this website tomorrow. You might need to create some other website, maybe another website for your business or a blog or something so you don’t have to purchase hosting again. You can host all the websites unlimited number of websites in one single hosting plan, which is really cool. Now you also get a free domain. Remember this support is really good. As you can see, we have the live chat option over here.
You can call them, you can email them. The support is really really good. Then we get a free, cPanel, ng INX web server. Then we have SSL. In fact, we have wild card SSL. First of all, let’s see what an SSL is now, if you see the RAM website, we have the secure socket over here. This is what the SSL certificate is now our. What I used to say is SSL is compulsory for e-commerce, but today, from this July, 2018, 2018 SSL is compulsory for any web site.
Ok now what Google has done is what, if your website doesn’t have this SSL certificate, Google will say that this Chrome browser will say that this website is not secure. So whenever someone goes to your website, it will say you know what this website is not secure. You should not enter your credit card debit card details or your phone number any crucial information over here. So that is a very bad thing for your website now, from July onwards, 2018 SSL certificate is compulsory for your website.
Now here we have wild card SSL, which means that you can install SSL certificates on unlimited number of domains and subdomains. Then we have optimum cash. This will improve the performance of your website, make it much faster and much easier than we have memory. Cache instance of 256mb again it will improve the performance and speed of your website. Then you see, the performance is three times better than these two plans and we have 60 day money-back guarantee okay.
So we have all these features. There are three different plans. Start our business and enterprise cloud if you’re creating a website for the first time and you’re very much sure that you’re going to create only one website at least four five six months from now – and you don’t need another website, then you can go with starter cloud Because if you see over here, you can hear in this starter cloud, you can host only one website now suppose tomorrow, if you wan na, create another website, what you can do, you can ask TMD to upgrade your account and they will upgrade your account to business Cloud or enterprise cloud, whatever you request and you can create your next website.
Okay, so you can start with starter cloud if you want, if you are ready to create just one website, and if you know that I am NOT going to require another website for a few months from now, then you can use this starter cloud or if you Are sure that you have to create many different websites, then you can choose business cloud or enterprise cloud. Both are really good option. Now I am using the enterprise cloud, so I’ll click on this button, which says get started now when you do so.
You will see this screen now here you have to enter the domain name, which you want for free, okay domain name, which you want for free, so you can type in your domain name or here you can select the extension if you want com, dotnet, dot org. If you’re creating this website for country-specific, then you can select a country specific domain extension like dot CA for canada, dot asia, are.Com dot in not com dot in for India, dot, uk’ for United Kingdom and so on.
Okay, but for most of you guys, I would recommend you to stick with com. So once you select your domain name and you extensions, simply, click on proceed all right now, here you have to put in some basic information about your company, like your first name. Last name: your email address phone number. Okay, your state countries, you’ve called all these things. Then you have to enter the payment information if you want to make payment through credit card debit card.
You can enter your details so here, if you want to make payment through PayPal, you can select PayPal and pay through PayPal. Now I would recommend you to pay with credit card or debit card. Okay, that is much better option. Then we have some more options over here. Okay, first of all, you have to choose the data center location. Now the one you have to choose the one which says nearest to you, for example, here Singapore says nearest to you, so I am selecting this one period is by default 12 months.
I also recommend 12 months. It never select one month period because you have to pay seven dollars extra per month, so that is not recommended. I would recommend you to select twelve months from you. Then, by default domain privacy is stigma. You can leave it tick mark. It will cost you around. Ten dollars extra per year, but I think it is worth it it will protect your identity from anyone. Okay, if you don’t have this tick mark, anyone can see who? Who is the person who has registered this website? So I would recommend you to just tick mark this thing.
Okay, now at the bottom we have a very important option, which is promo code. Now here you have to enter in a year seven and a double y AR and numeric seven after you do so. Click on apply now, as you can see, it says this promo code gives you seven percent of this purchase and seven percent is the highest discount that tmd offers on cloud hosting, so you are getting the highest discount possible.
So that is a great thing once you are done with all these steps, simply click on with your. I agree to the tmd Terms of Service and click on checkout. Now, once you click on that checkout button, you will receive our email from DMD hosting now. This email would look something like this, so you have your username, your FTP C password. You have your server IP name servers and all the important information that is required.
Okay, so L, all the important information are entered over here, make sure you save this email somewhere. If you multiple email addresses, you can forward these to those different email addresses. Okay, that would be better now, if you see at the bottom, you have this control panel link open this link in a new tab and copy your FTP, username and password from here come over here, paste it over here, okay, paste it over here and click on Login now, once you click on login you’ll see your cPanel.
This is see the cPanel. Now, what do you have to do because we have purchased the hosting and domain now it’s time to upload the website or it’s time to install WordPress on that domain? Okay. So, let’s go at the bottom, you’ll see under Softaculous app installer click on this now here we have WordPress is the first option when you hover this, you will see this option install button click on this install button.
You will be redirected to this page now from the top make sure HTTPS is selected. Okay, because if you see or hear the it has HTTPS okay, so secure socket as okay make sure s is included over here. Then, after that, you have to select the domain name on which you want to install WordPress, so I’m selecting the domain name for me, then, after that you you have this WP already typed in oh you’re, in in directory, make sure to remove this thing.
Okay make sure this this field is empty. Then we have site settings, you can put in your site name and site description so and I’ll simply put Busan tutorial by Nia Shaikh. You can put anything. Obviously it’s all to you. I am just putting site name, as was on tutorial and site description as binary Shaikh. Then we have to change the admin and password okay. So let me change the admin and password.
As you can see, my admin username is quite different. I have a uppercase letter, a capital letter to capital letters at the beginning. Okay, then few small letters – and I also have this underscore okay, instead of the space I have used this underscore. Okay, so make sure you have some things are using him. Something like this, which has upper case lower case and a few special characters, or maybe few numbers, if you can include okay, then change this password.
Let me put in my password over here, okay, so I am putting my password then after that make sure you also change the email address put in your own email address, so you go at the bottom, and click on install okay, so WordPress is getting installed on Your website, it will take few seconds. You can just simply wait. As I said it has taken few seconds now we get two different links. First, one is you simply your website link? That is your website: let’s open that in a new tab.
Okay, so this is how our website looks. At present, we have this beautiful SSL certificate. I did talk now. The second link is the dashboard link? Okay, let’s open this in a new tab, so this is the dashboard link. Okay, the control panel link from where we will be controlling everything that happens on our website. Okay, so this is the page from where you can create products. You can create post. You can create pages, you can create everything you can change this style.
You can do everything so whenever you want to come to one want to come to this page, your control panel, page, you simply type in your username or your URL address, then type in /w p admin all right. So we have seen this is how our product our website, is looking. This is how – or this is our dashboard now at the left hand, side you’ll, see few options. Don’T worry I’ll, explain you all the options, we’ll use, almost all the options that you see over here, okay, so the first.
Let’S do one thing: let’s click on appearances now, if you see well, your three different themes are already installed now for the for those of you guys who has seen a wordpress tutorial for the first time. A theme is nothing but the design of the website. Okay, for example, by default, we are using the 2017 theme and, as you can see, we have this snapshot over here. This is how the website will look like and exactly.
That is how the website is looking over here. Okay, now, if you use this theme 2015, this is how your website will look. You can see the snapshot this screenshot okay, so you can change it now. We don’t need all these themes. These are really boring themes, so we can simply delete it and we’ll use a very useful, very cool theme, which is a free theme. That is a great thing. Okay, so if you want to add a new theme, if you want to change the style and design of your website, simply click on this add new button.
Now here, let’s you will see that thousands and thousands of free themes available over here you can install and activate any one. You want. Okay, now, the one that we want is called ocean WP. So, let’s type in ocean WP in this search bar okay. So this is the plug. This is the theme, simply click on this install button. It will install this theme on your website now. Let’S activate this theme, so click on activate button.
Okay, so once you install and activate the theme, let’s come back to our website. Let’S refresh it now, as you can see, the design is totally changed, and now, after some time, we will convert this website. This boring website into something amazing like this. Okay, we’ll change the design completely now again come back here. If you see, we have one notice which says that this theme recommends this plugins and all these plugins are free.
So, let’s install all this plugins and by the way, a plug-in is a way to extend the functionality of your website. Okay, for those of you guys who don’t know okay, so you have used different plugins for different functionalities. For example, let me give you a very perfect example, which is blue commerce. Now, by default, WordPress is not meant for e-commerce websites. Okay by the default WordPress cannot create any product.
You cannot do all those options. Okay, if you want to convert your website into an e-commerce website, you use a plug-in to add they from all the functionalities and features of an e-commerce website. Okay, so that is what a plug-in is it it will add and expand the functionality of your website. So we have three different plugins, so here we have, which is a free and best page builder. We have ocean demo, expert, export and ocean extra.
So, let’s click on this begin installing plugins link. Ok, so all this plugins are here you can install one by one, but what we’ll do is we’ll take ma voiture. It will select everything and from the bulk action we’ll select, install and click on apply. Ok, as you can see, all the plugins are installed. Let’S click on return to dashboard. Ok, so all our plugins are installed and activated. Now we need few more plugins, free, plugins to eat or to add some more features to our website.
So what you can do you can hover plugins from the left, hand, side and click on, add new to add new plugins. Now the first plug-in that we need is obviously boo, commerce, ok. So what we’ll do is we’ll type in commerce, foyer, ok, just simply type who commerce okay. So this is boo. Commerce by automatic you can see it has more than 1 million active installation, so more than 1 million websites are using WooCommerce.
You know at present. So, let’s click on install now, let’s activate this plugin. Alright! Yes, now, once you activate this plug-in, you will see few notices over here. So what we’ll do is we’ll see all these notices later on? First, we’ll have to install few more plugins. So what we can do is we can simply again click on add new. Ok, the next plug-in that we need is Elementor, essential, add-ons I’ll give all these plug-in names in the article description below you can see those ok.
This is the one elemental essential add-ons by quartic. You can install this one. Okay, now don’t click on this activate button. We can activate all the plugins at once. First, let’s install all the plugins, then the next plug-in that we require is premium add-ons for Elementor. This is the one by leap 13 install it then, after that again, don’t click on activate, simply type in the next plug-in, which is Elementor add-ons and templates by cz light, ok, whatever it is by theme, I’ll.
Ok, you can see this one click on install now. Ok, and the last in that we require, is custom sidebar by WP mu, dev. Okay, you can see WP mu dev. This is the plugin click on install now now, if you see at the top, it says we need two more plugins WooCommerce variation switches and WooCommerce wishlist. So let’s get these plugins as well. Click on this link begin installing plugins. Okay, we have two plugins, let’s so dick Makaha bulk action, install click on apply; okay, so both the plugins are installed and activated successfully.
Now, let’s click on plugins from the left hand, side; okay, first, what? Whenever you? Wherever you click? You will see this thing. This setup wizard for wishlist button, so you can simply click on. Let’S go not a very important one: okay default wishlist name create automatically. Simply click on continue, don’t need to do any changes. Click on custom continue. Okay, not very important. Simply! Click on just may keep clicking on those continue and the last step.
Click on this button return to the wordpress dashboard. Alright, now, let’s click on plugins and we need to activate all the plugins that we have installed and there are two different extra plugins that we don’t need, which is a kismat anti-spam, so we can delete it and the other one is Hello. Dolly you can delete these as well. Okay, now, as you can see, there are few plugins that are not activated, so we can take McCoy here from the bulk action.
We can select, activate and click on apply. Okay, so all the plugins are successfully installed and activated now it’s time to install the most important plugin for this website, which is the ozone plugin. Now you can open a new tab and type in block to.Com, slash Busan. Now this link is also given in the article description below when you open this link. You will be redirected to this page. Okay.
Now, if you see oh here, we have the few plugins so here this is actually a bundle of few plugins and themes. We have one plug-in. We have Kingdom theme, we have discount fighter finder, whose own contextual, okay, so you can install this one. Okay, it’s around 70 bucks. You can add to cart’ and purchase this, but I have already purchased it so I’ll. Not do that I’ll simply cut this thing, so once you purchase, let me show what happens so once you download it from themeforest.
You will see a file like this okay, whatever, as if I you can extract this file from here. Okay, so once you extract it, you will see a folder like this. Okay in this folder, you have your theme, you have your plugins and everything okay, but this is not the theme that we are going to use. This is a very bad design. Unfortunately, I don’t like the design of Kingdom theme. That’S really bad. Okay, I’ll use the plug-in, which is over here ozone, Amazon, affiliate plugin.
When you open this thing, you will see a folder plug-in and you’ll see another zip file whose own okay. Now this is the file that we have to upload. Now. Let me do one thing: let us come over here, but before this, let’s see one thing when you hover media and click on, add name you’ll see over here it says: maximum upload file size is only 2 MB and if I see oh you’re, the file size Of this plug-in is 6 MB s more than 6 mb s.
Ok, so here I can upload only 2 MB file maximum and the file which I want to upload is 6 MB. So there is a problem over here, but it has a very simple solution. Let me show you how we can fix that open FileZilla and if you don’t know how to set up FileZilla, there is a article on my blog very easily. I have shown how you can set up FileZilla for free all right guys. Now, once you open FileZilla, you will see your website folder over here.
For example, if you see my website name is boo zone 2, dot, Nia, shake calm, ok, so I’ll have to open that folder. Let me find that folder here. It is Busan, totnes check, comm. Let us open this folder here. You have one a file which says the first file in fact dot htaccess. Now what you have to do is you have to drag this folder on your desktop? Ok on your website on your computer desktop, then let us do one thing: let us select stuff from your okay.
Sir Dexter is selected. Let’S drag this file on our desktop okay. Let me do it okay, so it says: transfer finished now. If you see on my desktop, I have this file. Let me open this file, okay, so this is how your file would look like okay. Now, what do we have to do? We have to paste some simple line of code away here, so go to my website. In fact, this link will also be given in the article description below okay.
If you don’t find that link, you can go to my website and let me show you that post, I think if it will be on second third page. Okay, let me show you that, ah here it is the uploaded file size whatever this is the this. Is the post that you have to open solved the uploaded file size exceeds the max whatever the it is? Okay, you see this. You can open this. This will. This link will be given in the article description below, but by chance.
If you don’t find it, you can go, you can do it manually. Okay, now here, if you go at the bottom, you’ll see five lines. Of course, over here five or six lines of code simply copy it from your go to that file. Paste it over. Here: click on ctrl s to save the file. Now you can cut this thing. Go to FileZilla refresh this section. Okay, now drag this thing: dot, HDX s and again bring it to your website folder.
It will ask you to overwrite it select all right and click on. Ok, ok, so transfer is finished. Now now, let’s come to our website. Okay earlier it was saying 2 MB maximum upload size. Let’S refresh this page now, as you can see, it says, 64 MB. So now we can upload any file of up to 64 MB. Okay, so again have all plugins and click on add name. Let’S add this plug-in now this time you don’t have to add a plug-in.
This way we have to upload a file because we have a file, so click on upload plug-in choose file, and let me go to that file whose own coupons say whatever the folder is, whose own I feel: Amazon, affiliate, plugin. Ok, this is the file select. This file click on open click on install now, ok guys, so this plug-in is successfully installed now, let’s click on activate plug-in. Ok, so once you activate this plug-in, it should ask you to ok once it will ask you for purchase code now yeah.
This is very important. You have to in insert the purchase code. You’Ll see the purchase code on you’ll, see this purchase code on themeforest. You can find it from there and paste in the purchase, but obviously I’ll have. I have I’ll have to hide this code from here. You can in just copy and paste the purchase code and click on activate now, alright guys. So once you do so, you will see this setup wizard now, let’s click on get started now.
First of all, it will ask you: what kind of website is this that you’re creating? Is it a blog online store, personal web site or something else? So this is an online store, so we’ll select online store and click on next then, what is this state of the website? Is it a fresh, install or you already have some content so for us it is a fresh, install, so select fresh, install and click on. Next, and what is the purpose of you want to use whose own so you have different options? Select the first one I already have a website and want to earn some money, easy money from affiliation.
Ok, so select the first one and click on next. Alright. Now we have some more options over here and you can take mark or and take this first of a few options of. If you see by default, are tick mark and few are antic. The first one is on site cut. Now this option will allow your customers to add multiple Amazon products into cart and checkout through Amazon system, with all at once so very important.
I think it is necessary so make sure you tick mark this now ninety-day cookies, if a customer adds a product into your app into the Amazon card and it’s kept there for 90 days and if the user continues shopping, you will still get the commission. Ok. So very important make sure it is tick mark if you want to show the Amazon reviews tab, which we have seen in demo website. You can take mark this or you can simply antic this okay.
So do you want to show the frequently bought together product which you see on Amazon, frequently bought together? Let me show you both these options: okay, let’s open this product, okay, so, first of all, we have this Amazon customer review. If you don’t want to desert, show this tab, you can come over come over here and untick. This reviews tab the second option. If you see under description, we have frequently bought together products.
If you don’t know, don’t want to show this thing, you can UNTAC this cross-selling. Okay, it’s all up to you, my product availability by country box. If you’re creating this, it’s it’s all up to you. If you want, you can take mark this or you can simply uncheck this, it’s all up to you by the way it will show this thing: okay, product availability in a country; okay. So if you want you can take this, not a big deal you want to show coupons, then we have check out email us, the user email address before this checkout process happens.
Now. This is not required. So make sure this one is an ticked okey. Then remote Amazon images, this option will display all product images from Amazon, CDN, so very important. We don’t want to upload our own images. We want to just import the images of the person. Okay, so make sure it is strict mark and if the product is free shipping, do you want to show that, for example, if you see over here, it says free shipping.
Whenever it is free shipping, it will say free shipping, or do you want to display this or not? It’S all up to you. If you want, you can simply take mark this and click on next. Alright, now price set up, Oh get price from Amazon or all the sellers, so you can simply select Amazon import product from merchants, make sure you select Amazon and other sellers. Okay. If we select Amazon, then you can import only those products which Amazon is directly selling, for example, Amazon, Kindle, okay, they have their own product.
Amazon is the merchant or the seller of the product. But if you want to install some iPhone, then Amazon is not the seller or the owner Apple is the owner, and so you will not be able to import that so make sure you select Amazon and other sellers, not import as published or draft. So whenever you import some product, do you want to directly publish them or you want to make you know you want to send them to draft? And after that you can, you know, check them, you can edit them and you can publish them.
So it’s all up to you because this tutorial this is for tutorial purposes, I’ll select, publish import product with zero price. No, we don’t want to import that, so let it be an taked import attributes. Now, basically, an attribute is, for example, we have iPhone 7 or iPhone 10. Whatever you have okay, so iPhone 7 has 32gb 64gb 128gb. So we have different variations. These are called attribute products.
Okay, so obviously we want to import all the attributes so make sure it is stigma. Now, click on next now number of images you want to import and number of variations. If you want to import okay, if you want to import only three images, you can select three over here. If you want to import all images, you can select all similarly for variation, you can import one variation, two variation or all the variation.
Okay. Now click on next and these changes can be changed later on. Okay, I’ll show you how you can do how we can change these settings. Okay, click on next now this is the customization option. Read redirect option whenever the person clicks on that checkout button. What happens is they will get a message? You will be redirected to Amazon to complete your checkout. If you want, you can change this message, okay and type in something else.
I don’t know why you would you do that, but you can do so. If you have some better idea, you can do that now redirect them in how many seconds. So, basically, what happens is when they click on that checkout button. That message will be there for three seconds: okay and after three seconds they will be redirected to Amazon. If you want to increase or decrease this time, you can do that from here, okay and by button by button custom text, we don’t have to do anything or your everything looks fine, just click on next all right now we have at the at the last step.
We have to put in our access key ID and secret access key and your affiliate ID now, if you have a different affiliate ID for different countries, for example, you have account with Amazon, Canada, also amazon, india, also amazon, us also. You can use all of them at one place, and here you have to put in your Access ID and secret key okay. So let me show you how we can get that open. A new tab go to google and type in Amazon, associate, ok, and it will show you the Amazon Associates of your country.
I am in India, so I will get this link affiliate program dot. Amazon.Com UK you’ll see affiliate program dot amazon.Com. You can something so click on this link. First link. Now you have to join for free if you are not yet join the affiliate program of Amazon. I have already done that. Ok, and that is very easy. It takes few seconds or a few minutes it is. It does not require a very high knowledge or anything like that.
It’S a simple form you fill in and you are. You join the club okay. Now because I have already joined that I will click on login. I have my username password over here: click on login. Then, let’s see what happens? Ok, so this is the screen. Ok, as you can see, this is the screen. You can see the clicks that my link has got got and the fees and all these things. Ok. Now, what do you have to do? What we require here is we want the access key ID and this secret access key.
So let me show you how you can get that go here and Howard tools and you will see product advertising. Api click on this link. Now, click on manage credentials; ok, now click on sign-in or if you are not created any account with AWS, it will automatically ask you to create one or it will create one for you. Ok, it’s very easy! Simply: click on login. Ok, now you can. Click on over here continue to security, inches and you’ll see your access key.
Let me show you you. When you see this thing access key, you will see. I have created many in the past. You can see all those things now. I can use any one of these. I have created some deleted some, so let me delete one and let me show you how you can create a new one. Obviously you will not have any so you’ll have to create a new one. So if you want to create a new one, simply click on this blue button create new access, key okay and you can show the key okay.
You can copy the key from here. Let me copy it from here paste it over here. Then we have the as secret secret access key copied from here again paste it over here, okay and make sure you download the key. Okay, very important simply click on this button and make sure you download this keys. Okay, very, very important once you do so simply close these things now come over here after that we have to put in your affiliate ID now.
If you want to see that again, let’s come back to this website affiliate program, dot, amazon, dotting at the top you’ll see this tour name and you’ll. Have this thing over here copy this from here? Okay, I have this link. This is my store name or ID copy it from you and paste it under your country, for example. This is India and pasting it under India, then after that main affiliate ID. If you have multiple affiliate IDs in different Amazon websites, you can select one of the means.
So for me I have only one – and that is India, and that is my main request. Type make sure it is auto, detect and import location. Where do you want to import the product from? Do you want to import the product from amazon.Com then select this one worldwide? If you want to import from amazon.Com is on India, you can select India, so I am selecting India and you can click on this button check Amazon, AWS Keys.
It will check this skis whether they are correct or not. So, let’s click on this button. Ok, as you can see, everything is right. Okay, we can proceed further. Let’S click on finish, alright, so congratulations! You have fully setup boozing wizard. It is that simple and we don’t have to do a lot of things. So if you’re very, very simple, simply click on this closed well guys, so once you do so, you will be redirected to this page.
So we have a lot of notices over here. Let’S dismiss all these things, one by one: okay, let’s click on no thanks. This means this notice everything. Okay. Now we have this plug-in setup. We have everything which is awesome, or I guess now, once you do all these things. Let’S do one thing: let’s simply create few pages for commerce. We have to create some default pages. Okay, when you click on pages, let’s see what happens you see.
There are only three pages, one, the wishlist page because of that quick setup, a sample page which we don’t require. So you can trash it. You can delete it from your a policy page, which is the gdpr thing. Okay, draft page now we have to create few new pages, so click on add new. First create this shocked bits so simply type in shop now open a new tab. Let me cancel all these things and type in gue commerce, shortcode, okay, short codes: here it is bucum a short codes and open the first language is short code included with commas open.
This link you’ll see few shortcuts over here. So for shop, page: okay, let’s see what is the checkout page, my account page? Okay. First, let’s create the cart page. So simply select this copy. This shortcode from here boo commerce, cart come over here and let’s first create the cart page. So, let’s name it cart and let’s paste the shortcode over here, click on publish – and this will add the cart page.
Okay, let’s click on add name again and after that we have the checkout page. So, let’s copy this shortcode away from you and obviously you can see it says you need to install default WooCommerce page and cart, page and checkout page now. This thing will disappear now, let’s click on checkout, page okay. So this is our checkout page. Let’S paste in this shortcode for checkout click on publish alright.
Now after this, we have the my account page so copy this link from here click on add new page, let’s name it my account and that’s based in this short code click on publish. Now we have one more shortcode order tracking, but this is not required over here, because we cannot enable person to track order, because this these products are not our products. These are Amazon’s product, ok, so they cannot track order from our website.
So we have three pages. We here, let’s click on dashboard. Now, let’s click on pages. Okay, you have the cart page, checkout page all this page. Let’S click on add new page. Let’S create a shock page, don’t need to put any checkout. Also, simply, click on publish now, let’s open this product in a new tab. Let’S view this page now, as you can see when we view this page, we have this a shock page over here.
Ok, no, don’t don’t need to create or do anything now, let’s to view a simple buchamma settings. So let’s click on how, let’s our commas and click on settings, there are very few settings that we need to do over here, not write. The regular ecommerce have said there are very few settings that we do first. Setting that we have to do is journal settings. We have to put in your address, so I am putting Mumbai everywhere.
This is the address where your store or your business is pasted. Ok and let me put in the country as India, Maharashtra, ok country and your state name now, do you want to sell to all location or a specific country, so I can select, sell to specific countries and I can select India. So maybe I want to sell only in India if you want to sell in multiple countries, you can select more countries from here or you can sell in all the countries.
Now I want to ship to all the countries I want to sell to ok, which is fine, enable the use of coupon calculate coupon discounts of sequentially not required now currency, because I am selling in India and I am importing products from Amazon dot in. I will select I Indian rupee, which is Indian rupee here it is. Let me select this ok click on Save Changes. Alright. Now we don’t need to do any changes.
I guess, let’s see, let’s go products! Okay, you know we have this shop page select shock from your okay, the page that we have just created so select the shop page from your click on Save Changes. Okay, let us see some more changes now go to. Shipping shipping is not required now, payment account and privacy simply go to accounts and privacy. Now do you want to allow the customers to place order with without an account? So, yes, we do want to allow them allow customer to log in into an existing account during checkout yeah.
We want to allow them now. Do you want to allow customers to create an account during checkout? Yes, do you want to allow customers to create an account on the my account page, yes very important now, when creating an account automatically generate a username from customers? Email addresses not required. Okay. We, if you want the user to set up their own username when creating an account automatically generate a account password.
No, we want the user to set up their own password. Ok, now remove personal data from orders. No, we don’t want to remove them because we need those data. Ok, now rest everything. You can see your privacy policy. What you want to. If you want to change some text from here, you can change it now. Click on Save Changes after that go to advanced and under the cart page, select cart under the checkout page.
Select checkout under my account page select my account under terms and conditions page. You can select the privacy policy page, which is already created. Ok then go at the bottom and click on Save Changes. Now, let’s refresh this page, everything should be fine. Yes, fine, alright, so we are done with the main settings who commerce and whose own settings now, let’s see how we can import products from Amazon.
Ok, so let me do one thing from the left hand side, let’s click on Busan. Ok, it is loading. Now there are many different options over here. First is Amazon configuration? We can click on this. You can configure your keys if you want to enter your keys later on. You can enter them from here. Ok, you can see your keys are here. You can enter your this IDs and everything later on. If you want okey, let’s click on dashboard.
We have some more options now. Most of these are not very important option. The important one are two options. First, one is this. Now there are two types of option available to import product from Amazon. The first one is single product wherein you want, you can import products one by one and the second one is bulk. Okay, so you can import products in bulk. Now I’ll show you both the options and how you can setup those.
Now. First, let’s see how to import a single product: now we can import a single product using a free Chrome extension. Okay. So if you want to get that extension, simply click on over here, direct import extension, okay, you’ll see this thing over here and you have to download this thing. Okay, W zone directing text input extension from here, so you can open this link in a new tab. Now, as you can see, I am getting this option add to Chrome.
Let me click on this. Okay. I think I cannot do that. So let me do one thing: let me copy the title from your W zone: import a direct import cut it from your. Let us search from here, okay, W zone direct import. Let’S search for this here we have now click on this Add to Chrome, button click on add, extension; okay, it is checking ok. Now it is added. Now, let’s see okay now let us click on save settings.
Now, as you can see, it says, options updated successfully now at the top you’ll see this option, which says authorize now very important, make sure you click on this authorize button now it says website successfully added now, when you click on this button. As you can see, this website is successfully added, okay, so very good. Now we can import products from Amazon, so let’s open Amazon dot, whatever Amazon you are affiliated to and let’s open some products.
So let me open this first product from here now, as you can see when I open this product, I see this option over here at the top. Now I can simply click on this button and it will import everything all these images, the price, the description, the variations, if available, it will import everything for me, I if I want I can import this into specific categories, but I haven’t created any categories, as you Can see when I hover this, you get this option when you click on click on this option.
It asks you for importing category, but we haven’t created any category. That’S why we are not seeing anything and if you want to import any specific variation like one or two, you can select it from here. Okay, so it’s all up to you now, what I’ll do? I simply click on here on this button. As you can see now, it says product was successfully added now, as you can see within one second, this product is added, and now we can view this product on our website.
So, let’s click on this button view this product. Now, as you can see, this product is successfully added on our website. Ok, now we have everything we have all the images we have. This title, the price, all these things in the description. We have these things. Ok, we have frequently bought together and everything is present over here. So this is how easy it is to create and to create or to import a product from Amazon.
Now this was the first type, how you can import a single product and obviously you have to be on the. If you want to import a single product, you have to be on the product page. Now, if I go over here and if I try to import as you can see, if you want to import products, please go to Amazon product detail, page ok, so we cannot import anything from here. We have to go to Amazon product detail. Page like we are here on this page: ok, the next type is bulk input.
Now, let me show you how you can bulk import everything? Let’S click on dashboard again now, let’s click on this option. Ok, insane import mode. Let’S click on this option now here we can import product using categories or keywords or and all these things, for example. This is some brand name. I guess so let me do one thing: let me copy this name and paste it over here now. Do you want to apply this great keyword in all the categories or in specific categories? Okay, so I am selecting all the categories you can say, select specific categories like shoes and bags, and here we have luggage luggage in bags.
Let me select this luggage and bags. Okay, now, when you select those you get some more option: okay, all browse nodes bags and backpacks, or luggage wallets and pocket; organizer sure, okay, handbags and clutches. So I am selecting handbags and clutches okay. Now you get in some more option now in handbags and clutches: do you want only clutches or handbags or if you want against only if you want only this much and you want to browse all you can select all you if you want, you can select specific Brand name and specific manufacturer: if you want to import product which has maximum and minimum price, you can put the price over here.
Okay, if you want to import only those product which has at least 10 % sale going on, then you can select this or at least 20 % sale going on, select this and all those things. Okay, so you can select all this option. Okay, this is basically the import criteria. What are the different criterion that you need to import? Okay, so I have put one category a one keyword. I want this keyword only in this specific category and this subcategory and this subcategory and this the product should be minimum of this price, and maximum of this price may be minimum of one hundred and maximum of five thousand.
Only Prada only import these products within this price range and the product has minimum of 10 % sale going on. Okay, it’s all up to you. I want to import the first page or the first two or three pages of the result. Okay, so I want only the first page, so once you select all these things, click on launch search, alright. Now, as you can see, we have all the product that are on the first page. Now, if you want again, you can, if you want, you, can upload or install or import all the products at once.
If you want to import only specific product, you can take mark that and if you don’t want to import other product, you can untick that so suppose I want to import only the first product, which I, which is shown over here so I’ll, take mark this rest. Everything I’ll and take it. Okay, obviously you’re doing this to import bulk, but I am just importing one. I don’t want to import bulk, okay, so I’m I have ticked antiqued everything I have only the first one tick mark over here.
Okay, so once you know, and once you decide what or product you want to import, you can go at the bottom number of images. As I said you earlier, you can change the settings now. Here is where you can change the settings. Okay, number of images to install, so maybe I want only the first three images: okay to import number of variations. All the variations are, maybe few variations. It’S all up to you now.
Do you want to use the categories for Amazon or you want to create your own category and import them? So it’s all up to you so select these options and click on import products. Now, as you can see, it says product is imported and it took almost zero seconds. Okay, so you can close this box and, let’s, from the left hand, side. Let’S click on products, let’s see now, as you can see, we have two products imported okay.
This is the one that we imported using the the extension Chrome extension, and this is the product that we have imported using the bulk extension okay. Now, if you want, you can go to your shop page, you will see two products. Okay, now, as you can see, we have two different products over here, which is awesome. Now, let’s do one thing. Similarly, obviously, you can import unlimited number of products and if you want to do some changes, for example, let’s open this product now, if you see we have only three images, because I have selected only the three images, if you remember okay, now, if you want to Do some images some changes over here? You can very easily do so.
You can click on this edit button or you can simply come to this page. You have this edit product page. You can open this link in a new tab, and this way this way we’ll open. Okay. Now you have this description from here. You can change the description. If you want, for example, it says 1-year domestic warranty, I want six months domestic warranty, whatever it is. Okay, so I can change it from here.
It’S all up to you. I would I don’t know it sort of to you. I don’t. I would not recommend anything if you want, you can change it. If you don’t want that’s good, you have this category. So here, if you want to use your own categories, you can untick everything and use your own category. Simply. Click on over here create new category and suppose I want to show only back. So I click on bags, admin category and I can select this category from here.
Okay, I can add some tags and all those things now here we have the prices. I would not recommend you to change the prices, because this is synchronized with Amazon. So please don’t change the prices that will not be. That would not be a great idea. Okay, now product short description, you can change it from here. A short description shows over here, as you can see, so you can change your product, short description, images and all these things, okay, I would not recommend you to do much changes over here.
Only though I would recommend you to change few things, if you want in the in the description the long description at the top which you see if you want, you can add some SEO friendly keywords and so on, but don’t do a lot of changes over here. Okay, so once you are done with changing everything, simply click on update. Let’S come over here, let’s refresh this page. Now, let’s go at the bottom now, as you can see, it says six months, domestic warranty instead of one year domestic polity.
So this is a great thing you can do or some changes as well now. This is how your product page is looking at present. Now I have first of all here we have this thing which says as of July: bla bla blue, this state and that’s dead. If you don’t want this, if you want to remove this thing, let me show you how you can do that this will be a very good tip for you. You can use this trick too. You know on other websites that you create now whenever I want to do some changes.
What I can do. I can select this section right. Click, oh yo and click on inspect I’ll. Give you the direct code, don’t worry, but I am just showing you this. So once you do so, you’ll see this options over here now you can click on this button. This plus button, ok and you can type in. Oh, I think it is. We are displayed you type in display and then type in none now, as you can see when I display I type in display and none that thing is gone now, I can simply copy this code from here.
Ok, go to my website! Click on customize! Alright! Now, when you click on that customize button, you will see a screen like this go at the bottom: click on custom, CSS, J’s and paste in that code, whoa now, as you can see as soon as as soon as I paste it, that thing is gone now. If you want to delete these things as well, you can see. Do the same thing. Select it right, click! Oh you click on inspect, then you will get the same option again.
Click on this plus button. Ok, not this way! Ok, this time you have to do another with some. Let me show you, okay, yeah yeah this. We have to select this thing. Ok, don’t worry! If you don’t want to learn this, if you simply want the code, don’t worry I’ll give all these codes in the article description below you can copy them from there. Ok, so, basically, let me show you first, so you select this thing.
You click on this plus button. Again, you do the same thing display and none now, as you can see, that thing is also gone now. Let me copy this thing from here: paste it over here click on publish, let’s call cut this thing and don’t worry if you don’t want to do this thing. If you directly want these codes I’ll give them in the article description below, as I said, ok now, you can exce this out now, as you can see, those messages are gone now we simply have the price, the selling price and the main price.
Ok. So this is how it is done. I just wanted to show you guys. Ok, if you don’t want to remove them, it’s all up to you. So this is how you import products from Amazon. Very easy, very, very easy to do. Don’T have to do anything at all, you don’t have to know any commerce, any coding or anything. It’S simple one-click installation one-click importing okey. So this was the first section of the article wherein we do all the important settings how to import products from Amazon.
How to set up Busan, how to set up commerce, creating pages and all those things now, in the next section of this article, we will start designing the website, because if you see this is not looking that good and if you go to your home page, let’s See what happens? Let’S see what we have, and this is looking very boring so in the next section of this article, we’ll see how to design the website. Okay, so see you guys there welcome back guys to the next section of the article.
In this section, we will see how to design this website. Okay, so let’s get started without wasting any time. So come back to your website, let’s go to the dashboard, let’s open the dashboard in a new tab. Alright, now the first thing that we have to do. We have to create a page that is the homepage, we’ll start with home page, so that we can start creating all these websites and so okay. So it’s really easy.
We can simply have pages and click on add new. Now, let’s name it home and let’s click on publish now, let’s open this page in a new tab, so we can view this page in a new tab. Alright, now we see some problem so here. The first problem is that we don’t want this sidebar okay. So let’s get rid of this sidebar, so at the bottom you’ll see under ocean WP settings we have content layout, select full width’ from there and click on update come back to this website.
Let’S refresh it again now, as you can see, that sidebar is gone, we also see. If you see we don’t have any of this title and all these things on the home page. So we’ll have to get rid of this title and this breadcrumb. Ok. So again, come back over here, select title from here and make it disabled. Let’S click on update come over here, let’s refresh it and as you can see, we have a perfect page now we can also do one thing: we can disable margin.
Okay, come back again and under margins, disable margin, because if you see I I know right now, we cannot see anything, but by default there is some margin at top and bottom. So I want to disable that ok, disable it click on update. Let’S refresh it now, as you can see, that margin is gone now. The only thing that we have is the header space. Ok, this space and rest everything is flanked at the bottom.
Now this is the perfect situation to create the home page. Now, if you see one more thing when we are on the home page on this website on this website, you don’t see anything like slash home. We just have the domain name, and here we are on the home home page and we have this website name slash home, so we have to get rid of this thing. I okay, when I click on this, as you can see, we are redirected to some other page.
I want this page to be my home page. Whenever someone clicks on over here, they should be redirected to this home page blank page at present. Ok, so we what we can do is we can go back to our dashboard and we can have our settings and click on readings all right and we can select a static page from the home page and we can select my house or we can select home. Okay, so under home page select home click on Save Changes.
Okay, now, let’s come over here, let’s refresh now, as you can see. First, let’s see here in the URL bar, we have home, let’s refresh and see what happens now, as you can see when I refresh this page that home is gone and when I click on this, I am still on this page. Ok now, let’s do a few more settings for yur, so under settings click on general. Now you can change your site name and tagline from here as well and make sure you tick mark this membership.
Anyone can register ok, very important and click on Save Changes, and after this under settings we have permalinks click on permalinks by default day and name is selected. We want a post name, okey, so select this link post name and come at the bottom and click on Save Changes. Ok, so these are the main changes that we have to do now. Again: click on pages and edit homepage. Here we have click on edit.
Now you’ll see this button over here, which says edit with Elementor click on this button. Now it’s time to start creating the page start designing the page using the free page builder, Elementor, alright guys. So when you click on that edit with Elementor button, you will see this screen and now we have to use this beautiful and free page builder to design the website design, the home page or the complete website.
Now. Basically, what we have is, at the left hand, side you have different modules for different purposes. For example, if you want to add text, you use the text module if you want to insert a article or the image in your website, you use these modules. Ok, so don’t worry, you will understand everything easily very easy to start now. The first thing that we have to do. We have to add this thing: okay, this simple text from here: okay, so – and we have this image in the background – so what we can do.
First, we click on this to get started. We click on this plus button to add new section and we select the number of columns we want or this structure we want now here. If you see we have only one single column, we have nothing else. If you see over here, we have four columns, but here at the top we have only one column, so we’ll select the first option, only one column: okay, when you select this you’ll, see edit section options.
Now we have to edit something over here. Okay, for what we have to do first thing: we have: we want this beautiful image in the background, so what we can do, we can go to this option. Styling option. First option is background, so we’ll select this classic, we’ll add an image. In the background, we can upload any image we want and obviously, as I said you earlier, you have all these images. Everything in the article description below you can download everything for free.
You will see this media and you’ll have all these images. Ok, so we have the image over here. Let me select this image: click on open click on insert media. Now, as you can see, this is how it is looking now. Let’S do some changes over here. First of all, what is the position? I want the position to be Center Center. Now, as you can see, the image has changed a bit then attachment we don’t have to do anything repeat, no need to do anything now, sighs make sure to make it cover, so select it cover.
Now still, it is not looking that good because of two main things first is the height is quite small. We want to increase the height and make it like this, and the second is: if you see this, there is some gap from both the sides. Now I want this to be stretched to be full full with full size. So let’s do these two things again go to layout and first select. This section stretch section make it yes.
Now, as you can see, this is stretching no in in the complete website. Now, after that, we have to change this setting height setting now, instead of default, select minimum height, okay and let’s make it to 600, okay. So, let’s type in 600 over here now, this is looking perfect click on update, let’s, okay, now, as you can see, this is looking perfect now, once we have this, we can click on this icon over here we have so many different modules, or here now we Can use these modules for different purposes, for example, if you, if I want to add this thing, if I want to add this text, I use the text module.
If I want to add some google map over here, I will use the Google map module and so on. So it is really easy. You don’t need to know much about it. You when I start creating the website. When I start designing it, you will understand everything in much detail. Okay, so first, let’s add this text spring /summer collection. So I will drag this text section over here and bring it over here and, as you can see by default, it says, add your heading text here and the default color is blue and we have some style.
We have to change change the styling and everything from your first. Let’S change the text and, let’s put in my text spring /summer collection. Now, let’s go to style, to change the style and everything. Now we have to change the color first now let me give you a very simple the trick that will really help you now. If I want to know the color of this text or color of everything on any website, I simply select that right-click over there and click on inspect and, as you can see at the bottom right, I get the color code.
I can simply copy this color code from you. Come back to my website. Now select this color. I can obviously change the color from here. You can see the changes live on the website. I can change it from your, but if I want the exact same color, I can paste in that color code. Okay, so we have the color now, let’s change this style, so typography now edit this section. First, let’s change the font family to monserate all right.
Let’S increase the size to maybe something like this. 43 is looking better and let’s make it a little bit thinner. So let me make it 400 width, looking perfect okay. So with this we have our first text now, let’s click on update now, let me show you how you can save some time now. If you see over here, most of the things are same, in fact, all this style. Oh here is same: all the three forms are monserate, so what I will do is, instead of adding all the thing from scratch.
I simply duplicate this thing, so I will click on over here. In fact, I will right-click over here and click on duplicate. Now, as you can see, we have a duplicate of that one. Now, let’s change the text. First, it says new arrivals, okay, so let me type in new arrivals and let’s change this style, so go to style typography. Let’S increase the size, the size to maybe something like 75 76 or I think so when t6 is looking better okay, so I am putting it to around 76 77.
It’S all up to you and, as you can see, this is quite bold. Oh, so let me increase the weight to 700. Looking perfect, okay, exactly like the demo website all right now. After this, we have one more text, which is this one 20 per 25 % sale. So again I will do the same thing I’ll hover, your right. Click on this blue pencil button and duplicate it now, instead of new arrivals I’ll type in 25 %, sale again go to style.
First I’ll change, the color to white. Okay, like this, then I’ll go to typography, increase the size a bit more to maybe around 90 91 pixels, oh okay and I’ll increase the weight to 900. Okay, looking exactly like the demo website, so once you are done doing this, you can simply click on update and if you want to see the changes that you’re making, you can click on this eye button. This preview changes button and you will see a new tab and you can see the changes over here.
Okay, looking beautiful now, let’s add this button over here. This click here button beautiful and simple button very easy to do so. Let’S add that so come again over here on this page click on this link from your this icon and now because we want to add a button, we’ll use this button module we’ll drag at the bottom okay. So this is the default style. We’Ll have to change everything. First. Is we have to change the text? Okay, we don’t have to change the text.
The air. The text says click here here also, it says click here, but we want everything, uppercase, okay, so let’s click on this style. Let’S see everything step-by-step first, we have to change the typography, so click on this plus button this pencil, but let’s change the font family to monserate for this one as well. Okay – and let me do one thing – let me transform it into uppercase. Okay, all the letters should be capital after that, if you see this style is quite different here in the demo, epsilon have any background to the button.
The button background is background less and we have a very thin border, color white border color, and when I hold this button you can see the background. Color becomes white and the text color and the border color becomes black. So let’s see how we can do that. So come back to this page and let’s select this one: okay text color, so text color is white, so we don’t have to do any change background.
Color. Let’S select this, let’s make it transparent, so you, if you want to make it transparent. You drag this. Second, one at the bottom: okay, simple, okay: this is for typography yeah this one. Let me see: okay, yeah, you can say first, you have to select some different color and then you have. You can drag this thing at the bottom. It will make it transparent. Now border type select solid and with make it one pixel.
Okay, it’s just like this now this is looking better, but when we hover over this, as you can see the color changes and we also have a simple animation. Okay, so let’s do that now, if you want now, if you see where you’re, when you hover this button, nothing happens. So, let’s change the hover effect, so select our let’s change the text color to black the background color to white the border color to black okay.
Let’S see now, as you can see, text color black pack, a border color black background, color white, but we don’t have any animation. So, let’s add an animation and let’s add this grow animation. Okay or you can add, this grow rotate. Let’S see now, as you can see, looking awesome okay, so you can add this animation and if you want to redirect this button to some page, you can go back to content and you can, under this link, you have to paste in that link of the page.
Okay, it’s all up to you once you are done, click an update and this page will automatically load as you can see, and this is how your website is looking at present. I think this is looking amazing. Okay, now, let’s start creating this section and as you can see, it is really easy to create these different sections. Very, very easy: okay, okay, so let’s create this second section again very easy to do so again.
Come back over here now again, click on this pencil button now bring this text section at the bottom or maybe what we can do, because here we have two different styles. First, as you can see, the first style is that this is bold and the second style. This is quite thin, so, instead of just adding this heading I’ll, add this two columns: okay at the bottom, okay, just like this! So once I have these two columns in the first column I’ll, add this text: okay and I’ll change the text to free shipping.
Okay, let me add this free shipping over here. As you can see, it says: free shipping and I’ll make it right aligned. Okay, as you can see, the alignment is right. Side and you’ll understand why? Because if you see over here, everything is in center, and here we have two different columns, so first column will be towards right and second column towards left, so everything will be Center aligned. Okay, now, let’s go to stylus change the color to white okay.
Now, when we do so, obviously everything disappears, so what we can do first, we can click on update, let’s update it and let’s change the background color of this section to black, so that we can see everything perfectly so how old this – and you have this thing At the top edit section, as you can see, when I hover this, it says edit section click on that first stretch, this section, okay stretch it go to style, select background background.
Color make it black. Now, as you can see, we can see everything perfectly now. Again. Click on this text and let’s do the changes, go to style: let’s change the typography: let’s change the font family to montserrat and more mt/s eatable r80. Okay, let’s increase the size to maybe Oh think, 42. 40. 42, whatever you like, I am putting 40 over here. Let’S increase the weight to 700, because this is quite colder, as you can see, so this is 40 and 700 and rest everything is looking fine.
Now. What I will do is I simply right. Click over here. Click on copy come to this section right click over here and paste it. As you can see, everything is so easy. Now I want this one to be left aligned, so I’ll select, left aligned, and I want to change the text to 4 orders over hundred dollars. Okay, so I’ll type in 4 orders over $ 100, and I want to change this style. Okay, so I’ll go to style, typography, let’s in decrease the weight to 400, and this is looking perfect now, if you see like this this, let’s drag this thing a little bit left side so that it looks perfect Center okay, so we can do it easily, like This okay click on update.
Now this page will automatically load now, as you can see, everything is looking so good. Okay, if you, if you see oh here, we have some space at top and bottom, so you can add those space as well. Okay. So, let’s see what we have next after that we have this next section we have a title subtitle and four different categories: ok, very easy to do again. Very, very easy! Ok, so come back again over here.
First click on this link. Now, let’s add a heading. Drag it over here: ok, let’s change the heading to new design, friends! Ok, let’s change it to news design trends and let’s make it Center aligned, because here in the demo website it is aligned at the center. Ok, now, let’s change this style, so go to style. The color is dark grey. You have some predefined color at the bottom, so select this second one that is the dark, grey color.
Now typography this time I have used a different font, which is really font. Okay, so you can type in are a Lewa Y will be, let’s increase the size to maybe 40 pixels and let’s make it a bit bolder: 900. Okay. This is looking exactly like the demo website. Now, let’s add this subtitle copied from your again click on this link. Let’S add another text below this one paste it over here. Let’S make everything centerline go to style, let’s make it light grey color, the third predefined color from here okey, let’s go to typography.
Let’S change the weight to 300. Okay, now, looking exactly like this one, we don’t have to do any more changes over here. Just one thing: if you see at the top of this o of this thing at the title and bottom, we have some gap. So, let’s add that gap at top and bottom, so what we can do you can hover this and click on this edit section again now go to advanced and we have padding now, if you see over here it is linked.
So if you type 10 pixels padding top, everything will will become 10. Let me show you when I put 10, as you can see, everything becomes 10. So first, let me put 0 now we can dealing this so click on this. It will dealing this now. We need to add only padding at top and bottom or you can add margin at top and bottom. So, let’s see you smudge, you know here top margin, let’s put 70 and, as you can see, when I put 70, he also bottom also becomes 70.
Now I want to change the bottom margin, so I will dealing this. I will click on this and I’ll make bottom as 450, maybe okay type 50, so the in this section, the top margin will be 70 and the bottom margin will be 50. Let’S click on update, let’s see how this page looks. Ok, so this is. How is this page is looking beautiful and after this we have this section. Ok, this beautiful section, let’s see how we can add this, come back to this page click on this thing, and let me show you what we can use, let us scroll down.
I think we have to use this one ok under premium add-ons. You will see this one premium banner. Ok, you can drag it and drop it over here. Ok, this is how it will look. So let me do one thing: ok, let me right. Click here and click on add new column, because we have four different columns again. Do the same four times? Okay, so we have four different columns, just like the demo website. Okay, one two, three four columns in the four first column: we have this jacket image and we have this text which says jackets.
Okay, so let me do you. Let me show you how we can do that: click on the first column, change the image or choose an image. So let me upload that image. Okay, that jackets image. Let me find that image. Okay here it is: let’s use this image. Click on open, insert media. We have this image over here and in the effect we have different effects, so I have used the effect one in the demo website, so let it be effect one now.
If you see we have some title and subtitle now we do on this subtitle. So click on content and delete everything from here. Okay, we just want the title and in the title, instead of premium banners, let’s type in jackets or whatever your product is and let’s make it Center aligned. So we have this at the bottom center line. Let’S make it Center aligned now, let’s change this style, so go to style title: let’s change the typography and let’s make it monserate.
First monserate, okay and let’s increase the size to maybe 38:39 would be fine. I am putting 38 and let’s make it 700. Let’S change the color to white okay, so here we have the color, let’s make it white now by default. We cannot put this background. Like you can see the background which I have put this black background. We cannot do it it this way. Okay, I will show you how we can do it. Okay. First, let me add one more thing: go to typography: let’s increase the line height to two okay, so make the line height to okay.
Now, click on update, let us let this pay the page reload now, once this page reloads, as you can see, most of the things are looking fine. We just don’t have that thing in the background that black color the background. Now again, it is very easy to do. I will again show you how we can do that. So I right click over here. Click on inspect. Now again, you don’t have to do that I’ll simply give the code, but I am just showing you for those of you guys who want to learn how this thing is done and I’m just showing you guys.
Okay, so you can simply click over here. Select this click on this plus button, ok and select background color, ok, not backgrounds, background color! Let me do again here we have background color and you can type any color, so I’m typing black okay. Now, as you can see, we have this thing over here, and this is looking beautiful. So again, I can copy this thing from here. Go to my website or, let’s edit, this same page.
Okay, let me delete this from here. Click on customize now, let’s see at present. This is how it is looking now again go at the bottom click on custom.Css and this time paste in this code. Now, as you can see, as soon as we pasted it, the effect has started okay. So, let’s click on publish, let’s cut this thing now, as you can see, this thing is applied over here. So this is how it is done and don’t worry you don’t have to do all this inspect element.
I simply give you that code. You can copy it. Ok, that code will be present under this article description. Ok now. Similarly, you can create all those different columns so or what you can do. You can copy this again right. Click over here, click on copy now, right, click over here, click on paste, paste and paste. Now you just have to change this style. Okay, so select the second one change the image to bags and title to bags.
Okay. So let’s upload the bags image IDs open this insert media. Let’S change the content, let’s change the title to bags. Okay, select the third one and it is sunglasses and we have style change the image. Ok, very easy select, this click on open, insert media and in the content it says, style. Fine, just like this. Okay, now, the fourth one is shorts. So, let’s upload this shirts image, this one click on open, insert media and let’s change the content title to shirts click on update, let’s review this page in a new tab, so click on preview changes, let’s see now, as you can see, everything is looking perfect.
Okay, so this is how it is done now. After this we have some gap at the bottom, so what we can do is we can select this section now. Edit section go to advanced first dealing this and at the bottom. Let’S add maybe 50 pixels padding of margin now click on update, let’s see, okay, now we have a decent amount of gap at the bottom. Now after this, we have to add this section of very, very beautiful section, okay, so very easy to do again.
Come back to this page first, let’s add some columns. So I’ll drag this columns over here I will right. Click over here. Click on add new column. So we have three. Do the same thing add new column, so we have four columns now: okay, in the first column, we have this thing in all the columns. We have the same thing used, so we have a icon, a title and subtitle. So to add this thing we use the icon module.
Okay, this one I can box module, drag this module under the first column. Okay, as you can see, this is the default thing. First thing is the icon. We have the truck. I can so, let’s change the. I can to truck fine, let’s change the heading to free shipping, okay change, the heading to free shipping and, let’s change the content instead of this, let’s put in our own content over here now, let’s, since this tile, okay, so the go to style.
First thing is the icon: okay, so the icon color is white. Fine. Now we have contents open content. First, we have the titles so title color will also be white. Let’S make it white okay, we cannot see anything so first, let’s do one thing: let’s click on update less since the background color, just like this okay, so that we can see the changes. So if you want to do changes to the column, you click on this.
Okay, columns, okay, you have this thing at, as you can see this gray color option. You click on this. You will see this edit column option now, go to style, change, the background and select a color. Let me select some color. I think we have used to this color. I guess some darker shade, like this. Okay, something have you have used something like this okay, so you can use this thing and let now we can see everything properly.
Okay, now again, we can click on this go to style, go to content. Now we have the title. So let’s change the title: typography. Let’S change the font to monserate, okay, sighs to 19 pixels and weight to 700 for the title. Okay, then we have the description over here again: change the color to white and let’s change the font size to 16 pixels, okay, looking better click on update now, if you see, let’s see how it looks, okay, so this is how it is looking now.
We need to do some more changes over here. We need to add, we need to make it full width. As you can see, this is also full width section, so we can do it easily. We know first select this edit section. The top section make it stretch section this time, also select this thing in the content with select full-width, okay, so two things we have to do now again how over here, you will see another section inside this section.
Okay, just follow my steps. Okay, we have done with this section now anyhow or this you see this section. Click on this do the same thing: full width and column gap. We don’t want any gap, so we can just type in no now, let’s click on update. Let’S, let us let this page reload, okay, we didn’t. Okay, we still have some gaps. So what we can do, I think in the first one I didn’t selected, the column gap so again select the top edit section, and here it is column gap.
Let’S make it. No gap again, click on update, let’s see again, okay, this is looking better now. This is a full width section, but when we do full width, we see one problem. We hear all the thing is touching the corners. Then this icon is touching the top. This text is touching both the sides, and this is touching the bottom, so we need some gap from all the four sides. Okay, so let’s do that so click on this icon box go to advanced and in the padding type in 50 pixels from all sides.
Okay, click on update: let’s see how it looks now. Okay, this is looking exactly like the demo website. So this is fine okay. So let me cut this thing now: let’s copy this from here right-click over here click on copy, right, click, paste right, click, paste, right, click paste now. Obviously you cannot see anything because we have. We don’t have any background color so select the second column. Click on over here edit column, go to style, let’s change the color to black.
So let’s select this background type classic color, let’s select black, so we have the black color select the third column go to style and we have this blue color. So select this background type, color, blue and select the fourth column. We have this beautiful color over here for style, background, color type or and and let let us see – ok, this beautiful color. Now, let’s change this thing. Okay for the second one click on this click on here, just click on this icon box, the we have the tags, oh, I can and it says, guarantee service.
So, let’s change the icon to tags. Okay, here you have and let’s see the text it takes to guarantee service or whatever it is okay. Now we can click on update and similarly you can change these things as well. Okay, I don’t wan na waste my time and your time showing these same changes and same thing again and again now, let’s see the changes now, as you can see, everything is looking perfect now, after this, we have this title subtitle again now what we can do, Because we have already created a title, subtitle I’ll simply right-click on this section and click on copy come over here and paste it now.
As you can see, we have everything just like this: we simply we have all the gap top and bottom all the design and everything we simply have to change the title which says: newcomers: okay. So let’s change this new trends into newcomers. Ok done click on update. Now, as you can see, everything is so simple and really fun to do you really enjoy when you’re doing this thing, ok, really awesome stuff.
Now, after this we have some recent products, ok or whatever products you want to show. So I am showing recent products. So what I will do, I will click on over here, scroll down and go under. I guess we have over here at the top. We have the WordPress section. If you have this thing, click on here, you will see all the WordPress thing now here we will have recent products. Ok, you recent products drag it and drop it over here now number of products to show a number of columns is to show ok.
So I have 4 4 thing over here and if you see here it says new in ok, I don’t want to show this new in over here, so I’ll go to title and type a space. Ok, now that new in is gone, click on update and, obviously because we have only two things, because we have created only two products. If you have more, it will show more now, let’s see how it is. Looking, ok, perfect, looking really awesome! Now, after this, we have this section, let’s see how we can create this section again, very, very easy to do.
Simply, let’s see what we have. Okay, we have the title subtitle again and then we have these things. Okay, oh we have this icon box. I guess or scroller okay, we will see what that is. First thing is we have to copy this thing? Okay, so copy this okay paste it over here and the icon it this time it says our brands, so, let’s type in our brands over here, fine. Now what we have to do is we have to add this thing, so I think it is called.
Let me show you alright. I think it is called yeah. It is image carousel, so bring it below this thing. Okay, bring it below over here now we have to add all the images that we want to show so: click on, add images, upload files, select files and select all the images that you want to show okay. So I am selecting all these images. Fine click on open – and here we have 1 2, 3, 4, 5, 6, 7, 8 images showing at one time alright.
So let it load everything so once everything is uploaded. Click on create a new gallery insert gallery now, as you can see, all the images are showing now. The first thing that we have to do is we have to change everything: okay, so first slides to scroll, slides to show those change, these slides to show to 8 because we want to show 800. Now again, this section is also full width section, as you can see, so, let’s make it full width.
Select this thing edit section, make it full width and also change the content width to full width. Okay, and also we have something over here. The background color is quite different, it is light gray and we have some gap at top and bottom. So let’s do that. Go to style background, color background color. Let’S change this to, I think e8 e8 e8 is looking better and, let’s add some gap at top and bottom so go to advanced and, let’s add some padding this time.
Okay, so padding, let’s add 70 pixels and bottom padding: 50 pixels! Okay, as you can see, the changes over here click on update. So with this we have this section as well. Now, the last section we have the title and we have some post now before showing this post. We have to create some post. So let me show you how we can do that. Come back to this website in fact come back to your dashboard, okay.
So let’s open this put in a new tab. Alright, so if you want to create a new post, what you can do you can have all post and click on, add name and you can put in the title. Okay, so the post title will come here. Whatever title you have, so it will come over here and here the content will come whatever the content is, so I don’t have any content at present. So let me go to lorem ipsum, calm or Lipson calm.
Okay, just to get some okay, the spelling is wrong. Just to get some dummy content, okay, so I go to Lipson calm and generate some lorem ipsum text. Let me copy this much and paste it over here. So you have the title over here and your content over here now you can add some text over here. You can add some hyperlinks some links to Amazon as well. Okay, you can add some products. You have this Busan thing over here.
You can add this product, you can simply select this and click on. Add products – and you will see your Amazon product will show up over here. Okay, let me show okay, let us bring it over here. Let’S publish this post now. This is incomplete, obviously, but I am just publishing it. Let’S view this post in a new tab. Okay, now, as you can see, you have this Amazon product over here, so basically in an Amazon affiliate website.
What you can do is you can write post about different products that you sell on your website so that he that post will be ranked on Google, and you can people will come to your website. For example, you can write a review of this bag of whatever it is, and you can write something about this and you can add this product in the middle so that whenever someone wants to purchase this, they have this option over.
Here they have this images option. They can simply click on this buy from Amazon button and they will be redirected over here and, if you see over here at the top, your tag is given. Okay tag is equal to. My tag is given over here, which say which you know which gives us, which says that you know your work. Your website is working and all these changes and settings that we have done related to whose own is working okay, so this is how you can create different post and you can use different our options like this to generate some more sales.
Now, let’s come over here. Let’S complete this thing, so we can add a category now. These categories are different, the earlier what we have created. Those were product categories, and this is post categories. Okay, so maybe this comes under bags. Okay, so I will just type in bags. Okay, click on add new category and, as I said you earlier again, this is different and that is different and if you want full width, if you want to remove this from the sidebar, you can select content layout, full width from here.
You can add a featured image and that featured image when, if you’ll be shown over here, as you can see this image – okay, so, let’s add a featured image. Click on set featured image, upload files select files. Let’S select this one: click on open click on set featured image. Let’S click on update. Let’S come back here, let’s refresh this page, a page now, as you can see, we have the featured image at the top.
We have this post in the middle and we don’t have any sidebar or so. This is how a post is created, or you can do some research on how to create a very powerful post. That is a very attractive SEO friendly post. Okay, you will see some articles or some articles. You can read those ok, but this is how it is done. This is the basic structure. This is basically how you create a post. Ok now, once we have a post – let’s refresh this page, so that we can add this post down on our website, all right, so, let’s scroll down and what we need is, after this section, we again have this title subtitle.
So let me do one thing: let me copy you, let me copy it from here and if you see something like this, don’t worry this is showing in Elementor, but on live website. You will see everything perfectly. So let me copy this from here. This title come at the bottom: let’s paste it over here: let’s change it to new design trends. Ok, so let’s make it new design trends. And after that we have. We have this post showing up over here.
Ok, so we have created one post, which means we. It should show ok, so come back over here and, let’s search for this one essential add-ons for elementor’s the first one is ei post grid bring this thing over here now, as you can see, it is showing your post, the hello world is automatically created, and this Is the post that we have created just now? Ok, so this is how you create your homepage. Let’S click on update okay.
So with this we have simply completed our homepage – ok, very, very easy and beautiful homepage. Now we can see, let’s see how this looks so we can simply go to our homepage. Let’S see how it looks. Ok, so this is our homepage. Okay, we have two products. We have all these things and obviously you can add animation to these things as well. I forgot to show you that, like in dem website, let me refresh this website so weak so that you can see the animation.
Ok, you can see the animations like this, so you can add this animation as well. You can add them to all these. All these things, ok, now to text you can add them to different columns, different sections and so on suppose. I want to add animation to this text. I click on this text go to advanced and I have this entrance animation so suppose I want this to zoom. In from left, so I select zoom in from left now, as you can see, then I select this text I select to maybe okay fade in right.
Okay, this is how it is button. I select animation. Maybe let’s see bouncing up? Okay, let’s click on update. Come back to this page, let’s refresh it now, as you can see all these animations okay. So this is how it is done, so we are done with the home page. Let’S see what we have next, okay, let’s, let’s start creating the menus. Okay, we have the menu over here we have this mega menu and we have all these things and let’s see how we can put our own logo over here.
Okay, so let me cut this thing now now: let’s first create a menu so to create our new menu. How would this – and you will see this menus open this in a new tab? Now, when you are on the dashboard at the left hand, side you’ll, see appearances under appearances or you can click on menus. You will come to this same place. Okay, so let’s give a name to this menu and click on create menu and let’s see what we have, we have the homepage.
We have all products track. Your order wish list my Khan shop now, okay, so we have home shock my account check out or maybe wish list click on add to menu. Okay, so shop now is at the bottom and instead of shop it says shop now. So let me type in shop now, okay, and we have one more page, all products. Okay, this is not a page – is just a simple link now, whenever you’re, creating a menu for the main section for this section make sure to tick mark this main.
Okay, click on save. First, let’s see whether this is working. Let’S refresh this page now, as you can see, the menu is showing up. Oh yeah, which means this is working, so we can work further, okay, so the first thing. What I want to do is I want to convert this shop now. This simple shop now link into a button, so it is very easy: we’ll open the shop now and you will see a CSS link which we don’t see over here, so what we can do quite tip-top.
You will see this option screen options open this and select this tick mark this CSS classes. Okay, take mark this now again come over here now, you’ll see your new option. Css classes under this type in BTN short form for button. Btn click on save menu come over here. Let’S refresh it now, as you can see, that thing is now converted into a button so easily. So simply, okay. Now, let’s see how we can create this mega menu.
So, first I’ll click, click on this custom links and I’ll type in all products. Ok, click on add to menu I’ll bring it at the top just after home and under this, if you see we have 1 2, 3, 4 5 columns and under each column we have different options. Ok, so let me show you how we can do that. So first, let’s enable Mac mega menu so under all products I’ll open this expand this and I’ll enable mega menu higher number of columns.
I want so I want 5 mega menu columns, ok and, let’s add the first column. Ok, so maybe in the first column you want to show all the bags I will type in bags. Ok, so this is for the first column, I’ll type I’ll bring it under all products. Maybe in the second column I want to show all these shirts, ok I’ll type this shirts over here and in the URL I’ll type in hashtag click on add to menu again bring it or all all products in the third column.
Maybe I want to show all these shoes ok choose category then in the fourth column, I want to show all the sunglasses not sangla. Okay, find sunglasses, ok, click on add to menu, and in the fifth column I have this image as you can see. So I will not do anything I’ll, simply type in hashtag and I’ll type in column. 5. Okay, I don’t want anything over. There now bring it over here. Let’S save this menu, let’s refresh it and see the changes now, as you can see, we have all product when I hover this, as you can see, it is already created into a mega menu.
We have one two three different four: five columns: okay, let’s add some more options under bags, so let me do it very quickly. Custom links put a hash tag over here and obviously you don’t have to put hash tag. Were your. If you have some category, then you have to put in the category link over here. Okay, now let me show you how you can cat get the category link, how old products you will see the categories open this category, so here? Okay, so you have this back.
Sling suppose you want this link. So what do you do you? You have this view link you right-click on the view copy link address come over here and paste in this link. Obviously, okay, so I am doing for tutorial purposes. That’S why I am putting that hash tag, but you have to put in the category link: okay, whatever it is now, link text may be a school bag or whatever, okay, so I’ll type in school bags, click on add to menu and the second one, let’s type In nylon bags, okay doesn’t make any sense, but still third one, maybe jeans bags.
Okay, fourth one, maybe I don’t know just bags and fifth, one I’ll type in PU packs. I don’t know why but PU leather, not leather, PU bags. Okay. Now, let’s bring all these things under bags, okay, so I will bring everything under bags: nylon bag since bags all those bags. Okay, fine, just awesome, so you’ll see all products under all products. We have bags under bags. We have all these options: click on save menu come over here, let’s refresh it okay, so we have all products under all products products we have bags and under bags we have all these options now.
Similarly, you can add undershirts shoes and sunglasses. Now I am NOT doing that because you already have seen how you can add under bag, so similarly, you can add under shots, ooh shoes and sunglasses, because that’s just the same process. Okay, now I will show you how to add this image. Okay, because this is something different: how to add this image in the 5th column so again come back to your dashboard now how our appearances and click on widgets now you’ll see this option over here.
Click on this create a new sidebar. You can name it anything! You want so I’m naming it column, 5 or maybe menu column 5, so that I know what this sidebar is useful for click on create sidebar. Now sometimes this happens. It will just keep on loading forever and it will not redirect you anywhere. So this thing happens with you. What you can do you can simply reload this page. Ok, let me show you now, as you can see, menu column 5 is selected or n created.
Now you have to bring image or think over your image widget under here. So let us search for image widget here it is image. Select this make sure mega menu, column or whatever you have created is selected. Click on add, widget. Ok, here it is under the one sidebar that you have select created. We have this image. Let’S upload a new image, in fact, let’s upload the same image here, it is click on this click on open click on add to widget, save it come back to again come back to menu, so under appearances, you will see menus click on menus now.
Select this one column 5 and just expand this thing and mega menu, widget area select that and select the widget area that you have created mega. I have created this one menu column, 5. Select. This click on save menu now come back over. Let’S refresh this page. Now let me hover this now. As you can see, this thing is showing now there is one problem again. I see this column five at the top. That is the title now I want to hide that title now, as you can see in the demo website, you don’t have any title at the top, so I want to hide that title so very easy come over here again, select this column five.
Now, in the CSS type in hide heading, ok, hide heading, simple, makes sense, common sense. Click on save menu come over here. Let’S refresh it now, as you can see, that title is gone, and this is looking amazing, okay. So with this, we have also completed this thing now, let’s see how we can add our icon our logo over here, and let’s do some changes to the menu. As you can see here, the menu is quite bigger.
The font and everything is quite bigger here. It is quite smaller, so you can do this as well. Click on customize, alright! So first, let’s change this logo. So what you can do in the customize you’ll see header option, click on header and select logo. Now you can select any logo to upload. So, let’s click on select logo, click on upload files, upload select files and select this logo, click on open click on select, just click skip cropping, and your logo should so show up over here.
Let’S see alright. Now, as you can see your logo here, you can click on publish now. Let’S change all these things. Okay, so come back over here and select to again come back and click on typography now select main menu. Let’S change the font family to monserate. Okay. Now, as you can see, the fonts have changed, let’s dig increase the weight and, let’s make it semi bold again done. Let’S increase the font size to maybe 15 pixels.
Now, as you can see done as well. Okay, you can add, do some more changes from yes, if you want click on publish, come back again, come back and go to footer bottom. You have this footer bottom select. This come at. The bottom you’ll see this copyright text over here copyright 2018 ocean WP. Now I want to remove this ocean WP theme by Nick, and I want to put it my name: okay, maybe theme by Nayer shake whatever you want: okay, alright reserved by your website; name.
Ok, it’s all up to you! This publish it and you can simply cut this thing. Okay, so with this, we have also done this thing and, let’s see what we have in this shop, page click on shop now page now this is our shop page and we have some. We have to do some changes over here, because if you see the shop page in the demo website, it is quite good. Ok, we have the filter by price followers. The right side is same.
We have the same products showing by the left hand side. We have the some awesome stuff: ok, some awesome widgets. So let’s delete all this regular recent post recent comments and add these things: filter by price product categories and so on. Ok, so let’s do that so again. Come back to your website, ok to your dashboard and click on widgets. Now, here you will see at the bottom WooCommerce sidebar.
Ok, so we have to drag whatever we want. Whatever we should. We want. We have to drag under WooCommerce sidebar, so the first widget that we want is filter by price. So come with your let’s search for filter by price. Here we have filter product by price of take on this and select buchamma, sidebar click on, add widget, and that’s it. Let’S click! Let’S come over here, let’s refresh this page now, as you can see just by doing that, you have this widget over here, which is awesome now after this we have this social icons.
Ok, followers social icons, so here at the top you’ll see this one, ok, social! I can select this make sure who comment sidebar. I selected click on add widget. Now here you have to put in all your social links. Ok, so I am just typing in this hashtag every time so that I don’t have to put my links because it will take a lot of time, copying and pasting all my links. Okay, so you can put pasted any amount of Link’s over here.
Click on save come back again, let’s refresh it. Okay, as you can see, it is also showing then, after that we have product categories. So come back to this widget, let’s search for product categories. Here it is product categories, click on add, widget. Let me first okay, let me first minimize this yeah. We have product categories now I don’t want to show the hierarchy. I want to show the product count.
For example, if you see in the demo have said it says, for product 0 product the product count. Okay, so I want to show this product counts, so I will take mark this click on save. Let’S refresh this page, let’s see ok, so this is also showing and the last thing is top-rated products. Ok, so I think for this we have products not filter product by rating. I guess let me search yeah here. It is filter products by rating select, this click on, add widget and done.
Let’S come over here. Let’S refresh it, ok, because I think we had, we don’t have any products that are rated. That’S why it is not showing. I guess I think that is the reason. Okay, you can change the title to 2 operated product. If you want ok top rated products. Click on save come over here, let’s refresh ok, so I think that is the reason. Let let me rate one product, let’s see what whether that happens, let’s go to review, let’s rate it five-star click on submit.
Ok, there is an error we have to type in the comment: 5-star good product, fine click on submit, ok, it is still not showing, which is which means there is some problem. Ok guys. I think this was not the widget. Let’S see, let’s delete this one and let’s include this one products by rating click on add widget and number. I think once the one, let’s see, let’s refresh this okay, so this was the one okay, it is products by rating okay.
So with this we have all. We also have completed this one or the shop page shop, how you can display the shop page and different sidebar for this one? Okay. Now, let’s do the final thing, which is to change the footer widgets. We have some widgets used in the footer. Let’S add these widgets okay. So again in the same page under the footer one, what we will do first one is: we have the contact informations, so we will select this which at the second one contact info select.
This select footer one click on, add widget. Now we have to select and change your text from here, whatever okay, so I am changing this text. I am deleting text in this text. Yo, you don’t have to do anything under. I can class just change the title and content okay, so address change your drink, not even the title. Just change the content. Okay, your address content phone number, your phone number content.
If you don’t want to display the mobile number, you can delete it from here. Okay, delete everything. If you do not display the FAQs, you can delete whatever you want. Okay, if you want to display email, fine website, fine again, if you don’t want to display Skype, you can delete it. Click on Save Changes – let’s refresh this page and as you can see, we have the contact thing. Showing next thing is recent post.
So again come back over here and at the top we should have. Let’S see here, we have recent post. Let me first minimize this select recent post, this time select footer to click on, add widget number of recent posts to show 3. Ok, minimize this come over here, let’s refresh it, okay, we have only one, that’s why it is showing one then, after that we have some quick links or useful links. What do we call it? So I think it is added using custom menu.
I guess a custom links, okay, select, custom links, select photo three click on add widget, ok, so by default we have this useful link, tags and number of links to show. So maybe I want to show four links. First URL is hashtag and text is women. As you can see, URL hashtag text women, then we have men brand, A to Z, a to Z, latest fashion arrivals. Let’S use all these things: okay, second, one men; third, one brand, a to Z.
Fourth, one latest fashion: arrivals click on save, come over, let’s refresh this page okay. So we have these things and the last one. We have the same thing: social icons, so we have this social icon. So I guess, let’s see here, we have social icons, select the footer for and you can again put in your social icons, okay, so I’m just putting hashtag again for all these social sites. Let me put hashtag hashtag hashtag.
Okay, click on save come over here. Let’S refresh alright, so we have this social icons as well. So this is how you create all your website. Now there are more things that you can do. For example, you can create different pages like about us and contact us page. So for that I would recommend you to read some other article, because you know the main thing we have covered now those things you can see different articles on my blog, you can go to youtube and type in nature: shake Elementor, okay, you can type in my Name, slash Elementor, and you can see some latest article an element of, for example.
This is nine months ago. This is one week ago how to create a ecommerce website. This is three months ago, so you can read this one: okay, how to make our website for free theme and all those things here. I have shown how to create about us and contact us pages. I have also provided the free layouts. Ok, so this article will be very useful. You can see the the thumbnail over here. You can see the image over here.
You can decide whether you want to read this or not okay. So I think this article will be very helpful. I will try to give a link to this article in the article description below once this. You can creative about us and contact a space, adding wanted to include that, because that would make this article quite long, one okay, so it would increase this article. Two three. Four hours article, so I didn’t want to do that.
You can read this. It’S really easy to do. Okay, alright guys, so I think this is it for this tutorial. If you have any doubt any queries, any suggestion comments for me: you can leave them in the comment section below. Ok, thanks a lot for reading guys see you soon.
You have to sell this product on your Amazon affiliate storefront!
Spunks is an excellent food snack. Your buyer will be back for more. I mean, the product has five stars! Check out this superb pumpkin seed product. The video below gives you a look into the guys behind this great product.
Hello to our 1000 followers! Thank you for clicking that follow button! Matt and I really do appreciate it and hope that you will find something useful in what I am about to write about. With that said, it is time for a 2019 Update!
The 2019 Update is here!
Yes, it has been a while since I have created a post on this great blog of all things internet marketing. Yes, I called it “great”. Is it just me or is this word seem to be over used in the last two years? Anyway, Matt and I have had a wonderful 2018. We meet some awesome people along the way and finished up a bunch of projects for businesses all around the world. Man, I love doing this work. It is so rewarding to help people with their internet business presence.
Big thank you to our new 2019 clients
A big thanks to the teams at Image Crane Service and Swick and Son. We had a blast building your websites and will continue to keep them up to date as the internet grows and changes.
We have also completed the most difficult transfer. Allshouse Designs is now on WordPress. Matt and I are truly loving it. Our search ranking are shooting up and will continue to dominate our chosen keywords. Watch out, Allshouse Designs will be everywhere. Yes, those are fighting words. Eventually the competition will learn from us. It may take a few more years, but we will inspire and lead with greatness. Maybe not, just felt like typing that because I can.
Well if you have read this far. Thank you, because I ask one more thing from you. It is simple and just a click away—- 2019 update for Allshouse Designs.
Jimmy's Internet Marketing Business Blog 