Loading...

Knowledge Base
Switch to Bluehost and get money back
Migrate your WordPress website from your current host and we'll cover the costs.

Website Builder (for WordPress) - Adding Products Section

In this article, we will walk you through how-to add the Products section to your Website Builder. This feature allows you to display products for sale on your website.


How-to add Products section

  1. Click the + (Sections) icon from your Website Builder, navigate through All categories, then select Products.
    wb-products
  2. Once you selected Products, select the layout you prefer for the Products section.
    wb-products-layout.png
  3. To edit the text from the Products section, click on any description from the template, and the text toolbar will pop up to allow you to format your text.
    wb-products-text

    To edit the image, hover your cursor to the Product thumbnail, and the Image toolbar will pop-up to allow you to replace the image of the product from your Media Library or upload a photo from your PC.

    wb-products-image

    To add more items, click the Add item button.

    wb-products-add-item

    You can also re-order the Products by clicking and dragging the ⋮⋮ (move item) button from the Product tile and arrange them based on your preference. Here's a quick demo:

    wb-products-re-order
  4. To edit the Settings, navigate through to the right-hand side menu.
    wb-products-settings
  5. Navigate through the Product > Background tab from the right-hand side navigation menu to design your Product section.
    wb-products-background

    Note: Your edits and updates are reflected instantly in Website Builder, but don’t forget to hit Save or Publish to save your work.

Did you find this article helpful?

 
* Your feedback is too short

Loading...