Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Make a great looking webshop with One.com

I learned these really cool tricks while building my webshop, and want to share them with you.

The webshop lets me manage my inventory and keep track of orders directly from the One.com Control panel. The Webshop also integrates seamlessly into the site I built with Website Builder.


'
Frontpage of example bookshop

Quickly get your shop up and runnning

The process of building a webshop is easy.

webshop_manager_small_with_padding

Step 1 - Add your products and images


I started off by adding book covers and information about each book through the Webshop section in the Control Panel.

Tip: Use square shaped images, and you avoid having parts of the images cut off on the product overview page on your live webshop.



website-builder-small-with-padding

Step 2 - Build your site with Website Builder


After that I built my site with one of the templates in Website Builder, and I added the Webshop component to an empty page.

Learn more




overview_small_with_padding

Step 3 - Go live with webshop


When I published my site, this automatically built a grid of all my products. This is great when you want to show all your products at once, but might not be enough when you want to showcase a single product, to give it the special attention it needs to boost sales.




Increase sales by showcasing products on your front page

In my shop I want sell the book of the month, display bestsellers and offer a weekly deal with a book bundle. When I first built my webshop, I thought it looked great, but I soon realized I needed to do something more to attract attention to my books. Let me take you through how I did this.

bundle-cut-off-mini

Tip 1 - Sell bundles of books

To be able to sell a group of products, I added a new product that contains all the books in my bundle. The bundle got its own product image, and description, and I added the same image on the front page in Website Builder. The "Buy it" button is also added in Website Builder with the button component. The button is linked directly to my book bundle.



Tip 2 - Display bestsellers on the front page

My bestsellers are placed in the middle of my page, where I link to the category "Bestsellers" that only shows books in this category. First create the category "Bestsellers" in the adminstration panel for your webshop, add products to it and give this category a custom url. Then copy the full url for this category from the live website, and add it as an external link inside Website Builder.

Bestsellers in example webshop

Tip 3 - Showcase a single book

The way I showcased a single book is similar to what I did to my book bundle and when displaying my bestsellers. In Website Builder I added a title, book cover, description of the book, and a "Buy" button pointing to the product page for this specific book.

book-of-the-week-inside-webeditor


Related articles

Getting started with your webshop
Getting started with Website Builder