This section allows administrators to create and manage Variable Products with multiple variations such as size, color, or other attributes. It provides fields to define product details, variation combinations, pricing, inventory, and shipping to ensure each variation is accurately listed on the storefront.
To add Variable products follow these steps:
- Navigate to the sidebar menu and select ‘Settings’.
- Select ‘Store Settings’.
- Click ‘Manage Inventory’.
- Scroll down to the ‘What I plan to sell’ section and enable ‘Physical products’, ‘Digital products’ or ‘Both physical & digital’ as required.
- Then, navigate back to the sidebar menu and select ‘Back to Dashboard’.
- Click ‘Products’ from the sidebar menu and choose from the available options: ‘All Products’, ‘Vendor Products’, ‘Admin Products’ or ‘Add Product’. Variable products can be created from any of these four sections.
- Click the ‘Add Product’ button at the top-right corner of the page. This is common across all four sections: ‘All Products’, ‘Vendor Products, ‘Admin Products’ and ‘Add Product’.
- Then, select ‘Product Type’ and choose ‘Variable Product’.
- Click ‘Submit’ to apply the changes.
There will be four editable pages to configure the product details. Enter all the required and mandatory fields to list the product.
The below are the fields in the first page:
- Product Name: Enter the name of the product.
- Select Categories: Identify and select the most appropriate categories for the product’s classification.
- Primary Category: Set the main category for filtering and navigation purposes.
- Select Tags: Add searchable keywords or tags related to the product to improve discoverability.
- Select Brand: Choose the associated brand from the available list.
- Short Description: Provide a brief summary of the product’s highlights.
- Long Description: Provide a detailed description of the product, including features, benefits, and any other relevant information.
- Upload Product Images: Drag-and-drop or browse to upload one or more images for the product.
- Upload Product Video: Click ‘Choose File’ to upload a video related to the product.
- Save & Continue: Click to add this new product to the list. A toast notification ‘Added Variable Product Successfully’ will appear to confirm the new addition.
The below are the fields in the second page:
- Select Attribute: Choose the type of attribute to add from the dropdown list.
- Select Attribute Value: Add multiple values for the same attribute from the dropdown list.
- Save Attribute: Click to save. A toast notification ‘Product Attributes Updated Successfully’ will appear to confirm the new addition.
To return to the ‘Manage Products’ list view, navigate to the top-right corner and click on ‘Products’. This option is available in all the product configuration pages.
- The selected attribute and its value will appear below the ‘Save Attribute’ button.
- The ‘Select Attribute’ will appear as an interactive tag with the options to edit and delete.
- A toast notification ‘Product Attribute Deleted Successfully’ will appear to confirm deletion.
- Clicking the edit option will display the dropdown list of ‘Select Attribute Value’ form field to change the existing value. Click ‘Continue’ to proceed to the next form section.
- A form section titled ‘Add Product Variations’ for ‘Product Name’ will appear to create combinations.
- Under the title ‘Variations’ a button labeled ‘Create Combinations’ will be available to perform the necessary actions. Click continue to proceed to the next form section. A toast notification ‘Product Combinations Created Successfully’ will appear to confirm creation.
- Click on the selected variation to open the form fields to add the details. The form fields are mentioned below:
The below are the fields in the third page:
- Regular Price: Enter the original price of the product.
- Tax Price Excluded with product price (Change): Clicking on ‘Change’ will redirect to the tax settings page to adjust product price tax handling globally.
- Sale Price: Enter a discounted price, if applicable, for promotions or sales.
- Tax Price Excluded with product price (Change): Clicking on ‘Change’ will redirect to the tax settings page to adjust product price tax handling globally.
- Product SKU: Enter a unique code used for tracking and identification of the product.
- Stock Quantity: This is a spinner input field. Enter the current available inventory of the product by typing or using the up/down arrows.
- Low Stock Limit: This is a spinner input field. Enter the threshold quantity at which notification must be sent about low stock by typing or using the up/down arrows.
- Weight (kg): Enter the product’s total weight. Select the unit of weight (KG, GMS, LBS) from the dropdown.
- Shipping Cost: Enter the delivery charges associated with the product.
- Include Pincodes: Enter the pincode for product delivery. As characters are typed, a validation message ‘Please enter 3 or more characters’ will guide the provision of a sufficient number of characters for valid pincode search or entry.
- Image: Drag-and-drop or browse to upload one or more images for the product.
- Dimensions (cm): Specify the length, width, and height of the product in centimeters.
- Barcode: Manage the product barcode. A form modal titled ‘Barcode’ will appear with the dropdown list form field titled ‘Select Update Barcode Options’ with the below mentioned dropdown list options:
- Enter or Scan Barcode: Manually input an existing barcode number or use a barcode scanner to enter it.
- Upload Barcode Image: Upload an image file of an existing barcode.
- Generate New Barcode: Auto-generated barcode that is unique is available for download.
- Cancel: Clicking this button will close the ‘Barcode’ modal dialog box without saving any changes.
- Save: Click to add this barcode.
- Exclude Pincodes: Enter pincode not serviced for product delivery. As characters are typed, a validation message ‘Please enter 3 or more characters’ will appear, indicating the minimum number of characters required for entry or search.
- Submit: Click to add this new product to the list. A toast notification ‘Product Inventory and Shipping Data Updated Successfully’ will appear to confirm the new addition.
- Add Store Information: Follow the below mentioned steps to add dote information:
- Navigate to Add Warehouse Location’ under Inventory and Locations in the bottom of the page.
- A field labeled ‘Add Warehouse Location’ will be available, click on the text box adjacent to this with the placeholder ‘Choose Location’ to display the dropdown list. Choose the required location.
- Click ‘Save’ to add the new location. A toast notification ‘Location Added’ will appear to confirm the new addition.
- Below this, you will find a table labeled ‘Quantity’ with various columns to help interpret inventory data quickly and accurately. The columns are listed below:
- Location: Specifies the distinct warehouse or retail store where the product is physically stored.
- Incoming: Denotes the quantity of the product currently in transit to this particular location, awaiting official receipt into inventory.
- Committed: Indicates the quantity of the product that has been reserved or allocated against existing customer orders but has not yet been dispatched from this location.
- Available Stock: Represents the actual quantity of the product physically present at this location, which is immediately accessible for sale or shipment.
- Total: Overview of the overall available quantity of the product across all your specified warehouses or stores.
- Action: Configure specific details for each listed location with the button mentioned below:
- Add Store Information: A modal dialog box titled ‘Store Location’ will appear with the below mentioned form fields:
- Enter Location Name: Enter the name or identifier of the store location.
- Enter Quantity: Enter the numerical quantity associated with this location.
- Close: Click to exit without saving any changes.
- Submit Information: Save the information and closes the dialog box
- Continue: Click to proceed to the next form section.
- Add Store Information: A modal dialog box titled ‘Store Location’ will appear with the below mentioned form fields:
Add Additional Feed
In the top-right corner, click ‘Add Additional Feed’ button to collect or display extra information about a product that is not part of the default product form.
Adding Additional Fields:
Only fields already added will appear here, this section does not include any input elements for creating new fields. Follow the steps mentioned below to create a new product field.
- Go to the sidebar and click on ‘Product Additional Fields’ under ‘Products’.
- Click the ‘+ Product Additional Fields’ button at the top-right corner of the page.
- A modal form labeled ‘Add New Product Additional Fields’ will open for input.
- Fill in the required information to define the custom fields.
- Click to ‘Submit’ to save the field. A toast notification ‘Product Additional Field Values Added Successfully’ will appear to confirm the addition. After saving, the new field will:
- Appear on the downloadable product creation page.
- Appear on the storefront for customers to view.
The below are the fields in the fourth page:
Meta Details
- Meta Title: Sets the title shown in browser tabs and search engine results.
- Allow Search Results? (Optional): Specifies search engine indexing behavior for the product page. Use the following settings to control visibility in search engine listings:
- Yes (Default): The product page will be visible in search engine results.
- No: Prevents the product page from appearing in search engine results.
- Search Follow (Optional): Determines search engine crawling behavior for links on the product page. Use the following setting to control if search engines follow links.
- Yes (Default): Allows search engines to follow internal and external links on the product page.
- No: Prevents search engines from following any links on the product page.
- Meta Keywords (Optional): Defines keywords relevant to the product.
- Meta Description: Compelling summary intended to appear in search engine results.
- Canonical URL: Specifies the original or preferred URL.
Additional Details
- Trending: Marks the product as trending to highlight it on the storefront.
- Yes: Highlights the product in the Trending section (if configured).
- No: The product will not appear in trending-specific sections.
- Product Status: Controls the visibility of the product on the storefront.
- Publish: Makes the product live and visible to customers.
- Draft: Saves the product as a draft without making it publicly accessible.
- Size Chart: Controls the inclusion of a size chart for the product.
- Yes: Activates the display of a size chart for this product.
- No: Disables the association and display of a specific size chart for this product.
- Link Products: Allows linking of related products to promote upselling and cross-selling.
- Upsell Products (Optional): Assigns higher-value or upgraded alternatives to the current product.
- Enter the product name to select from existing catalog items.
- Multiple products can be added as upsells.
- Cross Sell Products (Optional): Specifies complementary products often purchased together.
- Enter the product name to select from existing catalog items.
- Multiple products can be added as cross-sells.
Product Feed
In the top-right corner, click the ‘Add Additional Feed’ button to configure feed-related details for product distribution.
- Hide from the Feed (Optional): Determines if the product is excluded from appearing in the product feed. The following options control this setting:
- No (Default): Includes the product in the feed.
- Yes: Excludes the product from the feed.
- Availability: Defines the current stock status of the product for listing and feed purposes. The following options are available:
- In Stock: The product is available for immediate purchase and fulfillment.
- Available for Order: The product is not currently in stock but can still be ordered and will be shipped once available.
- Pre-Order: The product has not yet been released but can be reserved in advance by placing an order.
- Out of Stock: The product is currently unavailable for purchase and cannot be ordered.
- Condition: Indicates the physical state of the product for listing and feed classification. The available options include:
- New: The product is brand new, unused, and in original packaging.
- Refurbished: The product has been restored to a like-new condition by the manufacturer or a certified provider.
- Used: The product has been previously owned or used, and may show signs of wear.
- Product Type: Defines the internal classification hierarchy of the product.
- Google Product Category: Selects a category from the official Google product taxonomy to enhance feed accuracy and third-party integration.
- Brand: Specifies the manufacturer or brand name associated with the product.
- Delivery Label: Indicates the shipping profile or method associated with the product in the feed.
- Add Feed: Click to submit the current product feed settings. A toast notification ‘Product Feed Added Successfully’ will appear to confirm the addition of a new feed. The modal dialog box automatically closes and displays the Meta Details form section.
Add Additional Feed
The form fields available here for configuration are the same as those mentioned on page three in the ‘Add Additional Field’ section.
- Complete: Click to save the updates. A toast notification ‘Product Additional Settings Updated Successfully’ will appear upon saving.
- Product Attribute Summary Page: Upon completing, the page will be redirected to present a consolidated display of all product information in one place with the edit option to modify and update all the form sections.
- Preview: Navigate to the top-right corner and click the preview button to view the product with the updated information in the storefront available for display to the public.
These settings help ensure each product variation is correctly configured and visible on the storefront. Make sure all variation details are completed and saved before continuing to the next configuration steps.
Here are the setup links for adding Simple and Downloadable products: