Products Section

You can highlight your bestselling products with this module. So, whenever a customer lands on your website, he/she will view these products first which can boost your sales.

Add Products Section

You can add products section into your website with this option.


1. From the Homepage, click on Edit Website.

2. Click on Add Section.

3. From the Following slider, click on Featured Products & Services.

You will receive the following options.

  1. Displays a list of templates that are available in the system.
  2. Displays a list of templates that were previously selected and added into the website by the user.
  3. Displays a list of templates that were previously viewed by the user.

4. On choosing any of the option, hover over the products template and click on , in order to view the product template.

5. The preview will look as follows. Click on Add This section in order to add this template onto the website.

A new Product section is added on the website.

1. From the Homepage, tap on Edit Website.

2. From the Website, tap on .

You can place the new section either above or below the existing section as required.

3. Tap on Featured Products & Services.

You will receive the following options.

  1. Displays a list of templates that are available in the system.
  2. Displays a list of templates that were previously selected and added into the website by the user.
  3. Displays a list of templates that were previously viewed by the user.

4. On choosing any of the option, hover over the products template and tap on , in order to view the product template.

5. The preview will look as follows. Tap on Add this block in order to add this template onto the website.

A new Product section is added on the website.

Add / Update Products

You can edit and make changes in the products section with this option.


1. Click on Add Product / Service tab, enter a product name or select from the drop-down list of products available.

2. To edit an existing product, click on the product and the following options get displayed.

1. Go to Link: Redirects you to the detail product page, which displays the pricing information and allows you to buy the product as well as allows you to add review and rating for that product.

2. Edit Image: Enables you to change the image of the product that is displayed on the website. It also allows you to edit the product details.

3. Sort Product / Service: Enables you to arrange the products appropriately.

4. Change Styling: Enables you to customize the border width, border styling, border color of the existing product image.

To know more about, Styling, click here.

5. Copy and Paste Styling: Enables you to duplicate the product.

6. Product Setting: Enables you to customize the product section layout with the options provided in the product section settings.

7. SEO: Enables you to add title and description for your products.

To know more about SEO, click here.

8. Remove: Allows you to delete a particular product, from being displayed on your website.

3. If you want to add Background images and would want to add styling and animation effects to it. Click on , and you would be provided with the following options.

To know more about customizing Background, click here.

1. In order to display products on the website, you need to first tap on Add Product / Service tab.

2. Enter the product name or select the product from the drop-down list.

You have successfully added products on the website.

3. To edit an existing product, tap on the product and the following options get displayed.

1. Go to Link: Redirects you to the detail product page, which displays the pricing information and allows you to buy the product as well as allows you to add review and rating for that product.

2. View Image: It displays the preview image of the product that is displayed on the website.

3. Sort Product / Service: Enables you to arrange the products appropriately.

4. Change Styling: Enables you to customize the border width, border styling, border color of the existing product image.

5. Product Setting: Enables you to customize the product section layout with the options provided in the product section settings.

6. SEO: Enables you to add title and description for your products.

7. Remove: Allows you to delete a particular product, from being displayed on your website.

4. If you want to add Background images and would want to add styling and animation effects to it; tap on  > Background.

5. From the options provided, you can proceed towards editing the background of the products section.

Remove Products Section

You can delete the products section with this option.


1. On the website, hover over the product section and click on .

The Product section gets deleted.


Note

You can reverse this action by clicking on Undo option which pops-up when you delete any section.

1. Scroll to the products section and tap on  > Delete Section.

The Product section gets deleted.


Note

You can reverse this action by tapping on Undo option which pops-up when you delete any section.

Was this Article Helpful?
Yes
No
Glad We Could Help You!

2 thoughts on “Products Section”

  1. how to add products to website step by step | how to add products in my store | how to add and manage products on website | how do i add recently browsed products to website | how do i add recently ordered products to website ~ #addproductssections

  2. how to do seo for product images | how to edit product details from website builder ~ #addupdateproducts

Comments are closed.