Free webs
Website design software
Create your own website
Free, Easy, Fast
Discover SiteW Free signup

How to setup your online store

5 minutes 231 views

Online store

This tutorial explains how you can create an e-commerce website by using the Store block.
Building your own online store is done in 5 easy steps:

  1. Create a website and add a store
  2. Configure its design (store style, number of products per page)
  3. Manage content (add categories and product details)
  4. Activate the secured online payments (payment methods, shipping costs)
  5. Optimize your store for search engines

 

The Store block allows you to show and sell products on your website.

Create an e-commerce website

1. Create a website and add a store

The first step to build your own e-commerce website is to add, on a new page, a Store block. Create a new page on your website, and drag/drop the icon on the top left of the page (for more details about how to create a website and add blocks, please check the guide on our website creation tool). Then, save your website to start the store configuration.

2. Configure your online store design

When the Online Store block is selected, the properties shown on the bottom left of the website creation page are:

Configure the online store
  • Payment methods: this button opens a window which allows you to configure the payment providers. For now, all the payments are done with PayPal: so you can enter the PayPal account email address on which the sales will be credited.
  • Manage categories: this button opens a window which lets you add, delete and modify the product categories.
    You can select the categories which will be displayed in the selected store block (for example, only the clothes: t-shirts, socks, but not the shoes, which will be sold on another page).

To change your store design, you can choose:

  • The store style.
    3 styles are available: small square images, large rectangular images or horizontal list. You can find more informations and snapshots of the different styles in our tutorial: Online store design.
  • The number of products per page.
    You can sell as many products as your want in your store. To be able to navigate easily, you can choose the number of rows to be displayed per page. You can find more information about this functionality in our guide: Online store page management.

3. Create categories

In order to create a first category, click on the "Manage categories" button, then choose a name in the bottom left input and click on the Add category button. If no category is selected, all the products are displayed. So, select the categories you would like to appear in the selected block by ticking the boxes under "Show in this block".

Manage the store categories

You can create as many categories as you want and they can be modified at any time. When the categories are ready, the next step is to add products.

4. Add products

To add a product in your online store, click on + :

 

Add a new product in your online store

 

The form allow you to configure the product:

  • Title: do not choose a title too long (idealy less than 12 characters). You can add details about the product in the description.
  • Images: You can show up to 4 photos of your product. On your website, when visitors click on the thumbnails, the picture will be displayed on full-screen.
  • Categories: select the categories of the product. For example, "shoes" and "men"
  • Price: in euros only at the moment. Please contact us if you need another currency.
  • Visibility: untick the box to hide the product. You will of course be able to show it again whenever your want.
  • Stock: if the payments are activated, you can configure the number of items that can be bought by a customer.
    stock=0 stock=1 stock>1
    No product left
    Add 1 item to the shopping cart
    Add several items to the shopping cart
  • Options : you can configure options for your product (for example, sizes "S ; M ; L ; XL" or colors with extra price "White ; Blue +0.5 ; Green +1 ; Red +2"). A drop-down menu will allow visitors to choose one of these options before adding the product to their shopping cart.
  • Description: add a full description of your product by using a powerful text editor.

Once the form is filled, click on the "save" button. Then, you can update, delete or copy it from the product list.

Manage your store products

You can create as many products as you need, but do not forget to keep your website organized and to sort the products into categories in order to help visitors find what they are looking for.

5. Manage the payment methods

The Online store blocks can be configured to accept 4 payment methods:

  1. How to create php website PayPal (requires to open a Business Web Payment PayPal account)
  2. Website creation software Check
  3. Website design software Transfer
  4. How to create a website in asp.net Order form

Note, that we do not take any fee on sells.

Paypal order management

Once an order is validated, the customer is redirected to PayPal. He can login with its PayPal account or directly enter its credit card informations and pay its order.
The advantage of PayPal is that no account creation is required: we directly use the address and informations already present on Paypal. This will increase your sell ratio, since the ordering is simplified (no need for the customer to enter its details and address).

Once the payment has been done, you receive a confirmation email with order details and the shipping address of your customer.

Other orders management

For payment by check, transfer or order form, you directly receive an email with your customer details and the ordered items. The customer is also notified with your payment instructions.

You can find more informations in our tutorial Online store, payment by PayPal, transfer, check and order form.

6. Shipping cost management

From the tab Shipping costs, you can setup the shipping costs.

 

You can then define several price ranges which are associated with a shipping cost. This cost can be fixed or depend of either the number of articles or the cart price.

You can find more information in our guide : Manage the shipping costs of your online store.

7. Activate the shopping cart

The shopping cart is automatically activated if you have configured and activated at least one payment method.

Secured payment in your online store

8. Optimize you online store ranking in search engines

When your online store is ready, the last step is to find customers.
SiteW helps you deal with the SEO (Search Engine Optimization):

  • All the store pages (categories and products) have an address (URL) and a title using your product/category name. Thus, pages will have a better ranking in search engines.
  • All the pages are listed in your sitemap.xml file. Thus, search engines can add them to their results easier and faster.
  • To help you follow your SEO, the statistics page shows which categories and which products are the most consulted as well as the keywords typed by visitors to find you website.
  • When you change your website (Premium and Pro), SiteW contacts automatically the main search engines to help them update their results.

You can find tips to optimize your Google ranking in the guides: Better Google ranking and Follow your SEO.

Finally, if you have any question or improvement suggestion, feel free to contact us.

 

 

Last update: June 03, 2020

What’s new?
The latest updates and new functionalities on our tool, after an advanced decoding with our developers.