Tutorial 1 of 3
In Progress

Add a Product

Step 1 – Log into your website

Log into your website at yourwebsite.com/login

Once logged in, you will automatically be redirected to your site’s dashboard.

If you are already logged in, then visit your site and select the blue square with a Gear Icon to open the Chasi Control Panel then select Site Dashboard.

Chasi Tutorials Loggin into your website Take3

Step 2 – Create Product

On the top menu of your sites dashboard, select Create > Product.

Chasi tutorials adding products step1 take2

Step 3 – Name Product 

Now, let’s name our product.

The name of your product will be displayed on your shop page, category page, product page, cart, and checkout page.

Chasi tutorials adding products step2

Step 4 – Describe Product

Now that we have named our product, directly below you will be able to Enter In A Description of your product.

Chasi tutorials adding products step3

Long Description

The long description of your product is shown on the product page towards the bottom of the page, under the products image.

Long product descriptions are reserved for more than a sentence, this is where you will place features and additional content about your product.

Note: You may use images and videos to captivate customers within a long description. YouTube videos are automatically embedded when pasting a YouTube video link.

Short Description

The short description of your product is displayed on the product page at the top of the page next to the add to cart button.

Short product descriptions are useful for conveying quick information such as shipping times.

To edit the short description edit any product and you will see a Short Description Field towards the bottom of the page.

Note: We suggest to avoid using images and videos within the short description.


Step 5 – Add Price

Now, let’s add a price to our product.

The price of your product will be displayed on the shop page, category page, product page, cart, and checkout page.

The Sale Price field will add a Sale Badge to your product on the shop page, this is useful to present offers to your customers.

Chasi tutorials adding products step4 take3

Step 6 – Product Tags

Product tags allow your customers to filter products on your shop page. This is convenient for guiding a customer with finding a product.

Note: If you would to disable this feature on your website, simply follow this tutorial to remove product tags.

Chasi tutorials adding products step5

Step 7 – Add Product Images

7.1

Now, let’s upload our product image.

Note: You can upload multiple photos to create a gallery of photos on your product page.

When uploading an image, Chasi will compress and create various sizes to be viewed across multiple pages on your website.

Photo optimization allows Chasi to load your website fast, as compressed file sizes are one of the leading factors of a fast loading page.

Chasi tutorials adding products step6

7.2

Even though this process is automated with Chasi, we recommend preparing your assets for the best possible optimization.

Recommendations:

  • For solid backgrounds, Export as .jpg at 80% quality. For transparent backgrounds, Export as a .png
  • If designed in Photoshop or Illustrator, please export at three times the viewable size to reduce chances of pixelations.
  • Use tinypng.com to reduce the size of your image by more than 50% without loosing quality.
  • You can even download a TinyPNG app to speed up your workflow.
Chasi tutorials adding products step7

Step 8 – Publish Product

8.1

When you are finished editing, select Publish.

After publishing your product it will instantly be visible on your website.

If you are not fully completed with your product, you should Save as a Draft. When saving as a draft, your product will not be shown on your website and can not be purchased.

Tip: The draft feature is useful for hiding a product without deleting it.

Chasi tutorials adding products step8

8.2

After you have published your product, you may view it by selecting the Permalink below the product name.

Chasi tutorials adding products step9

8.3

Review your updated product page

Chasi tutorials adding products step10
Chasi-Plus-Tutorial-Completed2x

Tutorial Completed

If you still need help, feel free to ask in our forums or hire us to help you!


Pro Services

Do you need to hire a professional?