fbpx

Blog>How to create an eCommerce website

Blog

How to create an eCommerce website

How to create an eCommerce website

Creating and building an eCommerce website can be a challenging task. Looking to start out an online shop? Here are 5 steps to perfection.

Create an online store in 5 steps: the methodology

Download the free e-Book!

The guide to grow and optimize your e-commerce




Choose your domain, hosting & CMS


As you probably know, the prerequisite to have your website online lie into picking up a domain name. Second, you need to consider acquiring some webspace to store your files. Third, you will get a proper content management system, or CMS, to organize said files. Let’s dive into it.

A domain name is an identification string that defines a realm of administrative autonomy, authority or control within the Internet.

From https://en.wikipedia.org/wiki/Domain_name

So, the domain is the address to access our website. We need to register a domain if we want to launch any website, so the same applies to our e-commerce. Otherwise, we cannot appear nor sell online.

This is how we “translate” for our users the IP address of our website, which would be impossible to understand otherwise. For ASOS, the IP address would be “23.47.145.51” – but www.asos.com appears to be much easier to remember.

If you’re curious, you can search any online website using Domain Tools, and you will discover what’s the IP address for any website.

The technical name you are looking for is “domain name registrar“. And, to register your domain, you could use a company such as:

>>> Godaddy \ Namecheap \ Hostgator

Depending on your country, you may easily find other companies offering the same service. Be careful: do not spend too much on your domain name, and keep it short! This will come handy once you’ll need to structure your URL’s.

An example? Let’s assume we need to launch our own “FTA shirts” e-commerce. A quick research on Godaddy shows that we need less than 10 € to buy the .com domain.

how to create an ecommerce website using godaddy

Needless to say, now that we have an address, we need to match this to a place to store the documents and files that will compose our website.

Various companies offer integrated packages offering both hosting and domain, but you can also purchase them separately.

Web hosting is the place where all the files of your website live.

FROM https://www.wpbeginner.com/beginners-guide/whats-the-difference-between-domain-name-and-web-hosting-explained/

This is far more important for our website: you need a hosting service that is both fast and reliable. Pro tip: consider to spend more money on hosting than on domain acquisition.

A full, comprehensive review of a few hosting services for Woocommerce can be found here. The main decision to make is about having a shared or dedicated hosting, with the latter being far more expensive. You have many alternatives including:

>>> WPX \ Siteground \ Kinsta

As an example, a website hosted on Siteground would cost you from 4 to 30 € per month, depending on the current offers available.

how to create an ecommerce website: choose the hosting

As of now, we have a domain and a place to store our files, so let’s consider our options to organize our documents and files to build our eCommerce. We need a CMS now.

A content management system (CMS) is a software application that can be used to manage the creation and modification of digital content.

FROM https://en.wikipedia.org/wiki/Content_management_system

While there are many alternatives on the market, our suggestion would be about starting with either one of the two leading CMS used worldwide for eCommerce:

>>> Woocommerce \ Shopify

On one hand, Shopify is as easy as it gets to start an online business. The downside is that you have fewer customization options, you need to pay a monthly fee and the platform takes a percentage out of your revenues.

On the other hand, Woocommerce is extremely customizable. However, it requires a bit of knowledge of WordPress programming. It can be trickier to use at first glance if you have no experience creating or maintaining a website.

Disclaimer: various plugins highlighted in this article are for Woocommerce, but the reasoning behind is the same for any other CMS.

When you start with either one of these, you have a blank canvas that could be threatening for inexperienced entrepreneurs. No panic!

You can start with a premium theme (paid) from websites such as Themeforest or Themeisle. Such a choice helps you connect the dots without too much effort. Ideally, you should choose a theme with various case studies available. These will add up to live websites with a similar feel to the one you are looking forward to creating.

Last but not least, check if the theme has an integrated builder optimized for e-commerce, such as Elementor or Divi. These builders enable you to modify the layout without touching the code.

Verify that you can easily send out e-mails and handle your users from an intuitive interface, as these will be a real problem if not managed correctly.

A professional theme may cost around 69 € per year, as we can see from Themeisle:

themeisle pricing for ecommerce creation

Checkpoint #1: we have a domain name, a hosting provider and a CMS installed.

Need further advice on your e-commerce?

Create your privacy & cookie policy and VAT


As you will be managing customers’ data, you need a privacy and cookie policy. This will help you avoiding litigations and clarifying which tools you are using to track customers’ data. Also, you will be able to explain to them how you will use their data to enhance their online experience.

A privacy policy is a statement or a legal document (in privacy law) that discloses some or all of the ways a party gathers, uses, discloses, and manages a customer or client’s data

FROM https://en.wikipedia.org/wiki/Privacy_policy

A few examples for creating your own privacy policy would be available here:

>>> Iubenda \ Termsfeed \ Getterms

Make no mistakes: privacy policies are mandatory, not an extra.

Be careful also about communicating clearly your cookie policy as well, when somebody enters your website.

If you are wondering what cookies are, we can just define these as files that web browsers give to your server. These files will contain information about the visits to your web pages, as well as any information related to (and allowed from) your visitors. You want to learn as much as possible about your visits, hence cookies are important.

You can use plugins such as Cookie Notice to solve this issue without risking lowering your website’s speed.

As you will be selling online, we are taking for granted that you have already registered your VAT.

This is a fundamental piece for any business. Rules and requirements, of course, vary among countries, so make sure to be VAT-compliant before starting selling online.

Doing so, you will avoid problems later on. Also, this is a basic requirement to create a full company policy, since we are talking about e-commerce.

Checkpoint #2: we have a registered VAT, a cookie policy and a privacy policy.

Define logistics, inventory & payment gateways


Now, let’s discuss operations.

The logistics of physical items usually involves the integration of information flow, materials handling, production, packaging, inventory, transportation, warehousing, and often security.

FROM https://en.wikipedia.org/wiki/Logistics

Assuming that you have already produced all your pieces, it’s about time to answer a few questions.

  • > How will your pieces move from their production site?

If your production is local, it makes things easier. Anyway, you still need to consider the time needed to produce your pieces as well.

  • > Do you have storage space?

Depending on the size of your business, you may have a dedicated storage unit. However, the products must be moved from their production place to storage without issues, and this must be planned in advance.

  • > How will the inventory be connected to your website?

Various platforms enable smooth integration and online stock management. Keep in check your current stock levels. Otherwise, the risk is about losing sales, etcetera.

  • > Once sold, how are the products to be labeled and packed?

Do not underestimate this part. Different orders require different boxes, different labels and so on. Finally, somebody needs to take care of this operational aspect.

  • > What company are you going to use to shipping your products?

This has to do with your target market as well. Giants such as DHL or UPS offer reliability and enhance trust on your website, but they could be costly for small shipments.

  • > How will you communicate with your customers?

Depending on your technology stack, you will have various ways to interact with your customers. You will be able to communicate with them directly from the e-commerce interface. Otherwise, you can do so using tools such as Active Campaign or Mailchimp. Be sure that these tools can be integrated with your platform to send delivery updates.

  • > Can you handle international shipments?

This is related to the previous questions as well. If you plan on going internationally from the start, you need to lay out a structure that gives you flexibility and security on an international level.

  • > How will you handle returns?

Small e-commerce websites have a very low return rate. However, understanding and explaining the return flow to your customer is a valuable asset. And to enhance credibility, and ease your mind if this was to happen.

how to create an ecommerce website in 5 steps

Taken from https://logisticsmgepsupv.wordpress.com/2019/05/23/e-commerce-evolution/

Every platform will have its own system to help you sort these questions out. So, if you are able to clarify this flow, you will be efficient in managing your operations accordingly. Otherwise, the risk is losing time for repetitive tasks that could be better spent elsewhere.

Pro tip: map out on paper the flow you envisioned first, then replicate it on your e-commerce. If you prefer digital tools, even an A0 page on Powerpoint would do the trick.

Well, now let’s talk about money and transactions. Let’s assume we all know what a payment is, right? But, as a consequence, implementing payment gateways on our e-commerce could be trickier than expected.

A payment is the voluntary tender of money or its equivalent or of things of value by one party (such as a person or company) to another in exchange for goods, or services provided by them, or to fulfill a legal obligation.

From https://en.wikipedia.org/wiki/Payment

And now, a few more questions are to addressed as well:

  • > What are the most common payment methods on your target market?

There could be local solutions that are widely implemented, or special requests, such as paying cash on delivery or by bank transfer. Have you considered that?

  • > How easily can you add these solutions to your website?

This is crucial. International solutions may have their own integrations, while lesser-known companies may be more problematic.

  • > How will this choice impact your margins?

Study their tariffs. This is key for your survival and business projections.

  • > How does your payment systems work in case of disputes?

Check what happens if there is a return or a dispute with a client. Better be safe than sorry, especially talking about transactions.

Stripe & Paypal are probably the go-to-solutions for payments, especially when we talk about starting out. Be careful about restrictions (goods and nations) and test them out extensively before going live.

It is particularly important to customize the customer experience to make it as seamless as possible, otherwise your conversion rate may be lower than expected. In other words, customers should not perceive that they are going through a 3rd parties platform, if possible.

Checkpoint #3: we know how we will be paid & how to handle purchases.

Download our e-Book!

The guide to grow and optimize your e-commerce




Outline your structure, product pages & SEO


Now, we have to worry about delivering a seamless customer’s user experience. Visuality and simplicity into the website menus and structure will play the most important role.

A website’s structure refers to how the website is set up, i.e. how the individual subpages are linked to one another. It is particularly important that crawlers can find all subpages quickly and easily when websites have a large number of subpages.

From https://www.searchmetrics.com/glossary/website-structure/

Therefore, we have to make clear:

  • > What is the ideal logical and visual structure for our website?
  • > How can we optimize the products page?
  • > How can customers find our website in a simple way?

Creating a logical website structure

Let’s start with the website structure. This must be logically organized and simple to understand. If you have three different types of products, you can create a menu with three different main categories. Then, each one can be further subdivided into subcategories, and finally, each subcategory has its own products which will be on display.

Remember our “FTA Shirts” website? An example of optimized structure to reach a red shirt would be:

> Homepage > Shirts > Red Shirts

Be sure to always show the breadcrumbs, which represent what should be the ideal path to reach a certain product. This is an example taken from Farfetch, where we can see Home > Women > Designer > Clothing > Product:

how to create an ecommerce website: the product page

Product page

Now, let’s shift our attention to the second question. Once we’ve got our potential customers on the product page, we have to make sure that we make it easy for them to buy.

First and foremost, you will need to optimize your above fold.

The fold is a term used to describe a web browser window’s bottom border. “Above the fold” refers to web content that is visible above the border when a page first loads. “Below the fold” refers to the portion of the page that requires scrolling to see.

From https://www.crazyegg.com/blog/glossary/what-is-the-fold/
how to create an ecommerce website: the fold relevance

Taken from https://www.wordstream.com/below-the-fold

Above the fold

Above the fold” means what we see at first glance when we enter on a website. This means that we need to show information and these must be compelling, such as:

  • > Images

They must be high quality and of good size. Most people like to zoom and look around to get a better feeling of your product. Pro tip: keep an eye on files dimensions, as large files will slow your page loading process.

  • >Price

Easy to spot, including VAT, possibly, and clearly highlighting any fee.

  • >Variations

Size and colours. Show them if you have them in stock, and consider adding a size chart and fitting specifics. It is always beneficial to give more details.

  • >Add to cart

The button must be of a different colour and create contrast with the background. Down the road, you will consider also about testing different colour’s options.

  • >Customer ratings

Showing customer’s comments and ratings can help you gain credibility and trust. The more transparent, the better.

  • >Shipping & Payment

Show your customers how they can pay, and how much it’ll take to receive the goods once ordered. These are primary concerns for any potential customer.

Below the fold

Now that we have addressed what it needs to be shown “above the fold”, let’s go beyond.

Below the fold” helps those that are still unsure about their purchase. We can reassure them adding:

  • >Product Descriptions

You may have two product descriptions. One is short and the other one goes deeper into understanding what’s the product about. This is the ideal space for the longer, enriched version.

  • >Demo

Such as videos, testimonials of actual users and technical details about the product.

  • >Correlated products

Added through a plugin, to increase the potential basket size, or cross-sell. For instance, on “FTA Shirt” a good idea could be to cross-sell ties to match our shirts.

If you still feel like you don’t know where to start from, you can study the structure of a product page you like. Use a tool called Wirify to learn what’s going on behind the curtain. The boxes we see here are recreating the Farfetch product page shown above:

ecommerce product page example
wirify farfetch website structure ecommerce wireframe

Enter the SEO (Search Engine Optimization) world

Finally, as said, we have to make sure potential customers can find our e-commerce without any issues. Hence, it is important to master SEO and find the right tools to assist you on this technical journey. You need a way to easily update your content and make it visible to Google, regardless of the platform you choose. A few tools that will be helpful down the line are:

Do not underestimate SEO as it’s a major asset for an e-commerce. Even though it’s a fairly technical subject, you cannot escape from it completely.

To discover more about the topic, you can find our free SEO e-book here.

Checkpoint #4: We know how to offer an attractive interface to our customers and how to make finding us easy.

Increase your e-commerce conversion rate


According to Hubspot, there are 16 main reasons why people leave a website. Let’s see what we can do on the technology side to increase our conversion rate and optimize our online presence. Then, we will give you a few tips on the Customer Experience side.

E-commerce Technology

When the site is too slow, not well responsive to the mobile experience, it relies on outdated plugins, does not use exit intent technology or has been hacked, there is no chance to offer a fluid experience to our customers and generate trust.

Let’s see how we can tackle and avoid these annoying problems.

The site is too slow

If it takes forever to access our website, we can use a few free online tools to test and troubleshoot the loading speed. For example, think of Pingdom and Google Pagespeed Insights.

There is a series of likely causes for our website’s poor performance:

  1. >We have high quality and large size, uncompressed images

In this case, you can just compress the pictures. You can do this asking professionals or taking advantages of online resources such as:

>>> Smush \ Tinyjpg \ Autoptimize

  1. >Our hosting service is not enough

It may be that your plan is not enough to accommodate a certain number of users, especially if you have a shared hosting plan. Review it and act accordingly, checking also its location when compared to your most active clients. For an extreme example, if your main target is France and your hosting is in Australia, this would surely cause troubles speed-wise.

  1. >We are not using a Content Delivery Network (CDN) or caching

CDN makes your website faster. Without going too much into technicalities, our hosting service may provide you with free CDN. Alternatively, we may use Cloudflare, which is also free for a small website.

Caching can also speed up our website. This is done through the use of plugins such as W3 Total Cache or Autoptimize, that we already mentioned before (picture compression). Paid solutions such as WP Rocket are also quite effective into reducing the amount of plugins required to run your website.

  1. >We have too many redirects / broken links

This is a capital mistake for any website and it’s even worse for e-commerce. It happens frequently if you change your product names often, if you modify your website’s structure and if you don’t redirect nor clean up your broken/missing links. A few tools that can help you are:

>>> Check My Links \ Redirection \ Google XML Sitemaps

Our site isn’t responsive?

Taken from https://aspekt.co/en/blog/what-is-responsive-web-design

Your website must be properly accessed on any given device. Be especially careful if your mobile experience isn’t as optimized as the desktop. Google won’t be happy about it, also because many potential customers will discover you from their own smartphone.

Let’s see what we can do to solve this:

  • > Test our website extensively

The key is starting from mobile. If you are sure that the mobile version is in line with what you envision, enriching the experience on the desktop will be easy. On the other hand, going from desktop to mobile often results in cramped websites with an awful interface and poorer overall experience.

  • > Choose an updated theme

If we are using an old theme or CMS, this may be the culprit. Overall, you could skim through the aforementioned Themeisle, Themeforest, or the WordPress Directory to find the perfect theme for you. We need to check the last updated version available to avoid compatibility problems. That’s important when we have to choose from different plugins solving the same issue. If the theme is no longer supported, we need to change it.

  • > Don’t tweak the code on your own

It could be that you want to make small tweaks to your existing website. Be very careful about it. Modifying the code (HTML and CSS) does not break your website, but it could worsen the experience on different devices, or cause unwanted errors.

Themes on CMS are optimized for each device through various lines of code, and if you tweak them, you could be in trouble.

Overall, if you really need to make small edits you could use Simple Custom CSS so that you can make small experiments without touching the core. If you use a theme with a builder, you will face fewer troubles while adding flexibility on your layout choices. Of course, you can also find a skilled developer on marketplaces such as Upwork.

Our site has been hacked
how to build an ecommerce website: what if my site has been hacked?

Taken from https://home.bluesnap.com/snap-center/blog/how-hackers-find-your-ecommerce-website/

Clearly, this is the worst possible scenario for our e-commerce. If your website is hacked, customers will lose trust in you (and your brand) and this could harm your SEO efforts as well. While this matter may seem trivial if you experience low traffic, take for granted that hackers will try to access your website regardless of your current commercial success.

What could you do?

  • >Create a back-up

You need an updated back-up of your website available at all times. Review your options, as this could be offered by your hosting. If not, you could resolve to plugins such as UpdraftPlus. Even if you are hacked, you will be able to restore your website through your back-up. If you don’t have it, this will be way more challenging.

  • > Add SSL

SSL is what modifies your link from http to https. This means that the website is secure and this is also a good sign for ranking on Google. Various hosting providers offer free SSL, that you can then add to your website with plugins such as Really Simple SSL.

  • > Add 2-Factor authentication

You probably use 2-Factor authentication to access your bank account or other sensitive websites. If you use it to access your website’s back-end as well, you make it extra secure through tools such as miniOrange. Combine this with a complicated password, and you will make it way harder for hackers to access your website.

  • > Update your plugins and control your activity

Constantly update your plugins as they may be vulnerable to attacks if left untouched. Control what’s happening on your website, for example adding layers of security through dedicated solutions such as Wordfence, Limit Login Attempts Reloaded and Disable XML-RPC.

The site is not using exit intent technology
ecommerce website popup examples

Taken from https://tribulant.com/blog/marketing-social/the-best-exit-intent-popup-strategies-for-ecommerce/

The likely causes why your site is not using exit intent technology are that either you do not know what it is or you do not know how to implement it. Basically, this is the pop-up that comes out when you are going to close a certain webpage.

In this case, you can choose among a variety of solutions such as Hotjar, Sumo, and OptinMonster.

Customer experience

We have already shown what you need to build an excellent e-commerce. Now the question is: how can we optimize our customers’ experience?

Checkout process

Taken from https://www.salecycle.com/blog/strategies/17-tips-for-a-smooth-ecommerce-checkout-process/

One of the main plagues of many e-commerces is that customers add products to their cart but finally do not buy them. This is why it’s so important to create a smooth check-our process encompassing the following:

  • >Cart: Customers can access their cart with ease
  • >Delivery: They can define their delivery options
  • >Payment: They can choose their favourite gateway
  • >Confirmation: once they buy, they are directed to a thank you page

Avoid hidden fees, navigation menu, and long forms during check-out. You will see a steady increase in conversion rate if you are able to assist your customers during this phase.

Additional elements

Taken from: https://pinkclove.co.uk/pages/size-guide

We also recommend to consider the following for a better experience:

  • >FAQ: to address concerns and help customers to make an informed decision
  • >Social proofing: reviews and testimonials help greatly with conversion
  • >Sizing chart: fundamental to reduce returns and increase the conversion rate
  • >Live Chat / Customer support: talking directly with customers to understand their concerns
  • >A/B testing: through Google Optimize, understanding what is not working in the process and improve continuously
  • >Email marketing: creating automation for abandoned carts and handling your communications from a single interface such as Active Campaign or Mailchimp

So, this is the end and bottom line to create a successful eCommerce business. The experience, of course, is the best teacher, and you will find the journey as exciting and challenging as ever. Enjoy the trip!

Would you like to learn more about creating an eCommerce?

back to top

Don’t miss important News!

Subscribe to our newsletter and get news and event info