Whether you’re providing a product, service, portfolio for your work or launching an ecommerce storefront, your website not only should reflect you and/or your brand, it also needs to be the central location for your business. There’s simply no other way around it. All of your marketing efforts lead back to your website. Which is why it’s of the utmost importance to set up your website correctly.


Once you get a handle on HTML and CSS, you can make what is called a static website. It’s simply one .HTML file represents one page on your site. Static sites are relatively the fastest to load and typically allows designers the most freedom without compromises that have to be made due to limitations of many CMS/Frameworks. (Wordpress in particular is infamous for this, although it has improved).
But don’t let all the lingo and information scare you away. Start small and take toddler steps. Don’t worry if you can’t grasp every aspect of HTML. Read a little about it, do a tutorial, and then go for a walk in the park. Let it sink in slowly. You will not ‘get it’ in an hour. It takes time and a practice. Get dirty, play around and learn a little at a time. Start with a single web page, add a hyperlink, add an image, and make text bold. Tinker and keep learning.

Customization on WordPress requires much more technical skill than it does with website builders. You’ll need to dive into the code to make the changes you want. If you’re comfortable with HTML, CSS, and Javascript (or looking to learn more about them), this shouldn’t be an obstacle. Just be wary. WordPress offers more control than website builders, but only to those equipped to use it.

Hi wbs, Getting started is definitely the easy part - no doubt about that! And I take your point that it can be challenging to make a design that you're 100% happy with. So, I guess we're pretty lucky that website builders like Wix and Squarespace offer such eye-catching templates that we can edit to our liking or use as jumping off point! (Our 3-step guide can help you pick the right template too..) Not having to work with a blank canvas certainly makes things much easier and gets the creative juices flowing. I think the best thing we (as amateur designers!) can take from sites like Facebook, Twitter, etc is the simplicity of their design. Your users want to find what they need quickly and easily, so the key lesson is to keep designs eye-catching but user-friendly (oh and don't forget the importance of color on a website!). Thanks for joining the conversation, - Tom

What about if you build a website for someone and they want to be able to update the content themselves without needing to read any code? Most people have very little technical knowledge and just want to be able to upload new pictures and change text by typing into a word processor. This is where the CMS comes in. The most used software on the internet is Wordpress. You’ve probably heard of it; it’s blogging software that has evolved to include some CMS functionality. Along with other offerings like Wix and Weebly, it’s mostly used by people without a technical background as a quick DIY website solution. Themes can easily be bought and installed which provide an instant website and certain content can be updated by an admin area.
Hello Vivy, I was in the same situation some time ago, so I tested the free hosting providers, the ones you mentioned above and even a few more. Took some time, yet saved me money. If you want to start from free plan, my favorite was Hostinger. I believe it will match your requests: the cPanel is "(very!) user friendly" - you'll be able to install WordPress with only a click of a button and it also provides many great plugins, don't be afrait to experiment! Since you're a beginner, having customer support is a great bonus and theirs will definitely help if you have any issues (sure helped me), don't be shy to contact them. Good luck with your blog! Hope I could help.
Hey Theo, Generally speaking, Weebly is a solid website building platform. You don't need how to code, their probably one of the most user-friendly web builders, and their support is good. Best way to decide is to sign up for a free account and start testing their tools. You're not obligated to subscribe to a premium paid plan at all. You can upgrade whenever you want to, and only if you find them being to provide the tools and services that you need. Jeremy
If you study my current site, you’ll see that most of my main sections link out to other places on the web – my YouTube channel, my podcasts, the speaking page here on College Info Geek, etc. This is a strategic decision – as a professional YouTuber/writer, those are the best places for me to be directing people, since I benefit from people subscribing to my content rather than evaluating it.
Several of the services included here offer free options, too. If you choose that path, however, your site will include branding from the provider, which will necessarily make your site less impressive to savvy surfers—and shoppers. Free offerings vary greatly in the amount of storage and bandwidth they allow, so read the small print to find out how much you get with each provider. Weebly, Wix, and WordPress.com are among the most generous with their free offerings, if that's the way you want to go.

Hey Jeremy, Awesome article. I especially like the flow and the logical approach that you took to educate people. This is the article I point clients to, to get them up to speed before starting projects. I think it's important for them to know how their products work. While they aren't making their own sites, it definitely still fits the bill. Also, I'm curious as to what you think about WooCommerce these days. I didn't seem them on the list in the other article you wrote "Best Ecommerce Software". Anyways, I've been sending my clients here for a while now and just want to give you a shout out at a job well done! If you are able to send me an email, I do have a question I'd like to ask if you have the time.

!function(e){function n(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,n),i.l=!0,i.exports}var t=window.webpackJsonp;window.webpackJsonp=function(n,r,o){for(var s,a,l=0,u=[];l1)for(var t=1;td)return!1;if(p>f)return!1;var e=window.require.hasModule("shared/browser")&&window.require("shared/browser");return!e||!e.opera}function a(){var e="";return"quora.com"==window.Q.subdomainSuffix&&(e+=[window.location.protocol,"//log.quora.com"].join("")),e+="/ajax/log_errors_3RD_PARTY_POST"}function l(){var e=o(h);h=[],0!==e.length&&c(a(),{revision:window.Q.revision,errors:JSON.stringify(e)})}var u=t("./third_party/tracekit.js"),c=t("./shared/basicrpc.js").rpc;u.remoteFetching=!1,u.collectWindowErrors=!0,u.report.subscribe(r);var f=10,d=window.Q&&window.Q.errorSamplingRate||1,h=[],p=0,m=i(l,1e3),w=window.console&&!(window.NODE_JS&&window.UNIT_TEST);n.report=function(e){try{w&&console.error(e.stack||e),u.report(e)}catch(e){}};var y=function(e,n,t){r({name:n,message:t,source:e,stack:u.computeStackTrace.ofCaller().stack||[]}),w&&console.error(t)};n.logJsError=y.bind(null,"js"),n.logMobileJsError=y.bind(null,"mobile_js")},"./shared/globals.js":function(e,n,t){var r=t("./shared/links.js");(window.Q=window.Q||{}).openUrl=function(e,n){var t=e.href;return r.linkClicked(t,n),window.open(t).opener=null,!1}},"./shared/links.js":function(e,n){var t=[];n.onLinkClick=function(e){t.push(e)},n.linkClicked=function(e,n){for(var r=0;r>>0;if("function"!=typeof e)throw new TypeError;for(arguments.length>1&&(t=n),r=0;r>>0,r=arguments.length>=2?arguments[1]:void 0,i=0;i>>0;if(0===i)return-1;var o=+n||0;if(Math.abs(o)===Infinity&&(o=0),o>=i)return-1;for(t=Math.max(o>=0?o:i-Math.abs(o),0);t>>0;if("function"!=typeof e)throw new TypeError(e+" is not a function");for(arguments.length>1&&(t=n),r=0;r>>0;if("function"!=typeof e)throw new TypeError(e+" is not a function");for(arguments.length>1&&(t=n),r=new Array(s),i=0;i>>0;if("function"!=typeof e)throw new TypeError;for(var r=[],i=arguments.length>=2?arguments[1]:void 0,o=0;o>>0,i=0;if(2==arguments.length)n=arguments[1];else{for(;i=r)throw new TypeError("Reduce of empty array with no initial value");n=t[i++]}for(;i>>0;if(0===i)return-1;for(n=i-1,arguments.length>1&&(n=Number(arguments[1]),n!=n?n=0:0!==n&&n!=1/0&&n!=-1/0&&(n=(n>0||-1)*Math.floor(Math.abs(n)))),t=n>=0?Math.min(n,i-1):i-Math.abs(n);t>=0;t--)if(t in r&&r[t]===e)return t;return-1};t(Array.prototype,"lastIndexOf",c)}if(!Array.prototype.includes){var f=function(e){"use strict";if(null==this)throw new TypeError("Array.prototype.includes called on null or undefined");var n=Object(this),t=parseInt(n.length,10)||0;if(0===t)return!1;var r,i=parseInt(arguments[1],10)||0;i>=0?r=i:(r=t+i)<0&&(r=0);for(var o;r
Hi there Shannin, What you're looking to create is a bit too advanced for the website builders we suggested above. You'll probably need a more specialized website builder (perhaps search for a "marketplace website builder"?) or have one custom built for you. If you decide on the latter, take a look at our guide on how to hire a website developer. Jeremy
Hi Latisha, Shopify is great for those who are not super technical as they are much easier to use compared to other e-commerce platforms. This is not to say that you can make unlimited number of customizations to the themes without ever touching codes, as some levels of modifications does require touching some codes. But if you just choose a theme, and work within the capability of the theme with Shopify's tools, then you can get a really good store up and running fairly quickly. But if there is a certain look / feel / feature that you want to achieve that is outside the design of the theme, then you may have to code it yourself, or hire a Shopify expert to do so. Hope this gives you a bit more guidance! - Jeremy

For those who don't have Windows 10 but need Microsoft Edge, and those who run a Mac (and thus do not have either Edge or Internet Explorer), all is not lost. You can use a piece of software called a virtual machine, which mimics a completely separate computer running within your real computer. Information about this can be found in the article How to Check Your Website with Multiple Browsers on a Single Machine (Cross-Browser Compatibility Checking).

Many people have asked me about using a website builder such as Squarespace, Wix or Weebly. The problem is that these services come at a price – you’ll generally have to pay between $10 and $40 a month for a single site. You’ll also be limited to basic customization of the template designs they offer, which means that there’s a good chance your site will look just like everyone else’s site.
3. Now, you’re ready to add content to your site. For instance, I added the title, “Caroline’s Consulting Business”, by using the “Text box” tool in the Insert panel. The Insert panel also includes options to embed images or links, or connect to your Google Drive or Google Docs. For example, I circled “Google Docs” in the image below -- I clicked that button to embed my “How to Take a Screenshot on Windows” Google Doc into my landing page.
Use Fiverr.com: Fiverr.com is a site that matches you with all kinds of service providers who are willing to do projects, including logos, for just $5. If you use the $5 option you will have to wait a couple of weeks to get your logo. For around $20, you can generally get it that same week. If you find a designer with a portfolio you like, this is easily the best option for the money.
Larger businesses spend many thousands of dollars to get their custom-designed and programmed sites, but there's no need for smaller organizations and individuals to go to that kind of expense. For about $10 per month (or around $25 if you're selling products) and a few hours of your time, the services included here can help you create a unique, attractive website.

You have a lot of custom requirements for your website that are unlikely to be accommodated by the website builders mentioned below.  Whilst a very basic website is easy to create on WordPress, you should be striving for more than ‘basic’ when building your business’s online presence. It is likely you would need a developer and a designer to customize the features, functionality and design of the site- additional resources that you will need to budget for if you choose to build your website with a CMS.


!function(n,t){function r(e,n){return Object.prototype.hasOwnProperty.call(e,n)}function i(e){return void 0===e}if(n){var o={},s=n.TraceKit,a=[].slice,l="?";o.noConflict=function(){return n.TraceKit=s,o},o.wrap=function(e){function n(){try{return e.apply(this,arguments)}catch(e){throw o.report(e),e}}return n},o.report=function(){function e(e){l(),h.push(e)}function t(e){for(var n=h.length-1;n>=0;--n)h[n]===e&&h.splice(n,1)}function i(e,n){var t=null;if(!n||o.collectWindowErrors){for(var i in h)if(r(h,i))try{h[i].apply(null,[e].concat(a.call(arguments,2)))}catch(e){t=e}if(t)throw t}}function s(e,n,t,r,s){var a=null;if(w)o.computeStackTrace.augmentStackTraceWithInitialElement(w,n,t,e),u();else if(s)a=o.computeStackTrace(s),i(a,!0);else{var l={url:n,line:t,column:r};l.func=o.computeStackTrace.guessFunctionName(l.url,l.line),l.context=o.computeStackTrace.gatherContext(l.url,l.line),a={mode:"onerror",message:e,stack:[l]},i(a,!0)}return!!f&&f.apply(this,arguments)}function l(){!0!==d&&(f=n.onerror,n.onerror=s,d=!0)}function u(){var e=w,n=p;p=null,w=null,m=null,i.apply(null,[e,!1].concat(n))}function c(e){if(w){if(m===e)return;u()}var t=o.computeStackTrace(e);throw w=t,m=e,p=a.call(arguments,1),n.setTimeout(function(){m===e&&u()},t.incomplete?2e3:0),e}var f,d,h=[],p=null,m=null,w=null;return c.subscribe=e,c.unsubscribe=t,c}(),o.computeStackTrace=function(){function e(e){if(!o.remoteFetching)return"";try{var t=function(){try{return new n.XMLHttpRequest}catch(e){return new n.ActiveXObject("Microsoft.XMLHTTP")}},r=t();return r.open("GET",e,!1),r.send(""),r.responseText}catch(e){return""}}function t(t){if("string"!=typeof t)return[];if(!r(j,t)){var i="",o="";try{o=n.document.domain}catch(e){}var s=/(.*)\:\/\/([^:\/]+)([:\d]*)\/{0,1}([\s\S]*)/.exec(t);s&&s[2]===o&&(i=e(t)),j[t]=i?i.split("\n"):[]}return j[t]}function s(e,n){var r,o=/function ([^(]*)\(([^)]*)\)/,s=/['"]?([0-9A-Za-z$_]+)['"]?\s*[:=]\s*(function|eval|new Function)/,a="",u=10,c=t(e);if(!c.length)return l;for(var f=0;f0?s:null}function u(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#]/g,"\\$&")}function c(e){return u(e).replace("<","(?:<|<)").replace(">","(?:>|>)").replace("&","(?:&|&)").replace('"','(?:"|")').replace(/\s+/g,"\\s+")}function f(e,n){for(var r,i,o=0,s=n.length;or&&(i=s.exec(o[r]))?i.index:null}function h(e){if(!i(n&&n.document)){for(var t,r,o,s,a=[n.location.href],l=n.document.getElementsByTagName("script"),d=""+e,h=/^function(?:\s+([\w$]+))?\s*\(([\w\s,]*)\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,p=/^function on([\w$]+)\s*\(event\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,m=0;m]+)>|([^\)]+))\((.*)\))? in (.*):\s*$/i,o=n.split("\n"),l=[],u=0;u=0&&(g.line=v+x.substring(0,j).split("\n").length)}}}else if(o=d.exec(i[y])){var _=n.location.href.replace(/#.*$/,""),T=new RegExp(c(i[y+1])),E=f(T,[_]);g={url:_,func:"",args:[],line:E?E.line:o[1],column:null}}if(g){g.func||(g.func=s(g.url,g.line));var k=a(g.url,g.line),A=k?k[Math.floor(k.length/2)]:null;k&&A.replace(/^\s*/,"")===i[y+1].replace(/^\s*/,"")?g.context=k:g.context=[i[y+1]],h.push(g)}}return h.length?{mode:"multiline",name:e.name,message:i[0],stack:h}:null}function y(e,n,t,r){var i={url:n,line:t};if(i.url&&i.line){e.incomplete=!1,i.func||(i.func=s(i.url,i.line)),i.context||(i.context=a(i.url,i.line));var o=/ '([^']+)' /.exec(r);if(o&&(i.column=d(o[1],i.url,i.line)),e.stack.length>0&&e.stack[0].url===i.url){if(e.stack[0].line===i.line)return!1;if(!e.stack[0].line&&e.stack[0].func===i.func)return e.stack[0].line=i.line,e.stack[0].context=i.context,!1}return e.stack.unshift(i),e.partial=!0,!0}return e.incomplete=!0,!1}function g(e,n){for(var t,r,i,a=/function\s+([_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)?\s*\(/i,u=[],c={},f=!1,p=g.caller;p&&!f;p=p.caller)if(p!==v&&p!==o.report){if(r={url:null,func:l,args:[],line:null,column:null},p.name?r.func=p.name:(t=a.exec(p.toString()))&&(r.func=t[1]),"undefined"==typeof r.func)try{r.func=t.input.substring(0,t.input.indexOf("{"))}catch(e){}if(i=h(p)){r.url=i.url,r.line=i.line,r.func===l&&(r.func=s(r.url,r.line));var m=/ '([^']+)' /.exec(e.message||e.description);m&&(r.column=d(m[1],i.url,i.line))}c[""+p]?f=!0:c[""+p]=!0,u.push(r)}n&&u.splice(0,n);var w={mode:"callers",name:e.name,message:e.message,stack:u};return y(w,e.sourceURL||e.fileName,e.line||e.lineNumber,e.message||e.description),w}function v(e,n){var t=null;n=null==n?0:+n;try{if(t=m(e))return t}catch(e){if(x)throw e}try{if(t=p(e))return t}catch(e){if(x)throw e}try{if(t=w(e))return t}catch(e){if(x)throw e}try{if(t=g(e,n+1))return t}catch(e){if(x)throw e}return{mode:"failed"}}function b(e){e=1+(null==e?0:+e);try{throw new Error}catch(n){return v(n,e+1)}}var x=!1,j={};return v.augmentStackTraceWithInitialElement=y,v.guessFunctionName=s,v.gatherContext=a,v.ofCaller=b,v.getSource=t,v}(),o.extendToAsynchronousCallbacks=function(){var e=function(e){var t=n[e];n[e]=function(){var e=a.call(arguments),n=e[0];return"function"==typeof n&&(e[0]=o.wrap(n)),t.apply?t.apply(this,e):t(e[0],e[1])}};e("setTimeout"),e("setInterval")},o.remoteFetching||(o.remoteFetching=!0),o.collectWindowErrors||(o.collectWindowErrors=!0),(!o.linesOfContext||o.linesOfContext<1)&&(o.linesOfContext=11),void 0!==e&&e.exports&&n.module!==e?e.exports=o:"function"==typeof define&&define.amd?define("TraceKit",[],o):n.TraceKit=o}}("undefined"!=typeof window?window:global)},"./webpack-loaders/expose-loader/index.js?require!./shared/require-global.js":function(e,n,t){(function(n){e.exports=n.require=t("./shared/require-global.js")}).call(n,t("../../../lib/node_modules/webpack/buildin/global.js"))}});
By all means run some tests on a real device, especially on real mobile devices. Mobile device simulation is a new, evolving technology and less reliable than desktop simulation. Mobile devices cost money, of course, so we suggest taking a look at the Open Device Lab initiative. You can also share devices if you want to test on many platforms without spending too much.
Hi Jeremy, I've done so much "research" into making my own website and have to be honest, feel rather overwhelmed! I'm wanting to create a website that will allow regular blogs, resources and ultimately to sell consulting services. I'd like to be able to upload clients videos/pics and also sell ebooks. I'm mindful of good seo but also safe storage of customers personal details. Longer term, if I wanted to move my website, and all its info, can I transfer this information to another host? Many thanks for any help.
WordPress (either version) is a blog-focused content management system that accepts plug-ins and themes that extend its capabilities to most of what the other products here offer, including commerce. In fact, WordPress.com uses plug-ins such as JetPack to provide many of its features. As a whole, WordPress (either .com or .org) is not as easy to use as the other options in this roundup, but if blogging and site transferability are of key importance and you don't mind digging into its weeds a bit, you should consider the platform. Furthermore, the ability to use WordPress is a valuable skill, as some estimates say that WordPress powers 30 percent of the internet.
CSS has only one drawback - a steep learning curve. It is not instantly intuitive. You need to study it and understand it and only then it will ‘click’. You cannot get on a bike and ride, you need to learn to ride a bike. You do not just start drinking beer when you turn 21 - you need to learn to appreciate the taste. CSS takes time to learn and appreciate.

If you think that setting up a website is a great way of gaining fast and easy money, you’re sadly mistaken. There’s actually more work involved than simply taking an order and shipping a product. It’s a process that demands your full attention and will require a fair amount of trial and error, such as which techniques are working or not working in your attempt to drive traffic to your site.
Hi A S, Picking and purchasing a domain name and start building your website go hand in hand. What usually happens is that you test out a few different website builders to see which one you enjoy working with and has the tools that you are looking for. During that time, you can also start your search for your domain name. This is usually your business' name or brand name. We have a domain name guide here. Once you settle with a website builder and decide to upgrade to a paid plan, you can then connect your domain name to the website. Each website builder will have tutorials on how to do that. Hope this helps! Jeremy
Hi HARVEY, I recommend looking at Wix and Weebly as both are very easy to use. You won't have any trouble getting to grips with them as they been designed to be user-friendly. You'll have no trouble creating a simple one-page website with either one. As a heads up, Weebly has a smaller selection of templates, but they are generally simpler and more basic templates, so this might save you some time. And remember, just because all the bells and whistles are available, doesn't mean you necessarily have to use them! I've linked to our Weebly + Wix reviews for you. Hope that helps, - Tom
×