Adding and Editing Products via Quick Create

Please Note: This article refers to customers with enabled Online Store, Online Marketplaces and eCommerce plans.

The Product element represents a single selected product on a page. It can be dragged and dropped as any regular widget from the Elements sidebar. The Product element allows you to add a product card to any project page except the Store page.

Adding Product Element

Option 1

Hover over the desired section and click Add Element:

Choose Product from the modal that appears:

After you choose the element from the list, drag it to the desired section and drop it using the grid.

Option 2

Hover over the left sidebar of the Site Editor and click Build (+) button:

Choose the element:

After you choose the element from the list, drag it to the desired section and drop it using the grid.

Adding a New Product

To access the Product settings, hover over the Product element and click Edit:

Hover over the Product Picker and click the Select button:

Click the Add a New Product button:

Fill the product information, and click the Add Product button:

Select Quick Add to add the product to immediately:

Or click Manage Product to access the product page in the Ecommerce dashboard for additional configuration:

Editing a Product

Hover over the Product element and click Edit to configure Product Settings.
Hover over the Product Preview and click the Select button.
Click the Pencil icon for the product you would like to edit:

Edit the product information, then click the Save button:

Select Quick Add to save changes immediately:

Select Manage Product to access the Ecommerce dashboard for a more comprehensive product configuration: