Skip to main content
All CollectionsThemes, Layouts and LanguagesCustom Front Page
How to use custom frontpage to build world class website?
How to use custom frontpage to build world class website?
Rhitam Dutta avatar
Written by Rhitam Dutta
Updated over a week ago

In this article we are going to Cover:

Ever wondered what world-class E-commerce platforms have in common?

A landing page (custom front page) that delights the customer with banners and cover images to start with; that has the most amazing photographic content, offer messages, new launches, highlighted products, flash sales, and all other things that you would want your customer to see the moment they land on to your website.

It is like greeting the customer to your shop while putting relevant information on the glass door followed by standees flanked in the entrance so that by the time the customer reaches the counter or the shelf, their excitement to purchase is already heightened.

Customer View of Custom Front page on Mobile

Customer View of Custom Front page on Web/ PC
​


What is a catalog section ?

Sections serve as a structured way of segmenting your product information that would be most relevant to your customers like :

  • Best Selling items

  • Shop By Categories

  • Shop By Brands

  • Shop By Occasion.

Customer View of Catalogue Sections
​


How to add banners ?


Step 1 : Log in to your QuickSel Web Account on a PC Browser : https://web.quicksell.co/account-settings

Step[ 2 : Click on Content and Layout on the left panel

Step 3 : Click on Custom Front Page Option

Step 4 : Click on Add Section Button and choose Banner

Step 5 : Click on Add Banner and Upload Banner

Step 6 : Upload the Desktop and Mobile images as per the suggested Size

Step 7 : Click on DONE

The screen size and aspect ratio of your mobile and PC screens are different. To ensure images don't get distorted, you can upload different sizes of the same image to better suit the screen size the catalogue is opening in.

Imagine your customer sees a 50% off on the Front Page. He clicks on the image but nothing happens, instead the next image casseroles through. That is exactly where we missed a customer click-to-action.

Now power your image into a button by adding a link/ URL to either a product/catalogue uploaded on quicksell or an external website.


By Clicking on Add Link, you may link the banner image to a product or catalogue or any external website. So whenever your customer will click on the banner image, the linked item shall open.



How to create a catalog section ?


Step 1 : Log in to your QuickSel Web Account on a PC Browser: https://web.quicksell.co/account-settings

Step[ 2 : Click on Content and Layout on the left panel

Step 3 : Click on Custom Front Page Option

Step 4 : Click on Add Section Button and choose Catalogue Section

Step 5 : Add the catalogues you want to display on the Front page then click on Continue

Name the Section and click on Save Section. It's done.

You have no limit to adding sections. So keep adding as many sections with a combination of banners, products, and catalogues.


How to create a product section ?

Step 1 : Log in to your QuickSel Web Account on a PC Browser: https://web.quicksell.co/account-settings

Step[ 2 : Click on Content and Layout on the left panel

Step 3 : Click on Custom Front Page Option

Step 4 : Click on Add Section Button and choose Products Section

Step 5 : Click on the check-boxes of the products you want to display. You can add products from multiple catalogues by choosing from the dropdown on the left side.


How to publish catalogs to your frontpage ?

Once You have prepared your custom homepage by adding your catalogues, banners, and products in the preferred order and sequence, it's time for you to publish the custom homepage and view how it will look to the customer.

Click on the Publish Button on the Top-Right Corner to Publish the Setting to your Homepage.

Click on View as Customer to see what your homepage will look like to the customer.



How to Edit, Delete or Re-arrange Sections of your Custom Front Page?

Step 1 : Log in to your QuickSel Web Account on a PC Browser: https://web.quicksell.co/account-settings

Step[ 2 : Click on Content and Layout on the left panel

Step 3 : Click on Custom Front Page Option
​
Step 4 : Click on the 3-dots and select between the options:

  • Edit - To make changes to banners, sections, and products.

  • Change Title - Change the title of the section visible to your customers on the catalogue custom home page

  • Delete - Delete the entire section.

  • Move Up / Down - To rearrange by moving the section up or down on the custom front page.
    ​


Pro Tips:

  1. Use a tool like Canva to easily create banners and collages that appeal to the customers.

  2. If you want to put reviews and ratings, you can take snapshots of your customer feedback and add them as image banners.

The casserole effect is automated by adding more than 1 image as a banner in a section.

Did this answer your question?