Adding and Editing Products via Quick Create

Please Note: This article refers to customers with enabled Online Store and Online Marketplaces 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: