Setup Ecommerce

Products

Here is where you manage your products. When you add new products,

Remember to set the availability status for the product. Utilize the Organization section to sort and organize your products:

When you click choose Product type, Vendor, Tags and Collections, you might see nothing in the list from the very beginning.

Don't worry, you can easily create one by just typing in a new name, then click the name to create a new one. See the picture above. However, for creating a new collection, you will need to access "Collections", see next.

Variants

If a product has multiple options, use "Variants".

In the above screenshot, tick the checkbox first and give an option name such as size, color, weight, etc (maximum 2 options). Then in "Option Values", list all the available values of that option by typing in the field e.g. 128G and input a comma or hit the "enter" key on your keyboard. Then you will see it jump in a blue box with a delete button.

After you setup all the options, you can edit the price of each variant. Click "Save" to create the product and click the pencil icon to back to the editing page to add more details of the variant including photo, compared price, inventory, etc:

This is how it will look like in the shopping UI:

TIP

In my case, I have color and size options. Since for color I have different photos but for size, no. So I need to put color as the first option, because only the first option shows variant photos.

Collections

When you create new collections, you can add products to the collection in 2 ways:

• manually add existing products to it

  You need to choose the "Manual" option and save it first, then click the pencil mark to add products. When you add products, you can click the "Search" button without any keyword to get the full list of all existing products or type in any keyword to search.

• add automatically by giving conditions

  setup the conditions before you save the creation. "all conditions" means only the product which matches all conditions listed here will be added to this collection. While "any condition" means the product which matches any one of the conditions listed here will be added.

Discounts

Select the "Discounts" tag and click "Create Discount".

Use "Generate code" to get a random code or name one by yourself.

Feel free to customize the rest details for the discount. Once done, click "Save".

TIP

if you get system errors, being unable to create a discount. Please leave it for now, we are working on this feature and will get this solved as soon as possible. Sorry about any inconvenience.

Shopping Carts

Here is where you check users' cart information. Click on the "x items" button to view item details like this:

Note

after checkout, the items will be removed from carts and added to orders.

Orders

All the order histories are listed under "Orders". Again, click on the "x items" button to view item details.

Settings

IMPORTANT

a series of basic information like store information, shipping method and payment method have to be set before you test the checkout process. For example, if you didn't add any payment method in the settings, you might find yourself unable to open the checkout page.

Leave your store details.

Check all available shipping methods. If "Pick up" is checked, do make sure you fill in your "Store address" above "Shipping method".

Check all available payment method and select currency.

Finally, add prefix or suffix to your order ID if needed.

All these settings can be accessed in the "SHOP" JSON in the flow. Check "SHOP" JSON Variable.